[pickers][DateRangePicker] support selecting months and years

[aelkadah]

Summary

I want to make Year title and month Title selectable in the header of DateRangePicker component in react-mui

Examples

Motivation

No response

Search keywords: DateRangePicker

Search keywords:

[michelengelen]

Hey @aelkadah
what is it you want to achieve?
Do you want to include a Select component as a replacement for the Month / Year title in the DatePicker component?
Please add a more detailed description of your use case!
thanks!

[flaviendelangle]

Looks like a duplicate of #4546

[aelkadah]

Hey @aelkadah what is it you want to achieve? Do you want to include a Select component as a replacement for the Month / Year title in the DatePicker component? Please add a more detailed description of your use case! thanks!

Hi, Yes I want to make year and month clickable so when clicking on them I choose from list of months or years like in DatePicker component after using views={['year', 'month', 'day']}

[aelkadah]

Looks like a duplicate of #4546

Hi @flaviendelangle but I don't see a direct react-mui solution in this thread can you help me more simply

[flaviendelangle]

Hi @flaviendelangle but I don't see a direct react-mui solution in this thread can you help me more simply

Sorry, my answer wasn't clear

We don't support this feature yet, the issue I linked is the one referring to the feature you are asking for.
You can implement something using a custom CalendarHeader, but this will be a very heavy customization.

[aelkadah]

Hi @flaviendelangle but I don't see a direct react-mui solution in this thread can you help me more simply

Sorry, my answer wasn't clear

We don't support this feature yet, the issue I linked is the one referring to the feature you are asking for. You can implement something using a custom CalendarHeader, but this will be a very heavy customization.

Thanks @flaviendelangle, please let me know if you have this CalendarHeader solution done before to see it ?

[flaviendelangle]

I don't think anybody tried an implementation with CalendarHeader yet
You have example on the doc on how to create a custom header but we don't have an example with the use-case you are looking for.

[aelkadah]

Ok thanks for your time and effort

[michelengelen]

I guess this can be closed for now.
Thanks for raising an issue here @aelkadah ... and sry that we cannot provide you with hand tailored solution for your use-case.

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

@aelkadah: 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.