How to setup a range of dates to show as selected about react-native-calendars

[kcfgl]

Update: I didn't set the markedDates to 'interactive.'

But the middle dates still do not fill in. Does this mean I would have to supply all the dates in a date range to have them all filled in? Is there any easier way to do this, especially if someone wants to select a range that spans many months.

Thanks again.

[tautvilas]

Hi, yes, currently you have to mark each day and do the day range calculations inside your app

[kcfgl]

@tautvilas Rats. But totally understandable. I know this is outside the scope of your component, but I'm sure you're very familiar with the options to do the ranges. I think moment.range OR d3-time. From a performance standpoint, would you suggest either (or something different?). No worries if you dont have time to respond.

[tautvilas]

Yes there were several requests to do this range calculation logic in this component, but currently I think it makes sense not to do it here. I want this component to stay date-library agnostic. You can choose any date library you want and use it in your project. I think moment.js is a pretty good lib to use these days.

[kcfgl]

@tautvilas Thanks for being so responsive. You've done a great job with this and I appreciate it! Went with moment.js and its working great.

[tautvilas]

Thanks for your support :)

[lazaronixon]

https://github.com/lazaronixon/react-native-date-range-picker