React-datepicker: Allow hiding dates from the previous/next month

Created on 7 Jul 2017  路  5Comments  路  Source: Hacker0x01/react-datepicker

Essentially allowing people to emulate the Google Analytics style of date picker.

image

This would also respect monthsShown.

image

Our users have mentioned it's difficult to select common dates of interested like 1st of the month quickly. We could highlight these dates but that feels like a work around.

I'm happy to do implementation if you're interested in it.

Most helpful comment

You can already customize the appearance of those days via the react-datepicker__day--outside-month CSS class.

All 5 comments

You can already customize the appearance of those days via the react-datepicker__day--outside-month CSS class.

You can probably style the outside-month class with visibility: hidden to get what you need.

Thanks!

@xzyfer In your calendar captures in the OP, you're showing days of the week in a customized short format (not Su, Mo, Tu ...), could you tell me how you did that?

@karlkras If you want to short name of week to one letter, you should do it:

Was this page helpful?
0 / 5 - 0 ratings

Related issues

martijnrusschen picture martijnrusschen  路  25Comments

JustFly1984 picture JustFly1984  路  23Comments

YOO629 picture YOO629  路  48Comments

kesavan49 picture kesavan49  路  18Comments

nmaves picture nmaves  路  42Comments