DayPicker Improvement

[jossmac]

The DayPicker component and corresponding CalendarDay field are basically functional, but require a bit more work to be complete:

Aesthetic

• Moved to new issue: range-selection start/end day

Functionality

• range-selection
• selectable month from native <select/>
• selectable year from native <select/>
• unavailable/disabled days (greyed out)
• select year by typing (if the list of available years is too long for a <select/>

A11y

• keyboard navigation
• screen-reader audit and subsequent updates

Ideas

• i18n support for month/weekday labels

[jesstelford]

Also:

• Support in/not_in options. The UI for this could be a react-select with a custom dropdown that is a day picker, with the labels "One of", and "Not one of".

[molomby]

• i18n support for different week start days (eg. Monday, Sunday, etc)

Note, for translated month/day labels we need full and abbreviated versions.

Also, I haven't played around with the UI but presumably the selected date text is displayed somewhere? It's format will need to be localised, obviously.

[molomby]

I'd say the most important thing here is being able to either:

• Quickly navigate between years/decades, or..
• Acting like a text field so users can enter a date

Entering my birthday currently takes 429 clicks 😱

[nathsimpson]

All of the month formatting has been made using a library that supports internationalisation (date-fns). Internationalisation is ready to go, it just needs to be parsed a locale :) The way this will be implemented would be part of a big-picture view on how Keystone will handle internationalisation.

[VinayaSathyanarayana]

We need the option to turn off "Today" Button Ref #4499

[MadeByMike]

@molomby can you add some notes about the bug with how the dates are stored?

[molomby]

@MadeByMike I don't have any problem with how CalendarDay values are stored; you might be thinking of my work on the DateTimeUtc type 🙂

[stale]

It looks like there hasn't been any activity here in over 6 months. Sorry about that! We've flagged this issue for special attention. It wil be manually reviewed by maintainers, not automatically closed. If you have any additional information please leave us a comment. It really helps! Thank you for you contribution. :)

[jossmac]

React day picker should release version 8, which includes an improved API and hooks support, sometime soon. I'm happy to pick up this issues once that lands.