Skip to content

Time Range Field

The Time Range Field let the user select a range of time with the keyboard.

Basic usage

You can render your Time Range Field with either one input using SingleInputTimeRangeField or two inputs using MultiInputTimeRangeField as show below.

Press Enter to start editing

Uncontrolled vs. Controlled

The component can be uncontrolled or controlled.

Press Enter to start editing

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.