Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Datepicker header display customisattion

dmeic free asked 5 years ago


Hello, Is there a way to customise the date picker header https://imgur.com/pNj6Mr3

The header in the example shows:

Thu, Jan 02,

I want to change it to:

02 Thu, January

Is there a way to do this? Thank you for your time.


Konrad Stępień staff answered 5 years ago


Hi @dmeic,

Currently, the only way to do this is to set these styles in your global style.scss file.

.picker__date-display {
    display: flex;

    .picker__month-display {order: 3;}
    .picker__weekday-display {order: 2;}
    .picker__day-display {order: 1;}
}

We added this option to our nice to have list.

Best regards, Konrad.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.4.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes