I'm trying to style my angular material date picker , However, it did not work by using many different approaches ( I am using Angular 17 and angular material 17.3.10). i saw many questions here being answered by using ::ng-deep , but it is deprecated now , so using this does not work: :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); } Also , tried to use panelClass but that did not work either. One thing to also mention that in Angular material Docs , styling is only provided for v19 . Can you guys help me ? i'll be grateful Continue reading...
