πŸš€ 8.9 Released! β†’ ⚑️ New Node-API Engine Preview, πŸ“² ns widget ios, πŸ’… Tailwind v4 and more...
Read Announcement

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

See also: DatePicker.

xml
<TimePickerhour="9"minute="41" />
html
<TimePickerhour="9"minute="41" />
tsx
<timePickerhour="9"minute="41" />
tsx
<timepickerhour="9"minute="41" />
svelte
<timePickerhour="9"minute="41" />
vue
<TimePickerhour="9"minute="41" />

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) => {
consttimePicker= args.object asTimePicker
 console.log('Picked time:', data.value)
})

Emitted when the selected time changes.

Native component ​

Previous
TextView

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /