vaadin / vaadin-date-picker

The Web Component providing a date selection field with scrollable month calendar. Part of the Vaadin components.
https://vaadin.com/components
Apache License 2.0
165 stars 78 forks source link

DatePicker not keyboard-entry friendly #701

Closed guttormvik closed 4 years ago

guttormvik commented 4 years ago

Our users want to write values with keyboard and tab to the next field. The DatePicker / vaadin-date-picker breaks this flow. The user writes a date in the exact format required, but when the user tabs out, the focus ends up in the overlay and they must press return to select.

Another way the DatePicker is not keyboard friendly is that if you write the date, you have to write it fully. In our Vaadin8 app, the users can write "1802" and with our server-side handleUnparsableDateString override it gets expanded to "18.02.2020". It would be nice to have something like this in the Vaadin14 DatePicker as well

web-padawan commented 4 years ago

Thanks for the issue. Transferred to the correct repository.

The user writes a date in the exact format required, but when the user tabs out, the focus ends up in the overlay

This is actually by design. User has to press Enter to confirm date and then Tab.

I agree it might be inconvenient. So we are working on opt-in API called auto-open-disabled that would allow to type date and use Tab without opening overlay at all. Please see #694

In our Vaadin8 app, the users can write "1802" and with our server-side handleUnparsableDateString override it gets expanded to "18.02.2020".

This sounds like a duplicate of vaadin/vaadin-date-picker-flow#136. Please see https://github.com/vaadin/vaadin-date-picker-flow/issues/136#issuecomment-432562773

web-padawan commented 4 years ago

Closing in favor of #704 and vaadin/vaadin-date-picker-flow#136 per above comment.