Possibility to handle focus from outside

[ihardyslide]

Is your feature request related to a problem? Please describe. Hi, I already opened an A11y issue ticket for this library before and I was really impressed by the speed you delivered a fix. Thank you very much again for this.

Unfortunately, I need to bug you again with some accessibility issue. We have tried to adapt the Datepicker from outside, to align it as much as possible with the W3C suggestion regarding datepickers. We came across an issue, which we currently are not able to solve without forking the library. That's why I first want to ask, if it is maybe an improvement for everybody and therefore can go into your original library.

W3C suggests following points, which we could not implement without a fork:

• while navigating inside the calendar, one should be able to jump to the first/last day of the current week, by pressing HOME or END key on your keyboard
• while navigating inside the calendar, one should be able to jump to the previous/next month, by pressing PAGE UP or PAGE DOWN key
• while navigating inside the calendar, one should be able to jump to the previous/next year, by pressing SHIFT + PAGE UP or SHIFT + PAGE DOWN

I was only able to visually shift the focus via javascript, but could not actually set the index of the focus inside the datepicker. That means e.g., after pressing END key, the focus visually moves to the last day of the current week, but as soon as I press some arrow-key, let's say RIGHT-ARROW for this example, the focus will jump back to the day I was before pressing END and then go to the next day.

Describe the solution you'd like I see two possible solutions for this: 1) You try to implement the W3C suggestions into the datepicker by default 2) You implement some feature (prop or something?) which provides a possibility to modify the current focus from outside of the element.

Describe alternatives you've considered I will have to fork the library then I guess, I did not find any other solution yet.

Additional context

Pressing END key

Pressing RIGHT-ARROW

[ihardyslide]

Hi,

thanks for the update. Unfortunately, it does not seem to work properly for me.

I have found following points which I would consider as a11y issue:

• When pressing HOME or END key, the focus jumps to the wrong day. It seems like, that the focus considers the current day as currently focused day, because it jumps inside the week, which has the current day in it.
• When pressing PAGE UP/PAGE DOWN or SHIFT + PAGE UP/SHIFT + PAGE DOWN to switch month or respectively year, the focus is lost completely. I have to press TAB to get the focus inside the datepicker again. The W3C example sets the focus on the same day as the last focused day. e.g. Current focus is on 22.04.2024 --> press PAGE UP --> focus is on 22.03.2024

What do you think about this? Here you can see a video of mentioned points:

https://github.com/Vuepic/vue-datepicker/assets/1192287/3cea2c0d-e6cd-4a23-9227-0f6915dd8b7d

Thanks & BR

[ihardyslide]

Hi,

any update on this?

Thx & BR

[Jasenkoo]

I missed it completely, will re-open as bug

[ihardyslide]

Hi,

unfortunately I still have found two last issues.

• The Focus is still lost when switching month or year with the keyboard (at least the visible focus ring is lost) (PAGE UP/PAGE DOWN or SHIFT + PAGE UP/SHIFT + PAGE DOWN
• When having auto-apply enabled, HOME and END key both select and close the datepicker, which should not be the case I think, because it's just a navigation action like using the arrow keys or PAGE UP/PAGE DOWN which both do not select and close the datepicker Thanks & BR

[ihardyslide]

Sorry for bumping, just scared you missed my update.