chore: comment it

react-component · Dec 4, 2023 · 83e5533 · 83e5533
1 parent ace680e
commit 83e5533
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/docs/examples/debug.tsx b/docs/examples/debug.tsx
@@ -88,8 +88,8 @@ export default () => {
         //   }
         //   return false;
         // }}
-        minDate={dayjs().add(-1, 'day')}
-        maxDate={dayjs().add(2, 'month')}
+        minDate={dayjs().add(-12, 'month')}
+        maxDate={dayjs().add(-6, 'month')}
         placeholder={['Start', 'End']}
         suffixIcon="🧶"
         onFocus={(_, info) => {

diff --git a/src/NewPicker/PickerInput/hooks/useRangePickerValue.ts b/src/NewPicker/PickerInput/hooks/useRangePickerValue.ts
@@ -194,6 +194,7 @@ export default function useRangePickerValue<DateType extends object = any>(
     }
   }, [open, mergedActiveIndex]);
 
+  // >>> Reset prevActiveIndex when panel closed
   React.useEffect(() => {
     if (open) {
       prevActiveIndexRef.current = mergedActiveIndex;

diff --git a/tests/new-range.spec.tsx b/tests/new-range.spec.tsx
@@ -1128,4 +1128,22 @@ describe('NewPicker.Range', () => {
       expect(onChange).not.toHaveBeenCalled();
     });
   });
+
+  it('minDate and maxDate', () => {
+    const { container } = render(
+      <DayRangePicker minDate={dayjs()} maxDate={dayjs().add(1, 'month')} />,
+    );
+
+    openPicker(container);
+
+    expect(document.querySelectorAll('.rc-picker-header-super-prev-btn')[0]).toHaveStyle({
+      visibility: 'hidden',
+    });
+    expect(document.querySelectorAll('.rc-picker-header-super-next-btn')[1]).toHaveStyle({
+      visibility: 'hidden',
+    });
+
+    expect(findCell(2)).toHaveClass('rc-picker-cell-disabled');
+    expect(findCell(31, 1)).toHaveClass('rc-picker-cell-disabled');
+  });
 });