DatePicker (Angular)link

This guide demonstrates how to use the DatePicker component.

DatePicker Propertieslink

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.

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.

<rz-datepicker #datepicker0 (change)="datepicker0Change($event)">
</rz-datepicker>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: