Kendo UI for Vue Native DateTimePicker Overview
The Kendo UI for Vue Native 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.
Start Free Trial
Basic Usage
The following example demonstrates the DateTimePicker in action.
Change Theme
Theme
Loading ...
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.
Change Theme
Theme
Loading ...
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