Angular5:如何在mat-datepicker中突出显示某些日期？

npm install @angular/material

import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatNativeDateModule } from '@angular/material/core';

@NgModule({
  imports: [
    MatDatepickerModule,
    MatNativeDateModule
  ],
  ...
})

<mat-form-field>
  <input matInput [matDatepicker]="picker">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

:host ::ng-deep .mat-calendar-body-cell.highlighted {
  background-color: yellow;
}

highlightedDates: Date[] = [
  new Date(2022, 0, 1),
  new Date(2022, 11, 25)
];

<mat-form-field>
  <input matInput [matDatepicker]="picker" [matDatepickerFilter]="highlightFilter">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

highlightFilter = (date: Date) => {
  for (const highlightedDate of this.highlightedDates) {
    if (date.getFullYear() === highlightedDate.getFullYear() &&
        date.getMonth() === highlightedDate.getMonth() &&
        date.getDate() === highlightedDate.getDate()) {
      return true;
    }
  }
  return false;
}