Keyboard Navigation

The keyboard support of the DateInput is always available.

The DateInput supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
 Alt+w  Focuses the DateInput.
 Left Arrow  Highlights the previous day part.
 Right Arrow  Highlights the next day part.
 Up Arrow  Increases the current date part.
 Down Arrow Decreases the current date part.
 Space Highlights the next day part.
 Delete or Backspace Clears the current date part.
 Mouse-wheel, rotated up Increases the current date part.
 Mouse-wheel, rotated down Decreases the current date part.
<div id="vueapp" class="vue-app">
    <kendo-dateinput></kendo-dateinput>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp'
})

In this article