Skip to content
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

Merged
merged 5 commits into from
Jan 18, 2020
Merged

fix(date-picker): adjust style selectors for disabled or prev/next days #5085

merged 5 commits into from
Jan 18, 2020

Conversation

abbeyhrt
Copy link
Contributor

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:

Screen Shot 2020-01-17 at 12 24 03 PM
DatePicker with these changes:

Screen Shot 2020-01-17 at 12 23 02 PM

Changelog

Changed

  • selectors for disabled dates and prev/next month days
  • color of diabled days and prev/next month days

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

@abbeyhrt abbeyhrt requested a review from a team as a code owner January 17, 2020 18:25
@ghost ghost requested review from dakahn and joshblack January 17, 2020 18:25
@abbeyhrt abbeyhrt changed the title fix(date-picker): adjust style slectors for disabled or prev/next days fix(date-picker): adjust style selectors for disabled or prev/next days Jan 17, 2020
@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for carbon-elements failed.

Built with commit 1c54c8d

https://app.netlify.com/sites/carbon-elements/deploys/5e21fc168b91b40008362d6b

@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for the-carbon-components ready!

Built with commit 23b34a9

https://deploy-preview-5085--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for carbon-components-react ready!

Built with commit 23b34a9

https://deploy-preview-5085--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for carbon-elements ready!

Built with commit 23b34a9

https://deploy-preview-5085--carbon-elements.netlify.com

Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Looks great!

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🙌 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

DatePicker disabled dates missing styling
6 participants