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

Allow DateRangePickerInput border theme to be overriden #1201

Merged

Conversation

mmahalwy
Copy link

@mmahalwy mmahalwy commented Jun 7, 2018

No description provided.

borderColor: color.border,
borderWidth: border.pickerInput.borderWidth,
borderStyle: border.pickerInput.borderStyle,
borderRadius: border.pickerInput.borderRadius,
Copy link
Author

Choose a reason for hiding this comment

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

Maybe this is not needed? Not sure

Copy link
Collaborator

Choose a reason for hiding this comment

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

def is. thank you for doing it in both pickers!

@@ -296,8 +296,10 @@ export default withStyles(({ reactDates: { color, sizing } }) => ({
},

DateRangePickerInput__withBorder: {
border: `1px solid ${color.border}`,
Copy link
Member

Choose a reason for hiding this comment

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

minor; but changing border might be a breaking change for those overriding it with CSS

Copy link
Author

Choose a reason for hiding this comment

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

I thought in the most recent version of react-dates the classNames are scrambled, no?

Copy link
Member

Choose a reason for hiding this comment

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

with the aphrodite interface sure, but i'm not sure about with the css interface

Copy link
Collaborator

Choose a reason for hiding this comment

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

I think anyone overriding the border will see the same effect they did before, so I'm not concerned.

@majapw majapw force-pushed the me--allow-date-picker-theme-overrides branch from a2c64bb to 4e37ae0 Compare June 13, 2018 22:02
Copy link
Collaborator

@majapw majapw left a comment

Choose a reason for hiding this comment

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

Fixed an issue where border wasn't actually being deconstructed from the theme. Tests should pass now and this looks fine.

@@ -296,8 +296,10 @@ export default withStyles(({ reactDates: { color, sizing } }) => ({
},

DateRangePickerInput__withBorder: {
border: `1px solid ${color.border}`,
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think anyone overriding the border will see the same effect they did before, so I'm not concerned.

borderColor: color.border,
borderWidth: border.pickerInput.borderWidth,
borderStyle: border.pickerInput.borderStyle,
borderRadius: border.pickerInput.borderRadius,
Copy link
Collaborator

Choose a reason for hiding this comment

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

def is. thank you for doing it in both pickers!

@coveralls
Copy link

Coverage Status

Coverage remained the same at 85.179% when pulling 4e37ae0 on mmahalwy:me--allow-date-picker-theme-overrides into eef765d on airbnb:master.

@mmahalwy
Copy link
Author

awesome, thanks @majapw

@majapw majapw merged commit 0c7d9af into react-dates:master Jun 14, 2018
@ljharb ljharb added the semver-minor: new stuff Any feature or API addition. label Jun 14, 2018
@mmahalwy mmahalwy deleted the me--allow-date-picker-theme-overrides branch June 24, 2018 19:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
semver-minor: new stuff Any feature or API addition.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants