New to Kendo UI for Vue? Start a free 30-day trial
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
Example
View Source
Change Theme:
