Open the calendar on focus rather than icon click or enter? about stimulus-datepicker HOT 3 CLOSED

I've been following the WAI-ARIA date picker dialog design pattern, and I understand it to mean the calendar should show and hide based on clicking (or the keyboard equivalent) the toggle button.

Having said that, I just re-read the pattern and it doesn't really specify one way or the other. I think it used to but they seem to have updated it since I built the datepicker. Their example code still requires clicking a toggle button.

Anyway, you could listen for the text field's focus event and then trigger a click event on the toggle element. Either with plain JavaScript or a tiny Stimulus controller of your own.

from stimulus-datepicker.

you actually can't bc the click event trigger on toggle will close the datepicker again 😢 just tried 😃. It basically opens and closes.

from stimulus-datepicker.

Thanks @hmontazeri. I'm going to close this because I don't think the calendar should behave this way by default, and it's straightforward to handle the event if you really want to.

from stimulus-datepicker.