如何在``mat datepicer`中添加清除按钮

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

<button mat-icon-button matSuffix mat-datepicker-toggle [for]="myDatepicker">
  <mat-icon>event</mat-icon>
  <mat-icon matDatepickerCancel>cancel</mat-icon>
</button>

import { Component, ViewChild } from '@angular/core';
import { MatDatepicker } from '@angular/material/datepicker';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild(MatDatepicker) datepicker: MatDatepicker<Date>;

  clearDate() {
    this.datepicker.select(null);
  }
}