support allowDisabledDaysRange flag

Hi , Thanks Kia to this great work.

Some times we may need to select disabled days on a range. for example : If we want to get pool ticket for a range, and odd days of week are for female we should allow male user to select a range of dates that only contain select-able days.

[sayjeyhi]

@Kiarash-Z actually yeah, it is some special necessity of our app ❤️ @thebrodmann thanks to good example 👍 , but still need that flag to enable period choose .

thanks , it is handled in my fork and problem solved.

[the-dr-lazy]

but my problem was some kind of multi days selection and allowing user to choose a range

If you wanna the appearance of range selection, the value should be a range. So it’s on your shoulder to convert a range to multiple days with filtering disabled days.

The following example is only for demonstration purpose so it just gives you the idea:

const [range, setRange] = useState({ from: undefined, to: undefined })
const disabledDays = [{ day: 1 }, { day: 2 }, { day: 3 }]
const totalDays = getAllDaysFromRange(range, disabledDays) // Your converted data

<Calendar value={range} onChange={setRange} disabledDays={disabledDays} />