Kendo UI for Vue Native DateTimePicker Overview
The DateTimePicker combines Kendo UI for Vue DateInput, Calendar, and TimePicker component features, and enables the user to enter or pick a date and time values.
The DateTimePicker 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 DateTimePicker in action.
Example
View Source
Change Theme:
Functionality and Features
- Disabled DateTimePicker
- Controlled mode
- Default value
- Focused dates
- Appearance
- Date and time limits
- Formats
- Placeholders
- Forms support
- Integration with JSON
- Globalization
- Keyboard navigation
- Accessibility
Events
The following example demonstrates basic DateTimePicker events.
Example
View Source
Change Theme:
Support and Learning Resources
- DateTimePicker Homepage
- API Reference of the DateTimePicker Component
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- DateTimePicker Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code
