Flatpickr

Calendar is an input component to select a date.

import { CalendarModule } from 'primeng/calendar'; in your module.ts

Title	HTML
Basic	`<p-calendar inputId="basic" [(ngModel)]="date1"></p-calendar>`
DateTime	`<p-calendar inputId="time" [showTime]="true" [(ngModel)]="date2"></p-calendar>`
Human-Friendly Dates	`<p-calendar inputId="basic" [(ngModel)]="date1" dateFormat="MM dd,yy "></p-calendar>`
MinDate and MaxDate	`<p-calendar [(ngModel)]="date4" [minDate]="minDate" [maxDate]="maxDate" dateFormat="d M,yy" [readonlyInput]="true" inputId="min-max"></p-calendar>`
Range	`<p-calendar [(ngModel)]="rangeDates" selectionMode="range" [readonlyInput]="true" dateFormat="d M,yy" inputId="range"></p-calendar>`
Disabling Dates	`<p-calendar [(ngModel)]="date6" [disabledDates]="invalidDates" dateFormat="d M,yy" [disabledDays]="[0,6]"></p-calendar>`
Inline Date Picker Demo	`<p-calendar [(ngModel)]="date9" [inline]="true" [showWeek]="true"></p-calendar>`