romhml
diff --git a/‎packages/devtools/app/components/inputs/DateInput.vue
+2-2 b/‎packages/devtools/app/components/inputs/DateInput.vue
+2-2
diff --git a/‎packages/devtools/app/components/inputs/IconInput.vue
+1-1 b/‎packages/devtools/app/components/inputs/IconInput.vue
+1-1
diff --git a/‎playgrounds/nuxt/components/SupportedProps.vue
+1 b/‎playgrounds/nuxt/components/SupportedProps.vue
+1
@@ -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' }}
 
@@ -53,7 +53,7 @@ const visibleIcons = computed(() => {
 </script>
 
 <template>
-  <UPopover mode="hover">
+  <UPopover>
     <UButtonGroup>
       <UButton
         :icon="modelValue"
 
@@ -4,6 +4,7 @@ const _props = defineProps<{
   string?: string
   number?: number
   boolean?: boolean
+  date?: Date
   primitiveUnion?: string | number | boolean
 
   // Arrays