InputDateRange provides an interface to select to a date range, either through the calendar interface or text input boxes.
InputDateRange can receive a value from an outside source and will update accordingly.
InputDateRange can be initialized with a default selected date range, for use in uncontrolled form.
InputDateRange accepts a single event callback:
onChange. The handler will receive a date range object.
Selected:Jul 27, 2020 — Jul 27, 2020
InputDateRange has built-in validation to verify that users enter a valid date string when manually typing into the provided textarea. If you wish to hook into this validation, you can pass an
onValidationFail callback which will fire on blur if the text value does not match expected localized format.
InputDateRange acccepts two different props for use in localizing calendar output. The first is
dateStringLocale accepts a country code and is used to format the rendered date string in the input box (i.e.
06/04/2020). The second is
localization, which is used to translate the calendar format and naming.
localization prop can be used to provide translation strings for the names of the months, the days of the week, and what day the week starts on (usually