FMX Prototype Pipeline

Time Picker

Field + listbox of times at a fixed interval. Values are naive 24h HH:mm strings; labels display 12-hour. No Figma master yet — composed from the kit's field + listbox patterns.

<TimePicker value={value} onChange={setValue} />

<TimePicker value={value} onChange={setValue} />

<TimePicker
  value={value}
  onChange={setValue}
  step={15}
/>

<TimePicker
  value={value}
  onChange={setValue}
  error
/>

Props

value:string | null

Selected time as 24h "HH:mm". Omit for uncontrolled.

onChange:(value: string) => void

Fires when a time is picked (listbox closes).

step:number= 30

Minutes between listed times.

placeholder:string= "Select a time"

Shown when no value is set.

error:boolean= false

Error border treatment.

disabled:boolean= false

Disabled state.

Tokens