| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Overview |
DateInput Overview - Components - Kendo UI for Vue |
Get an overview of the features the Kendo UI DateInput wrapper for Vue delivers and use the component in Vue projects. |
overview_dateinput_wrapper |
0 |
The DateInput represents an input field that recognizes and formats scheduling values such as dates.
The DateInput wrapper for Vue is a client-side wrapper for the Kendo UI DateInput widget.
The input in each section of the DateInput is always valid for the relevant section. For example, you cannot enter
23in the month section. As a result, the value in DateInput is always any valid date.
The following example demonstrates the DateInput in action.
{% meta height:200 %} {% embed_file dateinputs/basic/main.vue preview %} {% embed_file dateinputs/basic/main.js %} {% endmeta %}
- [Date ranges and formats]({% slug daterangesformats_dateinput_wrapper %})
- [Localization]({% slug localization_dateinput_wrapper %})
- [Integration with other editors]({% slug integrationotherwidgets_dateinput_wrapper %})
- [Keyboard navigation]({% slug keyboardnavigation_dateinput_wrapper %})
- [RTL support]({% slug rtl_dateinput_wrapper %})
The following example demonstrates basic DateInput events. You can subscribe to all DateInput events by the handler name.
{% meta height:200 %} {% embed_file dateinputs/events/main.vue preview %} {% embed_file dateinputs/events/main.js %} {% endmeta %}