form

Date Picker

A date picker component with calendar popup.

Preview

A preview of the Date Picker component with interactive controls.

Preview Code
Interactive

Installation

Add the Date Picker component to your project.

Bash
ng g @ng-cn/core:c date-picker

Usage

Import and use the Date Picker component in your Angular application.

Template TypeScript
template.html
<DatePicker [(date)]="date" placeholder="Pick a date" />

Examples

Explore different variations and use cases for the Date Picker component.

Basic

Preview Code
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.