components / Actions and Inputs

Time Picker

If Time Picker's field is in focus, a dropdown to be shown with a list of availiable options to pick from. Options are filtered by step prop, but any intermediate value is still allowed to pick by typing.

Closest value, based on user's entry, to be highlighted in a dropdown. Dropdown behavior may be disabled with disableDropdown prop.

Time Range

Minimal and maximal time to be picked might be set with min and max props. Default time range is 12:00 АM to 23:59 PM.

Step

Specified in minutes. Default value is 30. Should not exceed 1440 (24 hours).

Step is used to generate dropdown options. User still can type in and choose any value in between min and max.

When autoRounding is enabled, user is only allowd to choose values from options, generated by step prop.