@if (label()) {
  <label>{{label()}}</label>
}

<div class="relative flex items-center">
  <input matInput class="ngm-input-element w-full"
    [matDatepicker]="dp" [formControl]="date"
    (dateChange)="onDateChange($event)" />
  <mat-datepicker
    #dp
    startView="multi-year"
    (yearSelected)="chosenYearHandler($event)"
    (monthSelected)="chosenMonthHandler($event, dp)"
  ></mat-datepicker>

  <div class="absolute right-0 h-full flex items-center">
    <mat-datepicker-toggle [for]="dp" ></mat-datepicker-toggle>
    <ng-content select="[ngmSuffix]"></ng-content>
  </div>
</div>