Date Picker
A date picker component with calendar popup.
Preview
A preview of the Date Picker component with interactive controls.
Interactive
Installation
Add the Date Picker component to your project.
ng g @ng-cn/core:c date-pickerUsage
Import and use the Date Picker component in your Angular application.
<DatePicker [(date)]="date" placeholder="Pick a date" />Examples
Explore different variations and use cases for the Date Picker component.
Basic
Interactive
API Reference
Props | Prop | Type | Default | Description |
|---|---|---|---|
date | Date | — | The selected date. |
placeholder | string | 'Pick a date' | Placeholder text. |
class | string | — | Additional CSS classes to apply. |