[pickers] Option for abbreviated or wide for month view

[fakhamatia]

Summary 💡

I want to show full month name in month view, not abbreviated.
I'm using 6.16.0 but cant find this option in doc and source.

Examples 🌈

No response

Motivation 🔦

No response

Search keywords: abbreviated month

[michelengelen]

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! 🙇🏼

[LukasTy]

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',
  }}
>

[fakhamatia]

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!

[LukasTy]

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