Date Range

A Date Range Selector Component

Default

Basic usage.

Default

Popover usage.

APIs

DateRange.Props

AttributeDescriptionTypeAccepted valuesDefault
disabledDatesArray of disabled Dates[Date]-[]
minDateMinimum selectable DateDate--
maxDateMaximum selectable DateDate--
initialStartDateInitial Selected Start DateDate-new Date()
initialEndDateInitial Selected End DateDate-new Date()
colorComponent Selection Colorstring-theme.palette.success
onChangeCallback function for range changesFunc--
...native propsHTMLAttributes'id', 'name', 'className', ...-