Disabled DatePicker

By default, the DatePicker is enabled.

To disable the component, set its disabled property to true.

<div id="vueapp" class="vue-app">
   <div class="row">
        <div class="col-xs-12 col-md-12 example-col">
            <p>Today's date:</p>
            <datepicker
                :disabled="true" 
                :value="new Date()" 
                :show="true"
             ></dateinput>
        </div>
    </div>
</div>
import { DatePicker } from '@progress/kendo-vue-dateinputs';
Vue.component('datepicker', DatePicker);

new Vue({
    el: '#vueapp',
    data: function() {
        return {
            defaultValue: new Date()
        };
    }
});

In this article