Estou tentando estilizar meu seletor de datas do Angular Material. No entanto, não funcionou usando muitas abordagens diferentes (estou usando o Angular 17 e o Angular Material 17.3.10). Vi muitas perguntas aqui sendo respondidas usando ::ng-deep, mas ele está obsoleto agora, então usar isso não funciona:
:host ::ng-deep .mat-calendar {
display: block;
background-color: #b91212;
color: var(--mat-datepicker-calendar-container-text-color);
box-shadow: var(--mat-datepicker-calendar-container-elevation-shadow);
border-radius: var(--mat-datepicker-calendar-container-shape);
}
Também, tentei usar o panelClass, mas também não funcionou. Uma coisa para mencionar também é que no Angular material Docs, o estilo é fornecido apenas para v19. Vocês podem me ajudar? Ficarei grato :)