Active View and View Depth

To define the first view which the MultiViewCalendar initially renders, use the start option.

Active View

The MultiViewCalendar supports the following predefined view options:

  • month—Shows the days of the month.
  • year—Shows the months of the year.
  • decade—Shows the years of the decade.
  • century—Shows the decades of the century.

Selectable Month Calendars

The following example demonstrates how to create a MultiViewCalendar that allows the user to select a month.

<div id="vueapp" class="vue-app">
    <kendo-multiviewcalendar :start="'year'" :depth="'year'"></kendo-multiviewcalendar>
</div>
Vue.use(DateinputsInstaller);
new Vue({ el: '#vueapp' })

View Navigation Depth

You can define the last view to which the user can navigate (view navigation depth) by setting the depth option.

In this article