Selection

The MultiViewCalendar allows the user to select multiple dates or a range of dates by using the MultiViewCalendar selection modes.

Multiple Selection

The following example demonstrates how to implement the multiple-view selection mode in the MultiViewCalendar.

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

Range Selection

The following example demonstrates how to implement the range selection mode in the MultiViewCalendar.

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

In this article