Skip to content

Conversation

@asajjad2
Copy link

@asajjad2 asajjad2 commented Nov 20, 2025

What are the relevant tickets?

#9097, #6036

Description (What does it do?)

This PR adds keyboard accessibility support for time-only pickers. When the time input is focused and the dropdown is open, ArrowUp/ArrowDown increment or decrement the selected time by the configured timeIntervals (default 30 minutes), update the input value in real-time, and automatically scroll the highlighted option into view in the dropdown. The Enter key commits the current typed value if it's valid, or falls back to the currently highlighted option in the dropdown if the input is invalid or empty. After committing, the dropdown closes and onChange is triggered with the selected time.

The implementation adds three new methods: handleTimeOnlyArrowKey for handling arrow key navigation, handleTimeOnlyEnterKey for parsing and committing the selected time, and scrollToTimeOption for finding and scrolling the matching time option into view.

Screencast

Screen.Recording.2025-11-11.at.3.38.55.PM.mov

@codecov
Copy link

codecov bot commented Nov 20, 2025

Codecov Report

❌ Patch coverage is 34.11765% with 56 lines in your changes missing coverage. Please review.
✅ Project coverage is 97.34%. Comparing base (1122aba) to head (033d014).

Files with missing lines Patch % Lines
src/index.tsx 34.11% 56 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #6039      +/-   ##
==========================================
- Coverage   98.91%   97.34%   -1.57%     
==========================================
  Files          30       30              
  Lines        3496     3581      +85     
  Branches     1470     1509      +39     
==========================================
+ Hits         3458     3486      +28     
- Misses         37       94      +57     
  Partials        1        1              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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

Successfully merging this pull request may close these issues.

1 participant