Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Allow hiding dates from the previous/next month

See original GitHub issue

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

This would also respect monthsShown.

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.

Issue Analytics

State:
Created 6 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

32reactions

aijcommented, Jul 7, 2017

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

17reactions

rafeememoncommented, Jul 7, 2017

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

Top Results From Across the Web

Is it possible to hide dates from previous/next months in Antd ...

I'm using the Ant Design RangePicker specifically and would like to only show dates from the current month (eg. under Feb, 1 -...

Solved: How to hide first few days of current month of dat...

I have a date table where each row is a single day, based on the minimum and maximum of another data source (max...

Disable past dates from datepicker in powerapps

Solved: Hi Experts, In my App, where I datepicker field coming from sharepoint list. I want disable the past dates , user should...

Datepicker documentation for React | Mobiscroll

Name Type Default value anchor HTMLElement undefined animation String, Boolean undefined buttons Array

Date picker - Shopify Polaris

Date pickers let merchants choose dates from a visual calendar that's ... useCallback} from 'react'; function DatePickerExample() { const [{month, year}, ...