Skip to content

Date Range Field

The Date Range Field components let the user select a date range with the keyboard.

Basic usage

You can render your Date Range Field with either one input using SingleInputDateRangeField or two inputs using MultiInputDateRangeField 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.