Kendo UI for Vue Native TimePicker Overview
The Kendo UI for Vue TimePicker represents a time-list where the user can enter or pick time values.
The Kendo UI for Vue TimePicker 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 TimePicker in action.
Example
View Source
Change Theme:
Functionality and Features
- Disabled TimePicker
- Controlled TimePicker
- Default value
- Time limits
- Appearance
- Incremental steps
- Formats
- Placeholders
- Forms support
- Integration with JSON
- Globalization
- Keyboard navigation
- Accessibility
Events
The following example demonstrates basic TimePicker events.
Example
View Source
Change Theme:
Support and Learning Resources
- TimePicker Homepage
- API Reference of the TimePicker 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)
- TimePicker Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code
