feat: ShowTime blur will reset value

Author: zombieJ

src/RangePicker.tsx

@@ -550,15 +550,15 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
     inputDivRef: React.RefObject<HTMLDivElement>,
     resetText: () => void,
   ) => ({
+    blurToCancel: !!(picker === 'date' && showTime),
     forwardKeyDown,
     onBlur,
     isClickOutside: (target: EventTarget | null) =>
       !!(
         panelDivRef.current &&
         !panelDivRef.current.contains(target as Node) &&
         inputDivRef.current &&
-        !inputDivRef.current.contains(target as Node) &&
-        onOpenChange
+        !inputDivRef.current.contains(target as Node)
       ),
     onFocus: (e: React.FocusEvent<HTMLInputElement>) => {
       setActivePickerIndex(index);

src/hooks/usePickerInput.ts

@@ -7,6 +7,7 @@ export default function usePickerInput({
   isClickOutside,
   triggerOpen,
   forwardKeyDown,
+  blurToCancel,
   onSubmit,
   onCancel,
   onFocus,
@@ -16,6 +17,7 @@ export default function usePickerInput({
   isClickOutside: (clickElement: EventTarget | null) => boolean;
   triggerOpen: (open: boolean) => void;
   forwardKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => boolean;
+  blurToCancel?: boolean;
   onSubmit: () => void;
   onCancel: () => void;
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
@@ -107,7 +109,12 @@ export default function usePickerInput({
     addGlobalMouseDownEvent(({ target }: MouseEvent) => {
       if (open && isClickOutside(target)) {
         preventBlurRef.current = true;
-        triggerOpen(false);
+
+        if (blurToCancel) {
+          onCancel();
+        } else {
+          triggerOpen(false);
+        }
 
         // Always set back in case `onBlur` prevented by user
         window.setTimeout(() => {

tests/range.spec.tsx

@@ -761,4 +761,22 @@ describe('Picker.Range', () => {
     );
     expect(onOk).toHaveBeenCalled();
   });
+
+  it('datetime will reset by blur', () => {
+    const wrapper = mount(<MomentRangePicker showTime />);
+    wrapper.openPicker();
+    wrapper.selectCell(11);
+
+    const clickEvent = new Event('mousedown');
+    Object.defineProperty(clickEvent, 'target', {
+      get: () => document.body,
+    });
+    act(() => {
+      window.dispatchEvent(clickEvent);
+    });
+
+    wrapper.update();
+    expect(wrapper.isOpen()).toBeFalsy();
+    expect(wrapper.find('input').first().props().value).toEqual('');
+  });
 });