Skip to content

Commit 0eaf817

Browse files
committed
fix(datepicker): incorrect icon color
* Fixes the datepicker previous and next icons having the wrong color, because they were being overwritten by the `.mat-icon-button` which sets it explicitly to `currentColor`. * Sets the inactive datepicker toggle to use the `icon` color.
1 parent 89ea485 commit 0eaf817

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

src/lib/datepicker/_datepicker-theme.scss

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,11 @@ $mat-calendar-weekday-table-font-size: 11px !default;
3333
border-top-color: mat-color($foreground, icon);
3434
}
3535

36-
.mat-calendar-next-button,
37-
.mat-calendar-previous-button {
36+
// The prev/next buttons need a bit more specificity to
37+
// avoid being overwritten by the .mat-icon-button.
38+
.mat-datepicker-toggle,
39+
.mat-datepicker-popup .mat-calendar-next-button,
40+
.mat-datepicker-popup .mat-calendar-previous-button {
3841
color: mat-color($foreground, icon);
3942
}
4043

0 commit comments

Comments
 (0)