fix(devtools): component input styles

romhml · romhml · commit c7472d045be2 · 2025-03-25T08:12:36.000+01:00
diff --git a/packages/devtools/app/components/inputs/DateInput.vue b/packages/devtools/app/components/inputs/DateInput.vue
@@ -21,10 +21,10 @@ const calendarDate = computed({
 </script>
 
 <template>
-  <UPopover mode="hover">
+  <UPopover>
     <UButton
       color="neutral"
-      variant="subtle"
+      variant="outline"
       icon="i-lucide-calendar"
     >
       {{ modelValue ? df.format(modelValue) : 'Select a date' }}
diff --git a/packages/devtools/app/components/inputs/IconInput.vue b/packages/devtools/app/components/inputs/IconInput.vue
@@ -53,7 +53,7 @@ const visibleIcons = computed(() => {
 </script>
 
 <template>
-  <UPopover mode="hover">
+  <UPopover>
     <UButtonGroup>
       <UButton
         :icon="modelValue"
diff --git a/playgrounds/nuxt/components/SupportedProps.vue b/playgrounds/nuxt/components/SupportedProps.vue
@@ -4,6 +4,7 @@ const _props = defineProps<{
   string?: string
   number?: number
   boolean?: boolean
+  date?: Date
   primitiveUnion?: string | number | boolean
 
   // Arrays
