Javascript 反应日期选择器-禁用日期并从日期范围中选择

我有一个2个月的日历，我希望用户能够从8周的范围内选择一个日期，但只能从当前日期后的3周开始。 例如，如果当前日期为2019年12月23日星期一，则用户可以选择的第一个开放日期为1月13日至3月2日（8周）。 因此，12月24日至1月12日的日期应被禁用，开放范围应为1月13日至3月2日

我在想这样的事情，但没有成功：

 handleDayClick(day, modifiers = {}) {

    const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
    const diffDays = Math.round(Math.abs((day - this.state.from) / oneDay));
    const range = DateUtils.addDayToRange(day, undefined);

    if (diffDays <= 21 , modifiers.disabled) {
        const range = DateUtils.addDayToRange(day, this.state);
        this.setState(range);
    }
    else {
        this.setState( { selectedDay: modifiers.selected ? undefined : day});
    }

handleDayClick（天，修饰符={}）{
const oneDay=24*60*60*1000；//小时*分钟*秒*毫秒
const diffDays=Math.round（Math.abs（（day-this.state.from）/oneDay））；
常量范围=DateUtils.addDayToRange（天，未定义）；
如果（d）天

上面的代码显示的是什么行为？目前它只显示以前的行为，即显示除周一之外的所有禁用日期，由于禁用日期，因此在所有这些行为的基础上，在8周的范围内，只有周一将启用，以及上面的代码显示的是什么行为？目前它只显示以前的行为，而h显示除星期一之外的所有禁用日期，因为禁用日期，所以在所有这些行为的基础上，在这8周的范围内，也只会启用星期一

<DayPicker
                        onDayClick={this.state.date}
                        numberOfMonths={2}
                        selectedDays={this.state.selectedDay}
                        onDayClick={this.handleDayClick}
                        formatMonthTitle
                        disabledDays={[
                            { daysOfWeek: [0, 2, 3, 4, 5, 6] }, { before: new Date() }]}
                        month={this.state.month}
                        onInteraction={this.handleDaySelect}
                        onMonthChange={this.handleMonthChange}


                        modifiers={
                            {
                                monday: { daysOfWeek: [1] }
                            }
                        }
                        value={this.date}
                        onChange={(d) => { this.onChange(d) }}

                    />