From 24e3ddcc192b784d51c1fe51e1f80721eca36d3b Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Fri, 4 Apr 2025 12:46:00 +0200
Subject: [PATCH] Fix long dates formats [SCI-11491]

---
 app/javascript/vue/forms/fields/datetime.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/javascript/vue/forms/fields/datetime.vue b/app/javascript/vue/forms/fields/datetime.vue
index e1835d86d..40c2f774c 100644
--- a/app/javascript/vue/forms/fields/datetime.vue
+++ b/app/javascript/vue/forms/fields/datetime.vue
@@ -1,7 +1,7 @@
 <template>
   <div class='relative'>
     <template v-if="range">
-      <div class="flex items-center gap-x-4 gap-y-2 flex-wrap lg:flex-nowrap">
+      <div class="flex lg:items-center gap-x-4 gap-y-2 flex-col lg:flex-row">
         <DateTimePicker
           @change="updateFromDate"
           :mode="mode"
@@ -9,6 +9,7 @@
           :clearable="true"
           :disabled="fieldDisabled"
           :placeholder="fieldDisabled ? '' : i18n.t('forms.fields.from')"
+          class="grow"
           :class="{'error': !validValue}"
         />
         <span class="tw-hidden lg:block">-</span>
@@ -19,6 +20,7 @@
           :disabled="fieldDisabled"
           :clearable="true"
           :placeholder="fieldDisabled ? '' : i18n.t('forms.fields.to')"
+          class="grow"
           :class="{'error': !validValue}"
         />
       </div>