在React-Day-Picker范围中禁用日期选择

Question

我正在使用react-day-picker组件来选择作业的日期范围，如下所示

    const { from, to } = this.state;
    const modifiers = { start: from, end: to };
    const today = new Date();
    return (
      <div className="RangeExample">
        <DayPicker
          className="Selectable"
          numberOfMonths={this.props.numberOfMonths}
          selectedDays={[from, { from, to }]}
          modifiers={modifiers}
          onDayClick={this.handleDayClick}
          showOutsideDays
          disabledDays={{ before: today }}
        />
        <div className="has-flex space-btw p15 pt5 pb5 bdr-top">
          <p>
            {from &&
              to &&
              `Starts: ${from.toLocaleDateString()} | Ends: ${to.toLocaleDateString()}`}{' '}
          </p>
          <div>
            <button
              className="btn primary mr10"
              onClick={this.props.toggleCalendar}
            >
              Cancel
            </button>
            <button className="btn primary" onClick={this.handleSubmit}>
              Save
            </button>
          </div>
        </div>
      </div>
    );
  }

这些日期可以多次修改。但是，我需要有条件地允许修改起始日期。像这样，如果起始日期是将来，我可以允许from和to的修改，如果from是今天或过去，则我不能更改它，而只能扩展分配的截止日期，即，禁用from的选择，只能进行修改。如何实现这样的效果，而不是使用单独的dayPicker实例