DatePicker (Angular)
This guide demonstrates how to use the DatePicker component.
DatePicker Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘datepicker’ + index suffix | Unique name of the DatePicker. |
| Placeholder | string | empty | DatePicker placeholder. |
| Value | Date | null | DatePicker value. |
| Utc | boolean | true | Should use UTC format. |
| ShowTime | boolean | false | Should show time. |
| ShowSeconds | boolean | false | Should show seconds. |
| SelectionMode | string | ‘single’ | Selection mode. ‘single’, ‘multiple’ or ‘range’. |
| Disabled | boolean/expression | false | Is DatePicker disabled. |
| Visible | boolean/expression | true | Is DatePicker visible. |
DatePicker Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the DatePicker. Selected date as event argument. |
For more info about event actions please visit event actions in our documentation.
Angular declaration
<rz-datepicker #datepicker0 (change)="datepicker0Change($event)">
</rz-datepicker>