fix: Year Panel super prev disabled logic (#893)

* fix: year lock * test: add test case
react-component · Nov 13, 2024 · e5df38a · e5df38a
1 parent b2ca430
commit e5df38a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/docs/examples/debug.tsx b/docs/examples/debug.tsx
@@ -83,7 +83,13 @@ export default () => {
         // }}
       />
 
-      <RangePicker {...sharedLocale} style={{ width: 400 }} allowEmpty />
+      <RangePicker
+        {...sharedLocale}
+        style={{ width: 400 }}
+        minDate={dayjs('2024')}
+        open
+        mode={['year', 'year']}
+      />
       {/* <SinglePicker
         {...dateFnsSharedLocale}
         style={{ width: 400 }}

diff --git a/src/PickerPanel/DecadePanel/index.tsx b/src/PickerPanel/DecadePanel/index.tsx
@@ -17,7 +17,7 @@ export default function DecadePanel<DateType extends object = any>(
   const [info] = useInfo(props, 'decade');
 
   const getStartYear = (date: DateType) => {
-    const startYear = Math.floor(generateConfig.getYear(pickerValue) / 100) * 100;
+    const startYear = Math.floor(generateConfig.getYear(date) / 100) * 100;
     return generateConfig.setYear(date, startYear);
   };
   const getEndYear = (date: DateType) => {

diff --git a/src/PickerPanel/YearPanel/index.tsx b/src/PickerPanel/YearPanel/index.tsx
@@ -23,7 +23,7 @@ export default function YearPanel<DateType extends object = any>(
   // ========================== Base ==========================
   const [info] = useInfo(props, 'year');
   const getStartYear = (date: DateType) => {
-    const startYear = Math.floor(generateConfig.getYear(pickerValue) / 10) * 10;
+    const startYear = Math.floor(generateConfig.getYear(date) / 10) * 10;
     return generateConfig.setYear(date, startYear);
   };
   const getEndYear = (date: DateType) => {

diff --git a/tests/new-range.spec.tsx b/tests/new-range.spec.tsx
@@ -1098,7 +1098,7 @@ describe('NewPicker.Range', () => {
   it('pass tabIndex', () => {
     const { container } = render(
       <div>
-        <DayRangePicker tabIndex={-1}/>
+        <DayRangePicker tabIndex={-1} />
       </div>,
     );
 
@@ -1255,6 +1255,13 @@ describe('NewPicker.Range', () => {
       });
       expect(onChange).toHaveBeenCalled();
     });
+
+    it('should disabled super prev correctly', () => {
+      render(<DayRangePicker minDate={dayjs()} picker="year" open />);
+
+      // Expect super prev disabled
+      expect(document.querySelector('.rc-picker-header-super-prev-btn-disabled')).toBeDisabled();
+    });
   });
 
   it('double click now button', () => {