8.7 released—WinterCG Compliance Part 1
Learn more

<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