feat(useDatepicker): update goToPreviousYear and goToNextYear methods

affects: @datepicker-react/hooks

ISSUES CLOSED: #35

Author: tresko

packages/hooks/README.md

@@ -198,6 +198,14 @@ Updates `activeMonths` (next months) in accordance with the `numberOfMonths` pro
 
 Updates `activeMonths` (previous months) in accordance with the `numberOfMonths` prop.
 
+#### `goToPreviousYear: (numYears: number = 1) => void`
+
+Go to the previous year by default. 
+
+#### `goToNextYear: (numYears: number = 1) => void`
+
+Go to the next year by default.
+
 ## `useMonth`
 
 The `useMonth` returns all days of the month, weekday labels and month label.

packages/hooks/src/useDatepicker/useDatepicker.test.ts

@@ -64,7 +64,7 @@ describe('useDatepicker', () => {
     expect(result.current.activeMonths[1].year).toBe(2020)
     expect(result.current.activeMonths[1].month).toBe(3)
 
-    // next year
+    // previous year
     act(() => {
       result.current.goToPreviousYear()
     })
@@ -73,6 +73,22 @@ describe('useDatepicker', () => {
     expect(result.current.activeMonths[1].year).toBe(2019)
     expect(result.current.activeMonths[1].month).toBe(3)
 
+    act(() => {
+      result.current.goToNextYear(2)
+    })
+    expect(result.current.activeMonths[0].year).toBe(2021)
+    expect(result.current.activeMonths[0].month).toBe(2)
+    expect(result.current.activeMonths[1].year).toBe(2021)
+    expect(result.current.activeMonths[1].month).toBe(3)
+
+    act(() => {
+      result.current.goToPreviousYear(2)
+    })
+    expect(result.current.activeMonths[0].year).toBe(2019)
+    expect(result.current.activeMonths[0].month).toBe(2)
+    expect(result.current.activeMonths[1].year).toBe(2019)
+    expect(result.current.activeMonths[1].month).toBe(3)
+
     clear()
   })
 

packages/hooks/src/useDatepicker/useDatepicker.ts

@@ -292,13 +292,17 @@ export function useDatepicker({
     setFocusedDate(null)
   }
 
-  function goToPreviousYear() {
-    setActiveMonths(getNextActiveMonth(activeMonths, numberOfMonths, -(12 - numberOfMonths + 1)))
+  function goToPreviousYear(numYears: number = 1) {
+    setActiveMonths(
+      getNextActiveMonth(activeMonths, numberOfMonths, -(numYears * 12 - numberOfMonths + 1)),
+    )
     setFocusedDate(null)
   }
 
-  function goToNextYear() {
-    setActiveMonths(getNextActiveMonth(activeMonths, numberOfMonths, 12 - numberOfMonths + 1))
+  function goToNextYear(numYears: number = 1) {
+    setActiveMonths(
+      getNextActiveMonth(activeMonths, numberOfMonths, numYears * 12 - numberOfMonths + 1),
+    )
     setFocusedDate(null)
   }