react-date-range icon indicating copy to clipboard operation
react-date-range copied to clipboard

How to highlight specific dates only in calender and disable all other dates.?

Open mbilal003 opened this issue 5 years ago • 4 comments

Subject of the issue

i want to highlight dates base on data i am getting from API and disable other dates.Is there any way to highlight specific dates because currently, I can see only minDate and maxdate props which just enable dates which this range BUT i want to highlight the specific date in calendar. Actually This calendar i am using for event management to show event dates on calender.

[BUG] Bug Reproduce Steps

Tell us how to reproduce this issue.

[BUG] Expected behavior

Environment

Package Version: 1.03 React version: "16.13.1", Node version:v12.16.1 Browser: Chorome

mbilal003 avatar Jul 16 '20 13:07 mbilal003

any updates on this?

viruhemanth avatar Mar 22 '22 17:03 viruhemanth

I would also like an update on this, as I'm trying to disable all dates except an array of dates I supply!

NateDawg90 avatar Dec 07 '22 23:12 NateDawg90

I am also trying to change based on an array of dates as well...

cm-hart avatar Dec 08 '22 02:12 cm-hart

the workaround we came up with was to restrict to a range with minDate and maxDate, and then disable individual dates within that range in the disabledDates array. It isn't perfect though and won't work for every use case

NateDawg90 avatar Dec 14 '22 22:12 NateDawg90