React-dates: Limited months range navigation (add min / max date props)

[danielzlotnik]

Would be great to have the ability to limit months navigation to a specific range.

Could be achieved by min / max date props.

Thanks!

[ljharb]

If you're in April, and all of March is out of range, but February is in range, what happens when you try to go back a month?

[danielzlotnik]

@ljharb rephrased the issue.

[ljharb]

min/max date props might indeed make sense, thanks.

[epifab]

min and max is for some cases a must have.. any progress on this?

[ljharb]

Nobody’s submitted a PR yet.

[erin-doyle]

This is on my team's list of things we'd like to work on at some point but it's pretty low in priority so if someone else needs it faster I'd suggest submitting a PR. Otherwise I can get it it eventually. :woman_shrugging:

[majapw]

Same here --- it is on the list, but it is not yet a high priority. The fastest way to get to it would be to submit a PR! :)

[fernandofleury]

While this is a nice addition to development experience, if I get it correctly, it is easily achievable by:

isOutsideRange={date => date.isBefore(minDate) || date.isAfter(maxDate)}

I've been using react-dates for a while with this strategy with success.

[danielzlotnik]

@fernandofleury you'd still be able to navigate through all those unavailable months.

[fernandofleury]

@danielzlotnik that is true. but personally, I don't see that as a big UI concern. but it might be different for your case

[mlg87]

just to add to @fernandofleury, passing 'day' as the second argument will prevent the current day from falling outside of the range after the initial render

isOutsideRange={date => date.isBefore(minDate, 'day') || date.isAfter(maxDate, 'day')}