From 1965ef1e75abe20567ee500b75936f3966efa5d8 Mon Sep 17 00:00:00 2001
From: sadeghbarati <sadeghbaratiwork@gmail.com>
Date: Tue, 14 May 2024 13:30:42 +0330
Subject: [PATCH] fix: v-calendar range picker is overflown in mobile screen

---
 apps/www/src/lib/registry/default/ui/v-calendar/Calendar.vue  | 2 +-
 apps/www/src/lib/registry/new-york/ui/v-calendar/Calendar.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/v-calendar/Calendar.vue b/apps/www/src/lib/registry/default/ui/v-calendar/Calendar.vue
index b8c60f3d..2f2893d8 100644
--- a/apps/www/src/lib/registry/default/ui/v-calendar/Calendar.vue
+++ b/apps/www/src/lib/registry/default/ui/v-calendar/Calendar.vue
@@ -117,7 +117,7 @@ const vCalendarSlots = computed(() => {
   @apply p-3 text-center;
 }
 .calendar .vc-pane-layout {
-  @apply grid gap-4;
+  @apply grid gap-4 max-sm:!grid-cols-1;
 }
 .calendar .vc-title {
   @apply text-sm font-medium relative z-20;
diff --git a/apps/www/src/lib/registry/new-york/ui/v-calendar/Calendar.vue b/apps/www/src/lib/registry/new-york/ui/v-calendar/Calendar.vue
index deba4ac8..6ab59833 100644
--- a/apps/www/src/lib/registry/new-york/ui/v-calendar/Calendar.vue
+++ b/apps/www/src/lib/registry/new-york/ui/v-calendar/Calendar.vue
@@ -118,7 +118,7 @@ const vCalendarSlots = computed(() => {
   @apply p-3 text-center;
 }
 .calendar .vc-pane-layout {
-  @apply grid gap-4;
+  @apply grid gap-4 max-sm:!grid-cols-1;
 }
 .calendar .vc-title {
   @apply text-sm font-medium relative z-20;