如何更改Mat-Calandar中的显示值

<mat-calendar [dateClass]="dateClass"></mat-calendar>

import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';

@Component({
  selector: 'app-calendar',
  templateUrl: 'calendar.component.html',
  styleUrls: ['calendar.component.css']
})
export class CalendarComponent {
  constructor(private datePipe: DatePipe) {}

  dateClass = (date: Date): string => {
    const formattedDate = this.datePipe.transform(date, 'dd/MM/yyyy');
    return formattedDate === '15/08/2022' ? 'highlight-date' : '';
  };
}

import { NgModule } from '@angular/core';
import { MAT_DATE_LOCALE } from '@angular/material/core';

@NgModule({
  providers: [
    { provide: MAT_DATE_LOCALE, useValue: 'en-US' } // 使用英文（美国）的本地化设置
  ]
})
export class CalendarModule {}