Problems with DayPicker Overlay focus and hiding

Hi When I am using day picker with custom input field, there is one problem. After focusing on DayPickerOverlay, click on any place on the screen calls only onOverlayFocus handler, not onBlur That`s why after overlay had been focused once I cant close it by click on some other area on the screen. What can I do for solving this problem?

Thanks

[gitpash]

@zovcharov seems like UX issue, can suggest only workaround like this you need just createRef on DayPickerInput

ref={inputRef}
dayPickerProps={{
          // other props
          onBlur: () => {
            const activeElement = document.activeElement;
            const overlayContainer = document.getElementsByClassName('DayPickerInput-Overlay');

            if (overlayContainer && !overlayContainer[0].contains(activeElement)) {
              inputRef.current.hideAfterDayClick();
            }
          }
        }}

[Ahmad-Zahid]

@Kamilius can you please share your custom hook solution in detail?