Introduction
Getting Started
Vue 2 End of Support
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- - Overview
  - Calendar
  - DateInput
  - DatePicker
  - DateRangePicker
  - DateTimePicker
  - MultiViewCalendar
  - TimePicker
  - API
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Date Inputs / TimePicker / Range Selection /

New to Kendo UI for Vue? Start a free 30-day trial

Range Selection

The TimePicker enables you to define value ranges for selection.

The TimePicker sets the value only if the entered time is valid and within the defined range.

Example

View Source

Change Theme:

Suggested Links

Time Ranges and Formats

Is this article helpful?

Thank you for your feedback!