Allow Multiple mode to accept date ranges

[GustavoOS]

Currently, to pass date ranges, we need to flat them into a Date array. The result is something is shown below.

The idea is to allow multiple date ranges so every range looks in range

[rodgobbi]

Hi @GustavoOS, the issue is that the DayPicker does not have a behavior defined for selecting multiple date ranges to support such selection mode.
I don't have experience with day pickers that support selecting multiple date ranges to use as a reference, do you know any examples to share?

[gpbl]

There are already other developers who have attempted to implement a multi-range DayPicker component:

• Question: multiple ranges #92

It is actually simple to implement Custom Selections, and I don’t have any objections to adding this feature to DayPicker.

However, I would like someone to first address the requirements and specifications - as it appears here are few opinionated choices regarding “how multi-range works”.

[rodgobbi]

To complement @gpbl's comment, @GustavoOS you could try to use Custom Components to render the flattened days with the same styles as the days within a date range, but you'd need to implement custom logic using the flattened days.

[GustavoOS]

Thanks for the help. I wasn't aware this custom component could allow multiple ranges. I am working in a feature where daypicker is more like a calendar than a picker.