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

The value of 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.