feat(VDateInput): pass location to VMenu (#20854)

vuetifyjs · Jan 16, 2025 · 2cefedb · 2cefedb
1 parent 70deee7
commit 2cefedb
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
@@ -14,6 +14,10 @@ import { useProxiedModel } from '@/composables/proxiedModel'
 import { computed, shallowRef } from 'vue'
 import { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'
 
+// Types
+import type { PropType } from 'vue'
+import type { StrategyProps } from '@/components/VOverlay/locationStrategies'
+
 // Types
 export type VDateInputActionsSlot = {
   save: () => void
@@ -28,7 +32,10 @@ export type VDateInputSlots = {
 
 export const makeVDateInputProps = propsFactory({
   hideActions: Boolean,
-
+  location: {
+    type: String as PropType<StrategyProps['location']>,
+    default: 'bottom start',
+  },
   ...makeFocusProps(),
   ...makeVConfirmEditProps(),
   ...makeVTextFieldProps({
@@ -38,7 +45,7 @@ export const makeVDateInputProps = propsFactory({
   ...omit(makeVDatePickerProps({
     weeksInMonth: 'dynamic' as const,
     hideHeader: true,
-  }), ['active']),
+  }), ['active', 'location']),
 }, 'VDateInput')
 
 export const VDateInput = genericComponent<VDateInputSlots>()({
@@ -107,7 +114,7 @@ export const VDateInput = genericComponent<VDateInputSlots>()({
 
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props)
-      const datePickerProps = VDatePicker.filterProps(omit(props, ['active']))
+      const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']))
       const textFieldProps = VTextField.filterProps(props)
 
       return (
@@ -127,6 +134,7 @@ export const VDateInput = genericComponent<VDateInputSlots>()({
             v-model={ menu.value }
             activator="parent"
             min-width="0"
+            location={ props.location }
             closeOnContentClick={ false }
             openOnClick={ false }
           >