Keyboard Navigation

The keyboard support of the TimePicker is always available.

The TimePicker supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
 Access Key+w  Focuses the TimePicker.

When the popup is opened, the TimePicker supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
 Up Arrow  Selects the previous available time.
 Down Arrow  Selects the next available time.

When the popup is closed, the DateTimePicker supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
 Enter  Triggers the change event.
 Esc  Closes the popup.
 Alt+Up Arrow  Closes the popup.
 Alt+Down Arrow  Opens the popup.
<div id="vueapp" class="vue-app">
    <kendo-timepicker></kendo-timepicker>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp'
})

In this article