diff --git a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
index 9aa80f1a..b7d91e4c 100644
--- a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
@@ -219,9 +219,9 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                     'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                   )
                 "
-                @click="updateMonth('second', 1)"
+                @click="updateMonth('second', -1)"
               >
-                <ChevronRight class="h-4 w-4" />
+                <ChevronLeft class="h-4 w-4" />
               </button>
               <div
                 :class="cn('text-sm font-medium')"
diff --git a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
index ee5c408f..d7842ad3 100644
--- a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
@@ -217,9 +217,9 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                     'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                   )
                 "
-                @click="updateMonth('second', 1)"
+                @click="updateMonth('second', -1)"
               >
-                <ChevronRight class="h-4 w-4" />
+                <ChevronLeft class="h-4 w-4" />
               </button>
               <div :class="cn('text-sm font-medium')">
                 {{