reactjs - 单击日历外部时，React-Day-Picker DayPicker 组件未关闭

Question

我在使用DayPickerapi 来使用弹出日历时遇到问题。当我在日历外单击时需要关闭/隐藏。我想像DayPickerInput组件一样工作，但使用我们的文本框输入。我只需要弹出日历。仅使用onBlur部分有效，因为如果我单击一周，它不会立即识别日历容器的焦点。我真的很挣扎，我相信有一个简单的解决方案。

这是代码片段：

    <div className={calendarPopOut} onBlur={handleClickOutside}>
      <DayPicker
         disabledDays={currentCalendarWeek}
         className={dayPicker}
         showOutsideDays
         month={currentSelectedMonth}
         toMonth={currentMonth}
         weekdayElement={<ThreeCharacterAbv />}
         onDayClick={handleChange}
         onBlur={handleClickOutside}
       />
   </div>