From e55ca7333f1544e69388789d9f3411f8bbdaf024 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 4 Jun 2021 16:14:56 +0200 Subject: [PATCH] fix(material/datepicker): add focus indication to calendar selected date in high contrast mode Fixes that selected dates in the calendar didn't have focus indication in high contrast mode. Fixes #22873. --- src/material/datepicker/calendar-body.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/material/datepicker/calendar-body.scss b/src/material/datepicker/calendar-body.scss index a58c7b2798fc..f4bd43f872a9 100644 --- a/src/material/datepicker/calendar-body.scss +++ b/src/material/datepicker/calendar-body.scss @@ -204,8 +204,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; + } } } }