From b40a792d02858894e127391b1cd04253ec83966c Mon Sep 17 00:00:00 2001
From: Florian Sylvain <contact@floriansylvain.fr>
Date: Thu, 29 Oct 2026 17:14:02 +0100
Subject: [PATCH] fix: hide date separators when date picker field idle, to
 prevent overlapping labels

---
 web/src/components/EntryDateField.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/EntryDateField.vue b/web/src/components/EntryDateField.vue
index 8d1e441..b2c5a60 100644
--- a/web/src/components/EntryDateField.vue
+++ b/web/src/components/EntryDateField.vue
@@ -46,7 +46,10 @@ function onCalendar(value: unknown) {
 			:aria-required="required ? 'true' : undefined"
 			class="w-full"
 			:ui="{
-				base: 'h-11 w-full text-lg data-[disabled]:bg-elevated data-[disabled]:opacity-100 md:h-8 md:text-sm',
+				base: [
+						'h-11 w-full text-lg data-[disabled]:bg-elevated data-[disabled]:opacity-100 md:h-8 md:text-sm',
+						idle ? '[&_[data-segment]]:text-transparent' : '',
+					],
 				segment: idle ? 'text-transparent data-[placeholder]:text-transparent' : '',
 			}"
 			@update:model-value="onDate"