DateRangePicker реагирует даты делают endDate не кликабельным

Question

В DateRangePicker есть дата начала и дата окончания. Чего я хочу добиться, так это если пользователь щелкнул по дате окончания, а дата начала равна нулю, не позволяя ему сначала выбрать дату окончания, потому что это представит 2 вида выбора, которые могут привести к путанице.

Я попробовал это,

onFocusChange={focusedInput => {
  let focusedInputTemp = focusedInput;
  if (!this.state.startDate && focusedInput === "endDate") {
    focusedInputTemp = "startDate";
  }
  this.setState({ focusedInput: focusedInputTemp });
}}

заставить focusInput быть startDate, если endDate выбран и если startDate равен нулю

Но тогда поведение кажется нарушенным, я что-то пропустил? Демоверсия здесь https://codesandbox.io/s/jpom95rw8w

Answer 1

Вы можете установить endDate как отключенный, если startDate не заполнен. Просто добавьте опору disabled={!this.state.startDate && "endDate"} DateRangePicker.

Демонстрационная версия: https://codesandbox.io/s/1o4vqp2qll