Native Components / Date Inputs / Calendar

Getting Started with Kendo UI for Vue Calendar

The Kendo UI for Vue Calendar is a form component that represents a graphical Gregorian calendar and supports the selection of and navigation between dates and date ranges for scheduling appointments.

The Kendo UI for Vue Calendar component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-dateinputs package.

Basic Usage

The following example demonstrates the Calendar in action.

<div id="vueapp" class="vue-app">
  <div class="example-config">
        <calendar />
    </div>
</div>
import { Calendar } from '@progress/kendo-vue-dateinputs';
Vue.component('calendar', Calendar);

new Vue({
    el: '#vueapp'
});

Functionality and Features

In this article