Clear selection from date picker?

[davout]

Is there  a way with the date picker component to clear the current date value?
I’m thinking here of a ‘no date’ button that would reset the current date value to null

[admin]

Hi davout,
You can use the “nullable” property in your component.
Please, take a look at this code snippet:

<smart-date-time-picker [autoClose]="true" [calendarButton]="true" [dropDownPosition]="'bottom'"
  [dropDownDisplayMode]="'calendar'" [formatString]="'dd-MM-yyyy'" [nullable]="true" [placeholder]="'From'"
  [autoClose]="true" [value]="null">
</smart-date-time-picker>
<smart-date-time-picker [autoClose]="true" [calendarButton]="true" [dropDownPosition]="'bottom'"
  [dropDownDisplayMode]="'calendar'" [formatString]="'dd-MM-yyyy'" [nullable]="true" [placeholder]="'To'"
  [autoClose]="true" [value]="null">
</smart-date-time-picker>

Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts