fix: fix an issue causing months to be skipped when navigating

.changeset/poor-mice-breathe.md

@@ -0,0 +1,5 @@
+---
+'wc-datepicker': patch
+---
+
+Fix an issue causing months to be skipped when navigating

src/index.html

@@ -23,6 +23,14 @@
     <script>
       const datepicker = document.getElementById('datepicker');
 
+      datepicker.addEventListener('selectDate', (event) => {
+        console.log(event);
+      });
+
+      datepicker.addEventListener('changeMonth', (event) => {
+        console.log(event);
+      });
+
       datepicker.disableDate = (date) =>
         date.getDay() === 6 || date.getDay() === 0;
     </script>

src/utils/utils.spec.ts

@@ -105,7 +105,7 @@ describe('format', () => {
     );
 
     expect(getNextMonth(new Date('2022-12-20'))).toEqual(
-      new Date('2023-01-20')
+      new Date('2023-01-01')
     );
   });
 
@@ -130,7 +130,7 @@ describe('format', () => {
     );
 
     expect(getPreviousMonth(new Date('2022-12-20'))).toEqual(
-      new Date('2022-11-20')
+      new Date('2022-11-01')
     );
   });
 

src/utils/utils.ts

@@ -111,6 +111,7 @@ export function getNextDay(date: Date): Date {
 export function getNextMonth(date: Date): Date {
   const newDate = new Date(date);
 
+  newDate.setDate(1);
   newDate.setMonth(newDate.getMonth() + 1);
 
   return newDate;
@@ -131,6 +132,7 @@ export function getPreviousDay(date: Date): Date {
 export function getPreviousMonth(date: Date): Date {
   const newDate = new Date(date);
 
+  newDate.setDate(1);
   newDate.setMonth(newDate.getMonth() - 1);
 
   return newDate;