-
Notifications
You must be signed in to change notification settings - Fork 1.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(date-picker): adjust style selectors for disabled or prev/next days #5085
fix(date-picker): adjust style selectors for disabled or prev/next days #5085
Conversation
Deploy preview for carbon-elements failed. Built with commit 1c54c8d https://app.netlify.com/sites/carbon-elements/deploys/5e21fc168b91b40008362d6b |
Deploy preview for the-carbon-components ready! Built with commit 23b34a9 https://deploy-preview-5085--the-carbon-components.netlify.com |
Deploy preview for carbon-components-react ready! Built with commit 23b34a9 https://deploy-preview-5085--carbon-components-react.netlify.com |
Deploy preview for carbon-elements ready! Built with commit 23b34a9 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉 Looks great!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 🙌 👍
Closes #3434
This PR adjusts the selectors for disabled dates and changes the font color from
$ui-05
->$disabled-02
. It also changes the selector for previos month days and next month's days so they're visually applied and changes the font color to$text-02
to$text-05
since$text-02
's value was recently changed.Before:
DatePicker with these changes:
Changelog
Changed
Testing / Reviewing
Check the
range calendar with min/max dates
story to see the disabled dates and and the greyed out next/previous month's days to see if they look as expected