Событие добавления Reactjs BigCalendar

Я использую BigCalendar и пытаюсь добавить событие. В настоящее время в github используется window.prompt (); но я бы хотел использовать модальный. Однако ничего не появляется, и я не уверен, почему.

ссылка: https://github.com/intljusticemission/react-big-calendar

оказывать:

  return(
    <div style = {{ height: 700 }}>
      <BigCalendar
        selectable = {true}
        localizer = {localizer}
        events = {this.state.cal_events}
        step = {30}
        defaultView='month'
        views = {['month','week','day']}
        defaultDate = {new Date()}
        scrollToTime = {new Date(1970, 1, 1, 6)}
        onSelectEvent = {event => alert(event.title)}
        onSelectSlot = {this.handleSelect}
      />        
    </div>
  );

handleSelect (где пользователь щелкает дату, чтобы добавить событие)

handleSelect = e => {
  //set model to true
this.openModal();
  return(
   <div> 
    <Modal
      isOpen = {this.state.modalIsOpen}
      onAfterOpen = {this.afterOpenModal}
      onRequestClose = {this.closeModal}
      contentLabel = "Example Modal"
    >

      <button onClick = {this.closeModal}>close</button>
      <div>Add event</div>
      <form onSubmit = {this.onFormSubmit}>
        <input />
        <DropdownButton title = {this.state.dropDownSelection} key = "1" id = "test" onSelect = {this.onchangeSelectDropdown} >
          <MenuItem eventKey = "Option  1"> Option 1</MenuItem>
          <MenuItem eventKey = "Option 2"> Option 2</MenuItem>
          <MenuItem eventKey = "Option 3"> Option 3</MenuItem>

          <MenuItem divider />
          <MenuItem eventKey = "Other">Other</MenuItem>
        </DropdownButton>

        <input type = "submit" value = "Submit" />
      </form>
    </Modal>
  </div> 
  );

}

Проблема в том, что Модель никогда не отображается, и я не знаю почему. Если это невозможно, есть ли альтернативы?