From f9823a6c5db468c7b07b6026b09ab13f898e204b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Fri, 20 Sep 2024 14:01:12 +0200
Subject: [PATCH] Fix datepicker being hidden in horizontal record block

---
 .../src/components/ModuleFields/Editor/DateTime.vue       | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue b/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
index f8854eb69..3002fbc6e 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
@@ -5,6 +5,7 @@
     :content-cols-md="horizontal && '7'"
     :content-cols-xl="horizontal && '8'"
     :class="formGroupStyleClasses"
+    class="date-time-field-editor"
   >
     <template
       #label
@@ -90,3 +91,10 @@ export default {
   extends: base,
 }
 </script>
+
+<style>
+/* Fix for datepicker not overflowing block when in horizontal mode */
+.date-time-field-editor .form-row div {
+  position: initial;
+}
+</style>