Date (Range) Pickers | Enable input field to trigger dialogue too (syncing values between input and dialogue)

[ds-clearago]

https://saas-ui.dev/docs/components/date-time/date-input vs https://saas-ui.dev/docs/components/date-time/date-picker

Make it possible to combine trigger & input so you can have a date form field that triggers the opening of the dialogue not only on click of the calendar icon but also on click of the form field itself for better usability (i.e enable both keyboard entry as well as comfy entry). If we have to implement it by ourselves, we have to create our component to keep the calendar and input in sync so even though we don't want to, we'll go with the trigger/button variant for now.

UX could be similar to

• https://ant.design/components/date-picker
• https://uxsolutions.github.io/bootstrap-datepicker
• https://reactdatepicker.com/

(haven't checked the code of those packages though)

[linear]

SUI-340 Date (Range) Pickers | Enable input field to trigger dialogue too (syncing values between input and dialogue)

[Pagebakers]

This would be a quick win, also just noticed keyboard navigation doesn't work properly with selecting the calendar button.

[Pagebakers]

Turns out this is actually not that of a quick win. I did fix the keyboard navigation issue. in #191