Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unable To Select Date With Arrow Keys #5136

Open
vinaysharma14 opened this issue Sep 28, 2024 · 1 comment
Open

Unable To Select Date With Arrow Keys #5136

vinaysharma14 opened this issue Sep 28, 2024 · 1 comment

Comments

@vinaysharma14
Copy link

vinaysharma14 commented Sep 28, 2024

Describe the bug
Date receiving a pseudo focus (actual focus stays on the selected date) while navigating with arrow keys doesn't get selected.

To Reproduce

Date selection doesn't change with arrow keys:

Date.Picker.Focus.Issue.mov

Fixing the above issue would also fix the below issue where keyboard selection styles are absent for selected date:

DatePicker.Selected.Date.Keyboard.Highlight.Issue.mov

Expected behavior

A new prop should be introduced which should select date with arrow keys similar to native date input:

Date.Picker.Expected.Focus.mov

Desktop (please complete the following information):

  • OS: macOS Sonoma
  • Browser: Chrome
  • Version: 129.0.6668.59
@ahaws-govcio
Copy link

👍
Although you can navigate with the arrow keys, for assistive technologies (i.e. screen readers) there is no announcement of the dates as you move within the calendar. For accessibility, the user doesn't know what is changing or what they are selecting.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants