picker reopen on edge click fixes:ant-design/ant-design#31673 (#279)

Author: g7i

src/Picker.tsx

@@ -186,6 +186,7 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
   // Panel ref
   const panelDivRef = React.useRef<HTMLDivElement>(null);
   const inputDivRef = React.useRef<HTMLDivElement>(null);
+  const containerRef = React.useRef<HTMLDivElement>(null);
 
   // Real value
   const [mergedValue, setInnerValue] = useMergedState(null, {
@@ -294,7 +295,10 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
     triggerOpen,
     forwardKeyDown,
     isClickOutside: (target) =>
-      !elementsContains([panelDivRef.current, inputDivRef.current], target as HTMLElement),
+      !elementsContains(
+        [panelDivRef.current, inputDivRef.current, containerRef.current],
+        target as HTMLElement,
+      ),
     onSubmit: () => {
       if (disabledDate && disabledDate(selectedValue)) {
         return false;
@@ -486,6 +490,7 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
         direction={direction}
       >
         <div
+          ref={containerRef}
           className={classNames(prefixCls, className, {
             [`${prefixCls}-disabled`]: disabled,
             [`${prefixCls}-focused`]: focused,