kendo-datepicker clear the value by code

[Maurizio]

Hello,
we work in angular and typescript.

I need to make a button who reset all control in the form to empty value.

How I can clear the value of kendo-datepicker ?

When we load the the form the kendo-datekiper is blank (like the sampe https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/)

A user select a date. If the user clear manually the date all work.

I need the code for reset the value kendo-datepicker to  "bank" ? null? undefined? 

I have tried woth the binding of the value properties.

variable:

dt_value!: Date;

<kendo-datepicker [(value)] = "dt_value" > </kendo-datepicker>

But if I set variable dt_value to undefined I receive an error.

Thanks for any help.

LSo

[Zornitsa]

Hello Maurizio,

Indeed, the components in our Date Inputs package do not support having null values at present. However, our team is considering improving our DateInputs package for the value to accept `null` and the following thread can be tracked on this matter:

• https://feedback.telerik.com/kendo-angular-ui/1572132-timepicker-value-too-restrictive-does-not-allow-null-undefined 

For the time being, you could check out the workaround shared in the comments, which suggests using $any() to disable the type check:

<kendo-datepicker [value]="$any(value)"></kendo-datepicker>

Alternatively, since I assume that the DatePicker is used in a form as it is mentioned in the ticket, I would suggest setting the value of the corresponding FormControl to null, instead of the component value itself:

<form [formGroup]="myForm">
     <label>
          Select Birthdate:
          <kendo-datepicker formControlName="birthDate"></kendo-datepicker>
      </label>
</form>

public myForm: FormGroup = new FormGroup({
    birthDate: new FormControl(null), 
});

 I am also sharing a StackBlitz example for a demonstration of the second approach:

• https://stackblitz.com/edit/angular-wjsimr

Hope that the provided information is helpful for your scenario. I remain at your disposal in case of any further questions.

Regards,
Zornitsa
Progress Telerik