如何从日期数组中禁用角度材料日期拾取器日期？

import { Component } from '@angular/core';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';

@Component({
  selector: 'app-datepicker',
  templateUrl: './datepicker.component.html',
  styleUrls: ['./datepicker.component.css']
})
export class DatepickerComponent {
  disabledDates: Date[] = [new Date('2022-01-01'), new Date('2022-01-15'), new Date('2022-01-30')];

  addEvent(event: MatDatepickerInputEvent<Date>) {
    const chosenDate = event.value;
    if (this.isDateDisabled(chosenDate)) {
      // 禁用选择的日期
      event.target.value = null;
    }
  }

  isDateDisabled(date: Date): boolean {
    // 检查日期是否在禁用日期数组中
    return this.disabledDates.some(disabledDate => this.isSameDate(disabledDate, date));
  }

  isSameDate(date1: Date, date2: Date): boolean {
    // 检查两个日期是否相同
    return date1.getFullYear() === date2.getFullYear() &&
           date1.getMonth() === date2.getMonth() &&
           date1.getDate() === date2.getDate();
  }
}

<mat-form-field>
  <input matInput [matDatepicker]="picker" (dateInput)="addEvent($event)">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>