All Components

Keyboard Navigation

The keyboard support of the Calendar is always available.

The Calendar supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
 Alt+w  Focuses the Calendar.
 Left Arrow  Highlights the previous day.
 Right Arrow  Highlights the next day.
 Up Arrow  Highlights the same day from the previous week.
 Down Arrow Highlights the same day from the next week.
 Ctrl+Left Arrow Navigates to the previous month.
 Ctrl+Right Arrow Navigates to the next month.
 Ctrl+Up Arrow Navigates to the previous view.
 Ctrl+Down Arrow Navigates to the next view.
 Home Highlights the first day of the month.
 End Highlights the last day of the month.
 Enter or Space If in the month view, selects the highlighted day. In other views, navigates to lower view.

When in multiple selection mode, the Calendar supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
 Ctrl+Enter or Space Adds the highlighted day to the current selection. If that day was already selected, removes it from the selection.
 Shift+Left Arrow or Right Arrow Adds the next or the previous date to the selected items.
 Shift+Up Arrow or Down Arrow In the month view, extends the selection up or down one row.
 Shift+Space Performs range selection. Selects all dates between the last selected one (with SPACE or mouse click) and the one which holds the focused cell.
<div id="vueapp" class="vue-app">
    <kendo-calendar :value="new Date()" selection
      :selectable="'multiple'"></kendo-calendar>
</div>
Vue.use(DateinputsInstaller);
new Vue({ el: '#vueapp' })
In this article