I've been trying to customize the appearance of specific days in the mat-calendar component from Angular Material, but I'm having trouble getting it to work. I discovered the dateClass property which seemed like the right solution, but no matter what I do, the calendar remains unchanged.
Here is my current setup:
calendar.component.ts:
dateClass = (date: Date): MatCalendarCellCssClasses => { return 'my-date'; }
calendar.component.html:
<mat-calendar [dateClass]="dateClass"></mat-calendar>
calendar.component.css:
.my-date { background-color: red; }
Despite assigning [dateClass], the changes are not reflected in the calendar. I expected all days to have a red background, but it still looks the same as before: Angular Material Calendar