Set min and max date on react day picker

Question

How do i set maximum or minimum date? Like for instance, i want to limit my daypicker only for the last 2 month (min date) until today (max date). So the user can't choose tomorrow's date. Thanks

http://react-day-picker.js.org/docs/

Answer 1

You need to use the disabledDays property. It can be passed a set of modifiers as detailed at http://react-day-picker.js.org/docs/modifiers

The following should do what you need:

var twoMonthsAgo = new Date();
twoMonthsAgo.setMonth(twoMonthsAgo.getMonth() - 2);

<DayPicker disabledDays={
{ 
    before: twoMonthsAgo, 
    after: new Date()
}} />

Answer 2

From the docs, React Day Picker Modifiers, it looks like you can pass a prop of fromMonth, which you can calculate to be the month two months before today's date. You can also pass a disabledDays prop that will disable days according to your parameters.

const lastMonth = new Date();
lastMonth.setMonth(lastMonth.getMonth() - 2);
<DayPicker
  fromMonth={lastMonth} 
  disabledDays={{ after: today }}
/>

You may need to tweak that a bit, but it should show you where to go from.