TimePicker
A time selection input with hour, minute, and optional second columns.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <TimePicker />
When to Use
- Standalone time selection for scheduling or alarm settings
- Forms where only time input is needed without a date
- Configuring time-based intervals like business hours or reminders
- Time-of-day inputs with customizable step intervals
Selected: 14:30
Only times between 09:00 and 17:00 are selectable.
API Reference
TimePicker
Min and Max apply to the List variant only — the Wheel variant has no bounds parameters and ignores them.
Density falls back to an ancestor DensityScope, then Comfortable — see the Density guide.
Related Components
- DatePicker — Date selection when you also need a calendar
- DateTimePicker — Combined date and time picker in a single control
- Input — Basic text input for manual time entry