Проблема с календарем при нажатии на него

Question

DatePicker не открывается в моем приложении.Не могли бы вы мне помочь?Когда я нажимаю, выполняется функция openCalendar, но средство выбора даты не открывается вообще.

openCalendar = e => {
e.preventDefault();
e.stopPropagation();
this._calendar.setOpen(true);

console.log(this._calendar);
};

У меня есть взамен этот код {

          {/* DATEPICKER */}
      <div className={cx(s.dtpicker, step ? overlay.legField : null)} ref={el => (this.dtpicker = el)}>
        <div className={s.dateClicker} onClick={this.openCalendar} />
        <Calendar color="#A8AAB7" />

        <DatePicker
          ref={c => (this._calendar = c)}
          selected={leg.date || this.getToday()}
          onChange={(d) => this.updateDate(d, index)}
          minDate={this.today}
          autoFocus={false}
          readOnly={true}

          /*open={true}*/

          shouldCloseOnSelect={false}
          locale={currentLocale}
          showTimeSelect
          timeFormat="HH:mm"
          timeIntervals={30}
          dateFormat="ddd, DD MMM YYYY HH:mm"
          popperPlacement="bottom-center"
          popperModifiers={{
            preventOverflow: {
              enabled: true,
              escapeWithReference: false, // force popper to stay in viewport (even when input is scrolled out of view)
              boundariesElement: 'viewport'
            }
          }}
        />

      </div>

Я могу предоставить более подробную информацию, если это необходимо для решения этой проблемы.

Заранее спасибо!