Keyboard arrow navigation does not work in Year Picker and Quarter Picker

[baebaemin]

Describe the bug Keyboard arrow navigation is not working when trying to select years/quarters in various picker modes.

To Reproduce This issue occurs when using Year / Quarter Pickers with the following options:

showYearPicker

• Custom Year
• Year Picker
• Range Year Picker
• Range Year Picker for one datepicker
• Year item number

showQuarterYearPicker

• Custom Quarter
• Quarter Picker
• Range Quarter Picker

showMonthYearPicker

• Select multiple months

1. Set the property "showYearPicker" or "showQuarterYearPicker" to use these pickers
2. Focus on the input field to open the picker
3. Try to use arrow keys (↓↑←→) to navigate through years/quarters

Expected behavior Arrow keys should allow navigation (up, down, left, right) through the options, similar to date/month pickers.

Desktop (please complete the following information):

• OS: macOS Sonoma 14.6.1
• Browser: Chrome (130.0.6723.92), Safari 17.6(19618.3.11.11.5)

[WojtekMasiukiewicz]

I'm also experiencing this keyboard navigation issue with version 8.2.1 of the component.

Specifically with the "showYearPicker" option, I can navigate between year elements using arrow keys (up, down, left, right), but I cannot confirm my selection with either Space or Enter keys.

This creates an accessibility problem as keyboard-only users can navigate through the options but cannot actually select them, requiring mouse interaction to complete the selection process.

Environment:

• macOS Sequoia 15.3.1
• Chrome 133.0.6943.141
• Safari 18.3 (20620.2.4.11.5)

[github-actions[bot]]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[github-actions[bot]]

This issue was closed because it has been stalled for 10 days with no activity.