Show invalid state for DateRangePicker if start date is after end date

Environment

Product Version	5.1.0
Product	Progress® Kendo UI for Vue

Description

I want to set the DateRangePicker to invalid state or show error message if the start date is after the end date.

Solution

Set the "valid" property of the DateRangePicker to a state variable that can be changed to "true" or "false" within the onChange event of the DateRangePicker based on the "start" and "end" values.

Runnable example

Change Theme

Theme

Loading ...