fix(material/datepicker): use custom colors for date range comparison example#33158
Closed
yousafravian wants to merge 1 commit intoangular:mainfrom
Closed
fix(material/datepicker): use custom colors for date range comparison example#33158yousafravian wants to merge 1 commit intoangular:mainfrom
yousafravian wants to merge 1 commit intoangular:mainfrom
Conversation
… example
Fixes substandard colors used for the datepicker comparison ranges example since the migration to Material 3. Adds custom CSS variables to properly highlight in-range, overlap, and comparison states.
Fixes angular#31663
Contributor
Author
crisbeto
reviewed
Apr 28, 2026
| margin: 0 8px 16px 0; | ||
| } | ||
|
|
||
| .example-date-range-comparison-calendar { |
Member
There was a problem hiding this comment.
I think this is something we'd have to fix in the datepicker itself. Also I'm not sure we should be using error colors for this.
Contributor
Author
There was a problem hiding this comment.
Agreed. I'm gonna create another PR for this. Will close this one
Contributor
Author
|
Closing this as we need to fix this in the component itself |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes substandard colors used for the datepicker comparison ranges example since the migration to Material 3. Adds custom CSS variables to properly highlight in-range, overlap, and comparison states.
Fixes #31663