feat(DatePicker): expose modal-value to make DatePickerInput optional (…

…#985) * feat: exposes modal-value to make date-picker-input optional * chore: update docs --------- Co-authored-by: Eduard Predescu <[email protected]>
unovue · Jun 3, 2024 · d5fff4d · d5fff4d
1 parent 1b970ec
commit d5fff4d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/docs/content/meta/DatePickerField.md b/docs/content/meta/DatePickerField.md
@@ -5,5 +5,10 @@
     'name': 'segments',
     'description': '',
     'type': '{ part: SegmentPart; value: string; }[]'
+  },
+  {
+    'name': 'modelValue',
+    'description': '',
+    'type': 'DateValue | undefined'
   }
 ]" />
diff --git a/packages/radix-vue/src/DatePicker/DatePickerField.vue b/packages/radix-vue/src/DatePicker/DatePickerField.vue
@@ -10,7 +10,7 @@ const rootContext = injectDatePickerRootContext()
 
 <template>
   <DateFieldRoot
-    v-slot="{ segments }"
+    v-slot="{ segments, modelValue }"
     :ref="rootContext.dateFieldRef"
     :model-value="rootContext.modelValue.value"
     :placeholder="rootContext.placeholder.value"
@@ -38,6 +38,6 @@ const rootContext = injectDatePickerRootContext()
       rootContext.onPlaceholderChange(date)
     }"
   >
-    <slot :segments="segments" />
+    <slot :segments="segments" :model-value="modelValue" />
   </DateFieldRoot>
 </template>