Angular Material 提供了一个日期选择器组件，可以用来选择日期。在处理非必填日期字段时，我们可以使用 Angular 的表单验证来检查无效日期。

首先，我们需要在组件中导入必要的模块和服务：

import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';

然后，我们需要创建一个 FormGroup 并初始化日期表单控件：

export class MyComponent implements OnInit {
  myForm: FormGroup;

  ngOnInit() {
    this.myForm = new FormGroup({
      dateField: new FormControl('', [Validators.nullValidator, this.validateDate])
    });
  }

  validateDate(control: FormControl) {
    const selectedDate = control.value;

    if (!selectedDate) {
      return null; // 如果日期为空，表示有效
    }

    const currentDate = new Date();

    if (selectedDate < currentDate) {
      return { invalidDate: true }; // 如果日期早于当前日期，表示无效
    }

    return null; // 如果日期有效，则返回 null
  }
}

在上面的代码中，我们创建了一个名为 myForm 的 FormGroup，并在其中添加了一个名为 dateField 的 FormControl。我们将 nullValidator 作为第一个验证器传递给 FormControl，以确保该字段可以为空。

然后，我们定义了一个名为 validateDate 的自定义验证器函数。该函数接收一个 FormControl 作为参数，并返回一个验证结果对象。如果选定的日期早于当前日期，则返回一个具有 invalidDate 属性的对象，表示日期无效。否则，返回 null，表示日期有效。

最后，在模板中，可以使用 myForm 来绑定日期选择器组件，并显示验证错误信息：

  
    
    
    
  

  
    Invalid date selected.
  

在上面的模板代码中，我们使用 formControlName 指令将 FormControl dateField 与日期选择器组件绑定在一起。使用 *ngIf 指令来根据验证错误状态显示错误信息。

通过以上步骤，我们可以在 Angular Material 的日期选择器中检查非必填日期字段的无效日期，并显示相应的错误信息。