[pickers] Option for abbreviated or wide for month view about mui-x HOT 4 CLOSED

Please provide a minimal reproduction test case with the latest version. This would help a lot 👷.

A live example would be perfect. This codesandbox.io template may be a good starting point. You can find more codesandbox templates in our docs.

Thank you! 🙇🏼

from mui-x.

Hello @fakhamatia, have you tried overriding the dateFormats on LocalizationProvider?
There is a monthShort format that is currently only used on the MonthCalendar.
That is not the most proper solution long-term, but one that should work for now, until we provide more extensibility in this regard.

<LocalizationProvider
  dateAdapter={AdapterDayjs}
  dateFormats={{
    monthShort: 'MMMM',
  }}
>

from mui-x.

Hello @fakhamatia, have you tried overriding the dateFormats on LocalizationProvider? There is a monthShort format that is currently only used on the MonthCalendar. That is not the most proper solution long-term, but one that should work for now, until we provide more extensibility in this regard.

<LocalizationProvider
  dateAdapter={AdapterDayjs}
  dateFormats={{
    monthShort: 'MMMM',
  }}
>

Yes, it works perfectly!

from mui-x.

I'm glad to hear that it solves your problem. 🙌
I'm closing this issue as we have an open issue (#10874) to introduce more slots for year and month calendars. 😉

from mui-x.