react-datepicker is not accessible

[afercia]

Looks like react-datepicker, currently used for the "publish" date, has several accessibility issues.

Just to mention a few:

• not operable with a keyboard
• empty and not focusable prev/next month links
• day names not in relationship with the day numbers
• arguable values for the day aria-labels, e.g. day-15
• missing labels for the hour/minutes fields

I was also able to break it completely just editing the hour/mins fields using a keyboard:

I'd strongly recommend that every external component/library included in Gutenberg should be picked up taking into consideration also its accessibility support.

Not sure react-datepicker can be easily patched and made decently accessible. It would likely require a lot of work. Not sure if other, more accessible, react date-pickers exist. Not sure if using a date-picker is a good idea in the first place 🙁 Date pickers are always tricky.

One option could be considering a completely different UI, without a date-picker. Happy to evaluate other, more accessible, tools if any, but I'm afraid react-datepicker in its current state doesn't meet the quality standards we'd like to see in WordPress and it's a blocker for accessibility.

/cc @jasmussen and @joedolson (as he's an expert about calendars)

[tofumatt]

Oh, the new date-picker is much more accessible. I'm closing this as we aren't using react-datepicker. Closed by #7621, which I thought closed this in the text but just referenced it. 🤷‍♂️