Integration with Other Editors

The DateInput provides options for integration with other Kendo UI DateInut widgets.

The available options are available for integrating the following DateInput widgets:

  • DatePickers
  • DateTimePickers
  • TimePickers

The following example demonstrates how to integrate the DateInput with the DatePicker by enabling the dateInput property of the DatePicker.

<div id="example">
    <div id="vueapp" class="vue-app">        
        <h5>Please select date:</h5>
        <kendo-datepicker
                :date-input="true">
        </kendo-datepicker>
    </div>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp'
})

In this article