[pickers] BuddhistEra support

[eikqzx]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

original Dayjs is support BuddhistEra why AdapterDayjs in mui is not support?

Examples 🌈

No response

Motivation 🔦

in original Dayjs is just
" import buddhistEra from 'dayjs/plugin/buddhistEra';
dayjs.extend(buddhistEra);
dayjs().format("DD MM BBBB") "
it return "25 7 2563"
and I try to format props in component DatePicker it return "25 7 BBBB"

Order ID 💳 (optional)

No response

[noraleonte]

Thanks for raising this issue! 🙌

Could you provide a reproduction case? Maybe a codesandbox with what you are trying to achieve? I feel like the problem might be because you are trying to use 'BBBB' as the format for the year. You can check out the formats we support here

[eikqzx]

https://codesandbox.io/embed/competent-paper-m4fffv?fontsize=14&hidenavigation=1&theme=dark
this it work on old versions but try to do in latest versions on mui-x/date-picker but it not work

[noraleonte]

We currently do not support BBBB as a valid format. While we will bring this up within the team, maybe doing it like this will help?

[eikqzx]

Finally! I can make it work!! this just change if (format === "YYYY") { format = "BBBB"; } to let newFormat = format.replace(/\bYYYY\b/g, "BBBB"); and return it thank for your help!

[LukasTy]

@eikqzx I've tried looking for a more proper solution for this question and I think that this codesandbox does showcase a less error-prone solution.
The only issue I see is that to achieve it, we need to copy-paste and change the formatTokenMap instead of just being able to override it (like we can and did with dateFormats) or at least having it exported to be able to reuse it only changing what's needed. 🤔
What do you think? Does it serve your purpose and everything seems to work?

[eikqzx]

@eikqzx I've tried looking for a more proper solution for this question and I think that this codesandbox does showcase a less error-prone solution. The only issue I see is that to achieve it, we need to copy-paste and change the formatTokenMap instead of just being able to override it (like we can and did with dateFormats) or at least having it exported to be able to reuse it only changing what's needed. 🤔 What do you think? Does it serve your purpose, and everything seems to work?

Yes, thank for you improve code.

[LukasTy]

Reopening the issue.
We'll discuss the best possible improvement for such cases. 👌

[flaviendelangle]

Unfortunately we won't be able to support BBBB (and BB) because the dayjs plugin only implements formatting and we also need parsing in order to support a token.

See the plugin codebase

If you have the time to implement the parsing of BBBB (and BB) tokens, we will be happy to register them as valid tokens on our components 👍

[dreamo101]

Thank, everyone! I've been searching for a solution for a long time, and I finally found it! 👍

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@eikqzx How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

[eikqzx]

Unfortunately we won't be able to support BBBB (and BB) because the dayjs plugin only implements formatting and we also need parsing in order to support a token.

See the plugin codebase

If you have the time to implement the parsing of BBBB (and BB) tokens, we will be happy to register them as valid tokens on our components 👍

I just have time to start implementing this, but I’ve never developed a library before. Could you guide me on how to get started?

[mike-kaonashi]

Finally! I can make it work!! this just change if (format === "YYYY") { format = "BBBB"; } to let newFormat = format.replace(/\bYYYY\b/g, "BBBB"); and return it thank for your help!

I tried to apply this way but it does not seem to work on MUIv6

[flaviendelangle]

See #9784 (comment) for the reason 👍

[flaviendelangle]

I just have time to start implementing this, but I’ve never developed a library before. Could you guide me on how to get started?

@eikqzx you have a look at the contributor guide of dayjs.
Then, the plugin to improve is here.
I don't know what it would require to allow the parsing of these new tokens. The dayjs owner could probably answer some of your questions.