DatePicker: Nettalco Theme Design Tokens

<!-- Basic date picker -->
<p-datePicker [(ngModel)]="date" />

<!-- Date range -->
<p-datePicker [(ngModel)]="dateRange" selectionMode="range" />

<!-- With time -->
<p-datePicker [(ngModel)]="datetime" [showTime]="true" hourFormat="12" />

<!-- Inline calendar -->
<p-datePicker [(ngModel)]="date" [inline]="true" />

<!-- Month/year selector -->
<p-datePicker [(ngModel)]="date" view="month" dateFormat="mm/yy" />

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { DatePickerModule } from 'primeng/datepicker';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [DatePickerModule, FormsModule],
  templateUrl: './example.component.html'
})
export class ExampleComponent {
  date: Date | null = null;
  dateRange: Date[] | null = null;
  datetime: Date | null = null;
}