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"