Configuring Child Components

By default, the DateRangePicker sets only the value and show properties for its child components.

To implement additional settings, use the options which the DateRangePicker provides for the following child components:

Configuring DateInputs

To enable the passing of additional props to the start and end child Date Inputs, configure the startDateInputSettings and endDateInputSettings.

Example
View Source
Change Theme:

Configuring the Popup

To enable the passing of additional props to the Popup child component, configure the popupSettings.

{% embed_file daterangepicker/settings/popup/main.tsx preview %}

Configuring the MultiViewCalendar

To enable the passing of additional props to the MultiViewCalendar child component, configure the calendarSettings.

Example
View Source
Change Theme: