Skip to content

Commit

Permalink
fix(material/datepicker): add focus indication to calendar selected d…
Browse files Browse the repository at this point in the history
…ate in high contrast mode (#22889)

Fixes that selected dates in the calendar didn't have focus indication in high contrast mode.

Fixes #22873.

(cherry picked from commit 66c9e4e)
  • Loading branch information
crisbeto authored and andrewseguin committed Jan 13, 2022
1 parent f0272cf commit 304afae
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/material/datepicker/calendar-body.scss
Original file line number Diff line number Diff line change
Expand Up @@ -208,8 +208,12 @@ $calendar-range-end-body-cell-size:

.cdk-keyboard-focused .mat-calendar-body-active,
.cdk-program-focused .mat-calendar-body-active {
& > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
& > .mat-calendar-body-cell-content {
outline: dotted 2px;

&.mat-calendar-body-selected {
outline: solid 3px;
}
}
}

Expand Down

0 comments on commit 304afae

Please sign in to comment.