Bug in color fallback values

[midas-myth]

Hi, there seems to be a bug, as there is no color in scope

https://github.com/hypeserver/react-date-range/blob/6f86ccac37ada8d3aa8282c36f38cbf0c0063dcb/src/components/DateRange/index.js#L123

[aniruddhapw]

can you assign me this issue

[abdelrahmanes]

Yeah, I have the same issue, it throws Uncaught ReferenceError: Cannot access 'color' before initialization

[Gourav-Chouhan]

Hi, there seems to be a bug, as there is no color in scope

https://github.com/hypeserver/react-date-range/blob/6f86ccac37ada8d3aa8282c36f38cbf0c0063dcb/src/components/DateRange/index.js#L123

If you want to just see the date ranges and not interact with it, you can disable pointer events for that div.

.rdrMonth {
  pointer-events: none !important;
}

[70Ni]

Found this solution:

Copy the code from the preview: https://hypeserver.github.io/react-date-range/#calendar

  <DateRange
              editableDateInputs={true}
              onChange={(item) => setState([item.selection])}
              moveRangeOnFirstSelection={false}
              ranges={state}
            />

[Yuting411]

@70Ni Thank you for your suggestion. The method you provided was helpful.