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

[DateRangePicker] Option to have a separator between two months #1052

Closed
kendraknittel opened this issue May 1, 2017 · 5 comments
Closed

Comments

@kendraknittel
Copy link
Contributor

It would be nice to have the option to separate the two months in the DateRangePicker and DateRangeInput - something such as the following:

image

@giladgray
Copy link
Contributor

@kendraknittel can you add this with some custom CSS on your end? perhaps share the styles with us and we'll see if it makes sense to integrate into the full API.

@llorca
Copy link
Contributor

llorca commented May 1, 2017

I could see us trying that out for the case where months aren't contiguous, but I wouldn't do it otherwise. For now you can achieve this style by simply adding a border or box-shadow rule on .DayPicker-Month for instance 👍

@kendraknittel
Copy link
Contributor Author

@llorca It doesn't seem to be possible with custom CSS due to the fact that the class DayPicker-Day--outside somehow blocks the border from showing, do you know how to work around this?
image
image

@llorca
Copy link
Contributor

llorca commented May 10, 2017

@kendraknittel try removing border-collapse: collapse; from .DayPicker-Month

@giladgray
Copy link
Contributor

closing as stale. will not implement.

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

No branches or pull requests

3 participants