New to Kendo UI for Vue? Start a free 30-day trial

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
Edit In Stackblitz  
Change Theme:

Configuring the Popup

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Configuring the Calendar

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

Example
View Source
Edit In Stackblitz  
Change Theme: