# Vue DatePicker Overview The Kendo UI for Vue DatePicker component offers a customizable interface for the user to enter and pick dates supporting different locales. Its features cover everything from setting a default value and selecting a date range to form validation and keyboard shortcuts. ## Vue DatePicker Features Preview and Demo Among the many features which the DatePicker delivers are: * [Setting the default value](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/default-value)—Effortlessly configure the initial value that the DatePicker renders. * [Form validation](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/forms)—Validate input values, set validation requirements (such as minimum and maximum date) and prevent the submission of forms which are in an invalid state. * [Formats](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/formats) and [placeholders](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/placeholders)—Control the date format and implement placeholders for its input field, including custom formats. * [Controlled state](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/controlled-state)—Control the date value and popup state of the DatePicker. * [Disabled state](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/disabled-state)—To disable input, change a single property. * [JSON integration](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/integration-with-json)—You can also bind the DatePicker to dates which are serialized as strings. * [Custom rendering](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/custom-rendering)—You can replace the DatePicker input field, calendar and popup child components with custom ones. * [Date limits](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/date-ranges)—Enable the user to pick a date within a predefined min and max date range. * [Focused dates](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/date)—Configure the initial date value the DatePicker displays. * [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/appearance) * [Accessibility support](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/datepicker/accessibility/wai-aria-support)—The DatePicker is compliant with WAI-ARIA and Section 508. The following example demonstrates the DatePicker in action. [Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/datepicker/overview/source.txt) This demo implements some of the features that are available in the DatePicker. * When the Vue DatePicker is initially loaded, you can **render a specific default value for that date**. * You can **change the date format** and **render a week number column**. * With the **globalization feature**, you can change the languages and cultures by using the **Locale** drop-down list. ## Vue Trial Version and Commercial License The Vue DatePicker component is part of Kendo UI for Vue, a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. To use it commercially, you need to [purchase a license](https://www.telerik.com/kendo-vue-ui/#pricing). Feel free to review the Kendo UI for Vue [License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui) to get acquainted with the full terms of use. ## Support Options For any issues you face while working with the Kendo UI for Vue DatePicker, use any of the available support channels: * Kendo UI for Vue license holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the [Kendo UI for Vue dedicated support](https://www.telerik.com/account/support-tickets) system. * [Kendo UI for Vue forums](https://www.telerik.com/forums/kendo-ui-vue) are part of the free support you can get from the community and from the Kendo UI for Vue team on all kinds of general issues. * [Kendo UI for Vue feedback portal](https://feedback.telerik.com/kendo-vue-ui) and [Kendo UI for Vue roadmap](https://www.telerik.com/kendo-vue-ui/roadmap/) provide information on the features in discussion and also the planned ones for release. * Kendo UI for Vue uses [GitHub Issues](https://github.com/telerik/kendo-vue/issues) as its bug tracker and you can submit any related reports there. Also, check out the [closed list](https://github.com/telerik/kendo-vue/issues?utf8=%E2%9C%93\&q=is%3Aissue+is%3Aclosed+). * You may need a tailor-made solution for your project. In such cases, go straight to [Progress Services](https://www.progress.com/services). ## Support and Learning Resources * [DatePicker Homepage](https://www.telerik.com/kendo-vue-ui/datepicker) * [API Reference of the DatePicker Component](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/datepickerprops) * [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) * [DatePicker Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=datepicker) * [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)