react-calendar Dropdown select for month and year

Dropdown select for month and year

Open kennyjwilli opened this issue 4 years ago • 6 comments

Is it possible to change the way you navigate from month to month & year to year to simply be a dropdown? I find the entire calendar switching views jarring. I'd like to have it so when you click on the year, it will simply show a dropdown of years to select. When you click on the month, it shows a dropdown of the months.

Oct 30 '19 22:10 kennyjwilli

Hi, that is quite a complicated problem. In current React-Calendar architecture, calendar layout tied closely with its logic in root component. I think it would make sense to split the view from the logic, essentially making it possible to replace the whole view logic - but that would mean you would need to handle displaying months, years, decades etc. on your own, too. This would be helpful for testability, though!

Other way is to just create renderNavigation prop and allow people to redefine the logic of rendering navigation, and making sure that existing elements are exported for reuse.

What do you think?