angular/components

Datepicker comparison ranges uses substandard colors

Open

#31.663 aberto em 6 de ago. de 2025

Ver no GitHub
 (10 comments) (0 reactions) (0 assignees)TypeScript (6.650 forks)batch import
P3area: material/datepickerarea: themingdocsgood first issuehelp wanted

Métricas do repositório

Stars
 (24.044 stars)
Métricas de merge de PR
 (Mesclagem média 2d 16h) (80 fundiu PRs em 30d)

Description

Describe the problem that you experienced

Up until V17 (excl.) the Datepicker Docs showed clear distinctions between the primary and accent colors, which made the example at the "Date range picker comparison ranges" section valuable. However, starting with the V17 docs (up until and including the current version), Angular Material started using Material 3 and some of the default themes (especially Azure & Blue) now don't show much of a color distinction (if at all), making the example barely useful with that respective color scheme.

Maybe it gets better with Material 3 Expressive, but I don't have particularly high hopes. Also, older versions will always have a docs page, still.

Enter the URL of the topic with the problem

https://material.angular.dev/components/datepicker/overview

Describe what you were looking for in the documentation

No response

Describe the actions that led you to experience the problem

No response

Describe what you want to experience that would fix the problem

More distinction between primary and accent colors, or actually custom defined colors for this example.

Add a screenshot if that helps illustrate the problem

If this problem caused an exception or error, please paste it here

If the problem is browser-specific, please specify the device, OS, browser, and version

Provide any additional information here in as much as detail as you can

Guia do colaborador