Javascript 用于在特定日期显示标签的角度材质日历

我使用的是棱角材质日历，我想在mat日历中的特定日期添加标签，工作正常，但我想在特定日期显示一些标签。要了解视图，请参见下图

我曾经尝试过用背景色来突出显示某些日期，不幸的是，这不是看到它的要求，请看完下面的图片

有没有办法做到这一点？如果它是请帮助我和帮助将不胜感激，请通过下面的代码

ex.html:->

  <mat-calendar opened [selected]="date" [dateClass]="dateClass()">
  </mat-calendar>
</mat-card>

---

提前感谢您的帮助。

感谢@Eliseo的帮助。我在这里做了一些小的修改，以达到要求，并以下面的输出解决问题，如下所示

在这里，我已经删除了日期日历的悬停效果，以给人一个良好的外观，我希望它的给予

下面是一个工作示例

---

再次感谢您的帮助。

很难管理mat日历：mat日历只允许在“天”中添加css。的确，您可以使用伪元素

：after

来获取它。我花了一些时间做闪电战，但我投降了。我认为你最好的选择是使用ng bootstrap datepicker:或创建你自己的日历：@Eliseo你是对的，但根据客户要求，我应该在这里只使用材质元素，它们需要在角度材质（UI）和角度（功能）中完全应用根据您的建议，如果我使用ng引导，外观和感觉将发生变化，因为我们在整个应用程序中使用mat calendar，所以我不想使用ng引导。我很感激这是一个很好的问题，如果你花更多的时间在它上，我想你会成功地完成它。你就快到了，谢谢你的帮助。

dateClass() {
  return (date: Date): MatCalendarCellCssClasses => {
    if (date.getDate() === 21 || date.getDate() === 23) {
      return 'special-date';
    } 
    else{
      return ;
    }
  };
}