Skip to content

bug(datepicker): selected date range is not visible using Firefox with high contrast mode #23034

@zarend

Description

@zarend

Reproduction

Use StackBlitz to reproduce your issue:

Steps to reproduce:

  1. Click on date picker toggle
  2. (Datepicker dialog opens)
  3. Select a start date and and end date
  4. (Start date and end date of highlighted)

Expected Behavior

Start date, end date, and all dates in-between are highlighted.

Actual Behavior

Cells of selected dates between the selected start date and end date look same as not selected dates. I can't tell them apart.

Screen Shot 2021-06-21 at 1 46 24 PM

Environment

  • Angular: 12
  • CDK/Material: 12
  • Browser(s): Firefox 89.0.1 (64-bit)
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS Big Sur version 11.4 (20F71)

Metadata

Metadata

Assignees

Labels

AccessibilityThis issue is related to accessibility (a11y)P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/datepicker

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions