Form

Time Picker

A time picker that allows a time to be selected. The picker supports arrow key navigation. Recommended for touch devices.

API Reference

The picker supports arrow key navigation:

Up/Down arrows: Increment/decrement selected value
Left/Right arrows: Move between wheels

Recommended for touch devices.

CLI

To generate a specific style for customization:

dart run forui style create time-picker

Usage

`FTimePicker(...)`

1FTimePicker(
2  style: .delta(padding: .value(.all(5))),
3  hour24: false,
4  hourInterval: 1,
5  minuteInterval: 1,
6)

Examples

24 Hour Clock

With Custom Intervals

Animated

Time Field

A time field allows a time to be selected from a picker or input field.

Accordion

A vertically stacked set of interactive headings that reveal associated content sections when clicked. Each section can be expanded or collapsed independently.