Date highlighted ranges display breaks if earlier date inserted in array after later date.

[iiezhachenko]

Initial data and result

dateRanges: [{
        state: "enquire",
        range: moment.range(
            moment().add(2, "weeks").subtract(5, "days"),
            moment().add(2, "weeks").add(6, "days")
        )
    },
    {
        state: "unavailable",
        range: moment.range(
            moment().add(3, "weeks"),
            moment().add(3, "weeks").add(5, "days")
        )
    }
  ]

Data and result after modification

dateRanges: [{
        state: "enquire",
        range: moment.range(
            moment().add(2, "weeks").subtract(5, "days"),
            moment().add(2, "weeks").add(6, "days")
        )
    },
    {
        state: "unavailable",
        range: moment.range(
            moment().add(3, "weeks"),
            moment().add(3, "weeks").add(5, "days")
        )
    },
    {
        state: "unavailable",
        range: moment.range(
            moment().add(3, "days"),
            moment().add(5, "days")
        )
    }
  ]

[miracle2k]

See my comment in https://github.com/onefinestay/react-daterange-picker/pull/57 for why this is.

[iiezhachenko]

Thank you.

[TimBeyer]

It doesn't seem like this has ever been fixed. I think it should be reopened @iiezhachenko. In my opinion, the calendar should sort those ranges.