Currently is not possible to focus the End DateInput, using keyboard shortcuts.
So far the Tab focuses the first input which automatically opens the popup then continues on the next focusable elements on the page skipping the End input.
This is not correct in terms of another component that has a popup in it. The popup should be opened on Alt+Down arrow, while the Tab should go through the Start and End DateInputs fields only.
Please improve and provide built-in keyboard navigation shortcuts for the DateRange component.
Hi Richmond,
Thank you for your comments and logging this feature request.
Indeed, currently the DateRange component does not have a dedicated keyboard navigation. Recently we have been working on improving the accessibility and KB navigation across all Kendo suites, and this ongoing effort will also see the DateRange and other components comply with the respective accessibility and KB navigation specs.
The planned improvements for the DateRange KB navigation will ensure it meets the following spec once implemented:
Managing Focus Focus goes through the two date inputs and the popup. Keyboard Shortcuts Actions applied to the DateInput: The DateRangePicker implements the keyboard shortcuts for the DateInput component. Apart from that, it also features the following shortcuts related to ist Popup: `Esc`: Closes the popup `Alt + Down`: Opens the popup `Alt + Up`: Closes the popup Actions applied to the Calendar: Ones the popup is open, navigation is handled through the MultiViewCalendar component. Resources:
https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html
Regards,
Dimiter Topalov
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.