8.6 Released with 🥽 visionOS support and more!
Check it out

<TimePicker> is a UI component that lets users select time.

See also: DatePicker.

xml
<TimePicker />

Props ​

hour ​

ts
hour: number

Gets or sets the selected hour.

Defaults to current hour.

minute ​

ts
minute: number

Gets or sets the selected minute.

Defaults to current minute.

time ​

ts
time: Date

Gets or sets the selected time.

Defaults to current time.

minHour ​

ts
minHour: number

Gets or sets the minimum selectable hour.

maxHour ​

ts
maxHour: number

Gets or sets the maximum selectable hour.

minMinute ​

ts
minMinute: number

Gets or sets the minimum selectable minute.

maxMinute ​

ts
maxMinute: number

Gets or sets the maximum selectable minute.

minuteInterval ​

ts
minuteInterval: number

Gets or sets the selectable minute interval.

Defaults to 1.

...Inherited ​

For additional inherited properties not shown, refer to the API Reference

Events ​

timeChange ​

ts
on('timeChange', (args: PropertyChangeData) => {
  const timePicker = args.object as TimePicker
  console.log('Picked time:', data.value)
})

Emitted when the selected time changes.

Native component ​

Previous
TextView