Active View and View Depth

The DateRangePicker enables you to define the first and last initial views as well as the last view to which the user can navigate.

To define the first view that the DateRangePicker initially renders, use the start option.

The following options are available for the start property:

  • 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.
<div id="vueapp" class="vue-app">
    <kendo-daterangepicker :start="'year'"
                           :depth="'month'">
    </kendo-daterangepicker>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp'
})

In this article