fix: should clear hover style of input when selecting the same value (#136)

Author: kerm1it

src/RangePicker.tsx

@@ -1011,6 +1011,12 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
     if (type === 'submit' || (type !== 'key' && !needConfirmButton)) {
       // triggerChange will also update selected values
       triggerChange(values, mergedActivePickerIndex);
+      // clear hover value style
+      if (mergedActivePickerIndex === 0) {
+        onStartLeave(null);
+      } else {
+        onEndLeave(null);
+      }
     } else {
       setSelectedValue(values);
     }

tests/__snapshots__/picker.spec.tsx.snap

@@ -48,7 +48,7 @@ Array [
   <div>
     <div
       class="rc-picker-dropdown"
-      style="opacity: 0;"
+      style="opacity: 0; pointer-events: none;"
     >
       <div
         class="rc-picker-panel-container"

tests/__snapshots__/range.spec.tsx.snap

@@ -130,7 +130,7 @@ Array [
   <div>
     <div
       class="rc-picker-dropdown rc-picker-dropdown-range"
-      style="opacity: 0;"
+      style="opacity: 0; pointer-events: none;"
     >
       <div
         class="rc-picker-range-wrapper rc-picker-date-range-wrapper"

tests/range.spec.tsx

@@ -1699,6 +1699,30 @@ describe('Picker.Range', () => {
     expect(wrapper.find('.rc-picker-ok button').props().disabled).toBeTruthy();
   });
 
+  // https://github.com/ant-design/ant-design/issues/26544
+  it('should clean hover style when selecting the same value with last value', () => {
+    const wrapper = mount(
+      <MomentRangePicker defaultValue={[getMoment('2020-07-24'), getMoment('2020-08-24')]} />,
+  );
+
+    wrapper.openPicker();
+
+    wrapper.selectCell(24, 0);
+    expect(
+      wrapper
+        .find('input')
+        .first()
+        .prop('value'),
+    ).toBe('2020-07-24');
+    expect(
+      wrapper
+        .find('input')
+        .first()
+        .hasClass('rc-picker-input-placeholder'),
+    ).toBeFalsy();
+    expect(wrapper.isOpen()).toBeTruthy();
+  });
+
   // https://github.com/ant-design/ant-design/issues/26024
   it('panel should keep open when nextValue is empty', () => {
     const wrapper = mount(<MomentRangePicker />);