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

flaurida picture flaurida  路  3Comments

jbccollins picture jbccollins  路  3Comments

pinturic picture pinturic  路  3Comments

lclemence picture lclemence  路  3Comments

hoodsy picture hoodsy  路  3Comments