Time Picker
A time picker that allows a time to be selected.
The picker supports arrow key navigation:
- Up/Down arrows: Increment/decrement selected value
- Left/Right arrows: Move between wheels
Recommended for touch devices.
Preview
CLI
To generate and customize this style:
dart run forui style create time-pickerUsage
FTimePicker(...)
FTimePicker(
control: FTimePickerControl.managed(initial: FTime.now(), onChange: (time) {}),
style: (style) => style.copyWith(...),
hour24: false,
hourInterval: 1,
minuteInterval: 1,
);Examples
24 Hour Clock
Preview
With Custom Intervals
Preview
Animated
Preview
Last updated on