У меня проблема с использованием DayPicker
api для использования всплывающего календаря. Мне нужно закрыть / скрыть, когда я нажимаю за пределами календаря. Я хочу работать как компонент DayPickerInput
, но с нашим вводом текстового поля. Мне ТОЛЬКО нужен всплывающий календарь. Использование onBlur
работает только частично, потому что, если я щелкаю неделю, он не сразу распознает фокус контейнера календаря. Я действительно борюсь с этим, и я уверен, что есть простое решение.
Вот фрагмент кода:
<div className={calendarPopOut} onBlur={handleClickOutside}>
<DayPicker
disabledDays={currentCalendarWeek}
className={dayPicker}
showOutsideDays
month={currentSelectedMonth}
toMonth={currentMonth}
weekdayElement={<ThreeCharacterAbv />}
onDayClick={handleChange}
onBlur={handleClickOutside}
/>
</div>