Disabled DateInput

By default, the DateInput is enabled.

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

<div id="vueapp" class="vue-app">
    <div>
      <dateinput
        :disabled="true"
        :value="value"
        @change="changeDate"
      />
      </div>
</div>
import { DateInput } from '@progress/kendo-vue-dateinputs';
Vue.component('dateinput', DateInput);

new Vue({
    el: '#vueapp',
    data: function() {
        return {
            value: new Date()
        };
    },
    methods: {
        changeDate(event) {
            this.value = event.value;
        }
    }
});

In this article