DateRangePickerProps
Represents the props of the KendoReact DateRangePicker component.
Name | Type | Default | Description |
---|---|---|---|
allowReverse? |
| If
| |
ariaDescribedBy? |
| Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message. | |
ariaLabelledBy? |
| Identifies the element(s) which will label the component. | |
calendar? |
| Enables the customization or the override of the default Calendar which is rendered by the DateRangePicker. | |
calendarSettings? |
| Represents the additional props that can be passed to the MultiViewCalendar inside the DateRangePicker (see example). | |
className? |
| Sets the | |
defaultShow? |
| Sets the default state of the DateRangePicker upon render (see example). | |
defaultValue? |
| Sets the default value of the DateRangePicker (see example). | |
disabled? |
| Determines whether the DateRangePicker is disabled (see example). | |
endDateInput? |
| Enables the customization or the override of the default end DateInput which is rendered by the DateRangePicker (see example). | |
endDateInputSettings? |
| Represents the additional props that can be passed to the end-date DateInput inside the DateRangePicker (see example). | |
focusedDate? |
| Specifies the focused date of the DateRangePicker (see example). | |
format? |
| Specifies the
| |
id? |
| Specifies the | |
max? |
| Specifies the greatest valid date (see example). | |
min? |
| Specifies the smallest valid date (see example). | |
popup? |
| Enables the customization or the override of the default Popup which is rendered by the DateRangePicker (see example). | |
popupSettings? |
| Represents the additional props that will be passed to the Popup inside the DateRangePicker (see example). | |
show? |
| Specifies if the calendar will be displayed (see example). | |
startDateInput? |
| Enables the customization or the override of the default start DateInput which is rendered by the DateRangePicker (see example). | |
startDateInputSettings? |
| Represents the additional props that will be passed to the start-date DateInput inside the DateRangePicker (see example). | |
style? |
| Specifies the additional styles that will be applied to the wrapping DateRangePicker element. | |
swapButton? |
| Determines whether the DateRangePicker will display a Swap Value button (see example).
| |
tabIndex? |
| Sets the | |
valid? |
| Overrides the validity state of the component.
If This property is part of the FormComponentProps interface. | |
value? |
| Specifies the selected date range of the DateRangePicker (see example).
|
Methods
onBlur | ||||||
---|---|---|---|---|---|---|
Fires each time any of the DateRangePicker elements gets blurred. | ||||||
|
onChange | ||||||
---|---|---|---|---|---|---|
Fires each time the user selects a part of a date range (see example). | ||||||
|
onFocus | ||||||
---|---|---|---|---|---|---|
Fires each time the user focuses any of the DateRangePicker elements. | ||||||
|