# Vue DateInput Overview The Kendo UI for Vue DateInput represents an input field that recognizes and formats scheduling values such as dates. The Kendo UI for Vue DateInput 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](https://www.npmjs.com/package/@progress/kendo-vue-dateinputs). ## Basic Usage The following example demonstrates the DateInput in action. [Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/dateinput/basic/source.txt) ## Functionality and Features * [Disabled state](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/disabled-state) * [Spin buttons](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/spin-buttons) * [Incremental steps](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/incremental-steps) * [Date limits](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/date-ranges) * [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/appearance) * [Formats](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/formats) * [Placeholders](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/placeholders) * [Forms Support](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/forms) * [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/globalization) * [Keyboard navigation](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/keyboard-navigation) * [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/accessibility/wai-aria-support) ## Support and Learning Resources * [DateInput Homepage](https://www.telerik.com/kendo-vue-ui/dateinput) * [API Reference of the DateInput Component](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/dateinputprops) * [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api) * [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api) * [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api) * [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api) * [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3) * [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) * [DateInput Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=dateinput) * [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/) * [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension) ## Additional Resources * [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue) * [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)