search

Vuepic / vue-datepicker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
1.48k stars 147 forks source link

Arrow-Navigation left/right does not jump to next/previous row of days #776

Closed ihardyslide closed 7 months ago

ihardyslide commented 7 months ago

Describe the bug Hi, unfortunately the arrow-navigation seems to be not very accessible at the moment. We tested the datepicker with a blind person and he struggled with the arrow-navigation inside the calendar. The biggest issue he had, was to navigate between the days inside the calendar. According to him, the keyboard navigation would improve massively when left/right arrows would also jump in the next/previous row, as soon as you reach the last/first day of the current row and press the according arrow key again.

Another small issue I want to mention is, that you first have to use the tab key to get to the calendar days, after opening the datepicker. Is this intended?

To Reproduce Steps to reproduce the behavior:

  1. Go to your Datepicker playground
  2. Enable the arrow-navigation by adding the prop arrow-navigation
  3. Open the datepicker
  4. Tab into the calendar days
  5. Use left or right arrow key to go to the last/first day of any of the weeks and press one more time

Expected behavior The focus moves to the first/last day of the next/previous week

Screenshots datepicker

Desktop & mobile (please complete the following information):

Sorry if this is more of a feature request than a bug in your opinion, we can change the issue accordingly.