Getting Started with Kendo UI for Vue Native DatePicker

The Kendo UI for Vue Native DatePicker combines the Kendo UI for Vue DateInput and Calendar components and enables the user to enter or pick a date value.

The Kendo UI for Vue DatePicker 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.

Basic Usage

The following example demonstrates the DatePicker in action.

Change Theme

Theme

Loading ...

Functionality and Features

• Disabled DatePicker
• Controlled mode
• Default value
• Focused dates
• Date ranges
• Formats
• Placeholders
• Week number column
• Custom rendering
• Forms support
• Integration with JSON
• Globalization
• Keyboard navigation
• Accessibility

Events

The following example demonstrates basic DatePicker events.

Change Theme

Theme

Loading ...

Suggested Links

• Getting Started with Kendo UI for Vue
• Working with Kendo UI for Vue Trial Version and Commercial License
• Kendo UI for Vue End User License Agreement
• API Reference of the DatePicker
• Kendo UI Productivity Tools extension for VS Code