fix: hide date separators when date picker field idle, to prevent overlapping labels
This commit is contained in:
1 parent
7a66318a73
commit
b40a792d02
1 file changed
+4
-1
@@ -46,7 +46,10 @@ function onCalendar(value: unknown) {
|
|||||||
:aria-required="required ? 'true' : undefined"
|
:aria-required="required ? 'true' : undefined"
|
||||||
class="w-full"
|
class="w-full"
|
||||||
:ui="{
|
: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' : '',
|
segment: idle ? 'text-transparent data-[placeholder]:text-transparent' : '',
|
||||||
}"
|
}"
|
||||||
@update:model-value="onDate"
|
@update:model-value="onDate"
|
||||||
|
|||||||
Reference in new issue
Block a user