How to create validation for DateTimePicker to check that the StartDate control is not later than the EndDate control ?

[Matt]

I have been trying to create something in the style below. But the event never seems to fire when I select a date. Help  ? 

 

 

  //  validators: [this.sessionStartEndLogic()],

               

//  updateOn: 'change'

 

 

[Martin Bechev]

Hi Matt,

The DateTimePicker component doesn't have a start and end date. Rather it is a component for selecting a single date and time only.

In case the DateTimePicker is used for selecting a start and end date, the most straightforward approach to verify that the selected ranges are correct is to utilize the min and max properties of the components.

https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits/#toc-calendar-and-timepicker-ranges

You can update them dynamically on valueChange event hander, as the following example demonstrates:

https://stackblitz.com/edit/angular-zzhelq

Such an approach will avoid selecting dates that will otherwise generate an invalid duration. 

Please let me know if this fits the project, if not please provide some more details about the desired end goal and how the controls are expected to behave. Thank you in advance.

Regards,
Martin
Progress Telerik

[Matt]

that makes sense.. I was just thinking of them as controls I need to validate but really I can just prevent them from ever selecting an invalid date.. ill go try now