react-datetime-picker icon indicating copy to clipboard operation
react-datetime-picker copied to clipboard

UX issue: navigation state gets "stuck" after closing the popup

Open mindplay-dk opened this issue 8 months ago • 1 comments
trafficstars

There's a small but important UX issue with this component: once the popup has been opened, the state of the popup gets "stuck" in whatever state it was last in.

This is not how date pickers in general work (including the native date pickers in browsers) because users don't generally expect UI that has been closed to reappear in the same state.

That's the main problem - the other, related problem, is that there's no way to back out of the month picker. If the user changes their mind and doesn't want to pick the month, they will intuitively look for a back < or close x button of some sort - and failing that, they will most likely click outside the picker to make it close, and then reopen it, since (as discussed) they would generally expect popups to open in their initial, default state, rather than a previous state.

I don't think we need to add a back or close button, necessarily. (many date pickers don't have it.)

But these two UX issues compound into a confusing experience, where the user is blocked in their workflow, and forced to pick a month, before they're allowed back to the date picker itself.

Would you accept a PR to fix this?

Image

mindplay-dk avatar Mar 04 '25 08:03 mindplay-dk