Datepicker header display customisattion

Topic: Datepicker header display customisattion

dmeic pro premium asked 7 months ago

Hello, Is there a way to customise the date picker header

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 7 months 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.


Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 8.4.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes