Skip to main content

Date range

Props

NameTypeDefaultDescription
dateRangeConfigobject{ endDatePickerConfig: { name: '' }, startDatePickerConfig: { name: '' } }Configuration object for date range pickers. It contains endDatePickerConfig and startDatePickerConfig, both of which accept the same fields as datepicker field.
sxobject{}Custom styles applied to the date range component (Material UI sx prop).

Config example

{
type: 'date-range',
data: {
dateRangeConfig: {
startDatePickerConfig: {
name: 'startDate',
label: 'Start Date *'
},
endDatePickerConfig: {
name: 'endDate',
label: 'End Date *'
}
}
}
}