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

not show last month days in this month

Open andyliuAccenture opened this issue 8 years ago • 9 comments

how can I config to not show the last month in current month when I rendering two month at once thank u very much

andyliuAccenture avatar Apr 03 '17 08:04 andyliuAccenture

I'd also like the next month's date to be selectable when shown.

missmatsuko avatar May 18 '17 23:05 missmatsuko

@missmatsuko You should probably make that a separate issue so this one can be closed.

mimshwright avatar Jun 07 '17 14:06 mimshwright

@mimshwright ok I made issue #144

missmatsuko avatar Jun 07 '17 21:06 missmatsuko

currently doing this with css selectors because the default style causes dates to look disabled:

& .rdrDayPassive > .rdrDayNumber * {
  color: transparent !important;
}

mac-s-g avatar Jul 03 '21 00:07 mac-s-g

please add this

manjunath-teachmint avatar Sep 08 '22 09:09 manjunath-teachmint

@mimshwright https://github.com/mimshwright/react-date-range/commit/d2a64dbfe8c9b6483960c1a2b4a194ec4d35563b is this merged ?

manjunath-teachmint avatar Sep 08 '22 10:09 manjunath-teachmint

@mac-s-g Your solution works WONDERFULLY 💯

NateDawg90 avatar Jun 13 '23 18:06 NateDawg90

"color: transparent" just makes it invisible, but you still can hover it and select. I use this code inside useEffect. Not a react way, but it does the job.

const elements = document.getElementsByClassName("rdrDayPassive")
while (elements.length > 0) {
  elements[0].parentNode?.removeChild(elements[0])
}

vovashvets avatar Apr 09 '24 12:04 vovashvets