From ca33d499abb6f1ea6bd13d18bea88ac22423ee0a Mon Sep 17 00:00:00 2001
From: Tonya <tonya@tokia.dev>
Date: Fri, 20 Sep 2024 19:58:50 +0000
Subject: [PATCH] fix: prevent DatePicker from being hidden when overflow is
 hidden on parent component (#237)

---
 frontend/components/Form/DatePicker.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Form/DatePicker.vue b/frontend/components/Form/DatePicker.vue
index e4bc7bc6..725a6074 100644
--- a/frontend/components/Form/DatePicker.vue
+++ b/frontend/components/Form/DatePicker.vue
@@ -1,15 +1,15 @@
 <template>
   <div v-if="!inline" class="form-control w-full">
     <label class="label">
-      <span class="label-text"> {{ label }}</span>
+      <span class="label-text"> {{ label }} </span>
     </label>
-    <VueDatePicker v-model="selected" :enable-time-picker="false" clearable :dark="isDark" />
+    <VueDatePicker v-model="selected" :enable-time-picker="false" clearable :dark="isDark" :teleport="true" />
   </div>
   <div v-else class="sm:grid sm:grid-cols-4 sm:items-start sm:gap-4">
     <label class="label">
       <span class="label-text"> {{ label }} </span>
     </label>
-    <VueDatePicker v-model="selected" :enable-time-picker="false" clearable :dark="isDark" />
+    <VueDatePicker v-model="selected" :enable-time-picker="false" clearable :dark="isDark" :teleport="true" />
   </div>
 </template>