Skip to content

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

Closed
@ihardyslide

Description

@ihardyslide

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):

  • Browser: Chrome
  • Library version: 8.2.0

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions