我需要使用Angular中的JavaScript来阻止日历中以前的日期

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

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent {
  minDate: Date; // 最小日期

  constructor() {
    this.minDate = new Date(); // 设置最小日期为当前日期
  }

  // 日期选择器值改变时触发的事件
  dateChanged(event: MatDatepickerInputEvent<Date>) {
    const selectedDate = event.value;
    const currentDate = new Date();

    if (selectedDate < currentDate) {
      event.target.value = null; // 清空选择的日期
    }
  }
}

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