@vuetify/nightly 3.8.4-master.2025-05-10 → 3.8.4-master.2025-05-13

package/dist/vuetify.min.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.4-master.2025-05-10
+* Vuetify v3.8.4-master.2025-05-13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2208,8 +2208,8 @@ if(f.run((()=>{o.install(u)})),u.onUnmount((()=>f.stop())),u.provide(wt,e),u.pro
 else{const{mount:e}=u
 u.mount=function(){const a=e(...arguments)
 return t.nextTick((()=>l.update())),u.mount=e,a}}("boolean"!=typeof __VUE_OPTIONS_API__||__VUE_OPTIONS_API__)&&u.mixin({computed:{$vuetify(){return t.reactive({defaults:bf.call(this,wt),display:bf.call(this,bn),theme:bf.call(this,ya),icons:bf.call(this,$t),locale:bf.call(this,pa),date:bf.call(this,ku)})}}})},unmount:function(){u.stop()},defaults:e,display:l,theme:o,icons:c,locale:d,date:v,goTo:p}}))}function bf(e){const t=this.$,a=t.parent?.provides??t.vnode.appContext?.provides
-if(a&&e in a)return a[e]}yf.version="3.8.4-master.2025-05-10"
-const Vf=function(){return yf({components:uf,directives:hf,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},wf="3.8.4-master.2025-05-10"
+if(a&&e in a)return a[e]}yf.version="3.8.4-master.2025-05-13"
+const Vf=function(){return yf({components:uf,directives:hf,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},wf="3.8.4-master.2025-05-13"
 Vf.version=wf,e.blueprints=Kt,e.components=uf,e.createVuetify=Vf,e.directives=hf,e.useDate=Nu,e.useDefaults=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0
 const{props:a,provideSubDefaults:l}=xt(e,t)
 return l(),a},e.useDisplay=Cn,e.useGoTo=Rn,e.useLayout=ta,e.useLocale=ma,e.useRtl=ha,e.useTheme=Ia,e.version=wf}))

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.8.4-master.2025-05-10";
+export const version = "3.8.4-master.2025-05-13";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2537,29 +2537,41 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VApp: typeof import('vuetify/components')['VApp']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VBanner: typeof import('vuetify/components')['VBanner']
+    VBannerActions: typeof import('vuetify/components')['VBannerActions']
+    VBannerText: typeof import('vuetify/components')['VBannerText']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VChip: typeof import('vuetify/components')['VChip']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VCard: typeof import('vuetify/components')['VCard']
+    VCardActions: typeof import('vuetify/components')['VCardActions']
+    VCardItem: typeof import('vuetify/components')['VCardItem']
+    VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
+    VCardText: typeof import('vuetify/components')['VCardText']
+    VCardTitle: typeof import('vuetify/components')['VCardTitle']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VCode: typeof import('vuetify/components')['VCode']
+    VChip: typeof import('vuetify/components')['VChip']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2567,39 +2579,37 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VCode: typeof import('vuetify/components')['VCode']
     VDialog: typeof import('vuetify/components')['VDialog']
+    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
+    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
+    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
+    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VDivider: typeof import('vuetify/components')['VDivider']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
-    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
-    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
-    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
     VFab: typeof import('vuetify/components')['VFab']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VFileInput: typeof import('vuetify/components')['VFileInput']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VImg: typeof import('vuetify/components')['VImg']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VInput: typeof import('vuetify/components')['VInput']
-    VMain: typeof import('vuetify/components')['VMain']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2609,79 +2619,71 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
     VMessages: typeof import('vuetify/components')['VMessages']
-    VPagination: typeof import('vuetify/components')['VPagination']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
     VRating: typeof import('vuetify/components')['VRating']
-    VCard: typeof import('vuetify/components')['VCard']
-    VCardActions: typeof import('vuetify/components')['VCardActions']
-    VCardItem: typeof import('vuetify/components')['VCardItem']
-    VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
-    VCardText: typeof import('vuetify/components')['VCardText']
-    VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VSelect: typeof import('vuetify/components')['VSelect']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSlider: typeof import('vuetify/components')['VSlider']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTable: typeof import('vuetify/components')['VTable']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VStepper: typeof import('vuetify/components')['VStepper']
-    VStepperActions: typeof import('vuetify/components')['VStepperActions']
-    VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
-    VStepperItem: typeof import('vuetify/components')['VStepperItem']
-    VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
-    VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTable: typeof import('vuetify/components')['VTable']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTooltip: typeof import('vuetify/components')['VTooltip']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
-    VForm: typeof import('vuetify/components')['VForm']
+    VStepper: typeof import('vuetify/components')['VStepper']
+    VStepperActions: typeof import('vuetify/components')['VStepperActions']
+    VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
+    VStepperItem: typeof import('vuetify/components')['VStepperItem']
+    VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
+    VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VHover: typeof import('vuetify/components')['VHover']
-    VContainer: typeof import('vuetify/components')['VContainer']
-    VCol: typeof import('vuetify/components')['VCol']
-    VRow: typeof import('vuetify/components')['VRow']
-    VSpacer: typeof import('vuetify/components')['VSpacer']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
-    VLazy: typeof import('vuetify/components')['VLazy']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VContainer: typeof import('vuetify/components')['VContainer']
+    VCol: typeof import('vuetify/components')['VCol']
+    VRow: typeof import('vuetify/components')['VRow']
+    VSpacer: typeof import('vuetify/components')['VSpacer']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
-    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
-    VKbd: typeof import('vuetify/components')['VKbd']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2698,32 +2700,30 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VBanner: typeof import('vuetify/components')['VBanner']
-    VBannerActions: typeof import('vuetify/components')['VBannerActions']
-    VBannerText: typeof import('vuetify/components')['VBannerText']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VForm: typeof import('vuetify/components')['VForm']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
+    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
-    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
+    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }
 }

package/lib/framework.js

@@ -109,7 +109,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.8.4-master.2025-05-10";
+export const version = "3.8.4-master.2025-05-13";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/labs/VDateInput/VDateInput.d.ts

@@ -115,7 +115,9 @@ export declare const makeVDateInputProps: <Defaults extends {
     mobile?: unknown;
     mobileBreakpoint?: unknown;
     displayFormat?: unknown;
+    inputFormat?: unknown;
     location?: unknown;
+    menu?: unknown;
     updateOn?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     max: unknown extends Defaults["max"] ? PropType<unknown> : {
@@ -768,6 +770,10 @@ export declare const makeVDateInputProps: <Defaults extends {
         type: PropType<unknown extends Defaults["displayFormat"] ? string | Function : string | Function | Defaults["displayFormat"]>;
         default: unknown extends Defaults["displayFormat"] ? string | Function : NonNullable<string | Function> | Defaults["displayFormat"];
     };
+    inputFormat: unknown extends Defaults["inputFormat"] ? (FunctionConstructor | StringConstructor)[] : {
+        type: PropType<unknown extends Defaults["inputFormat"] ? string | Function : string | Function | Defaults["inputFormat"]>;
+        default: unknown extends Defaults["inputFormat"] ? string | Function : NonNullable<string | Function> | Defaults["inputFormat"];
+    };
     location: unknown extends Defaults["location"] ? {
         type: PropType<StrategyProps["location"]>;
         default: string;
@@ -778,6 +784,10 @@ export declare const makeVDateInputProps: <Defaults extends {
         type: PropType<unknown extends Defaults["location"] ? import("../../util/index.js").Anchor : import("../../util/index.js").Anchor | Defaults["location"]>;
         default: unknown extends Defaults["location"] ? import("../../util/index.js").Anchor : NonNullable<import("../../util/index.js").Anchor> | Defaults["location"];
     };
+    menu: unknown extends Defaults["menu"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["menu"] ? boolean : boolean | Defaults["menu"]>;
+        default: unknown extends Defaults["menu"] ? boolean : boolean | Defaults["menu"];
+    };
     updateOn: unknown extends Defaults["updateOn"] ? {
         type: PropType<("blur" | "enter")[]>;
         default: () => string[];
@@ -801,6 +811,7 @@ export declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: import("vue").StyleValue;
         title: string;
         autofocus: boolean;
@@ -898,6 +909,7 @@ export declare const VDateInput: {
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayFormat?: string | Function | undefined;
+        inputFormat?: string | Function | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
             message?: ((arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined;
@@ -958,6 +970,7 @@ export declare const VDateInput: {
     } & {
         onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         onSave?: ((value: string) => any) | undefined;
     }, Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
@@ -2901,6 +2914,7 @@ export declare const VDateInput: {
         save: (value: string) => true;
         cancel: () => true;
         'update:modelValue': (val: string) => true;
+        'update:menu': (val: boolean) => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         flat: boolean;
         reverse: boolean;
@@ -2912,6 +2926,7 @@ export declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: import("vue").StyleValue;
         title: string;
         autofocus: boolean;
@@ -2994,6 +3009,7 @@ export declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: import("vue").StyleValue;
         title: string;
         autofocus: boolean;
@@ -3091,6 +3107,7 @@ export declare const VDateInput: {
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayFormat?: string | Function | undefined;
+        inputFormat?: string | Function | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
             message?: ((arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined;
@@ -3151,6 +3168,7 @@ export declare const VDateInput: {
     } & {
         onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         onSave?: ((value: string) => any) | undefined;
     }, Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
@@ -5101,6 +5119,7 @@ export declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: import("vue").StyleValue;
         title: string;
         autofocus: boolean;
@@ -5162,6 +5181,7 @@ export declare const VDateInput: {
     direction: "horizontal" | "vertical";
     transition: string;
     header: string;
+    menu: boolean;
     style: import("vue").StyleValue;
     title: string;
     autofocus: boolean;
@@ -5259,6 +5279,7 @@ export declare const VDateInput: {
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
     displayFormat?: string | Function | undefined;
+    inputFormat?: string | Function | undefined;
 } & {
     $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
         message?: ((arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined;
@@ -5319,6 +5340,7 @@ export declare const VDateInput: {
 } & {
     onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpdate:menu"?: ((val: boolean) => any) | undefined;
     onSave?: ((value: string) => any) | undefined;
 }, Omit<Omit<{
     $: import("vue").ComponentInternalInstance;
@@ -7262,6 +7284,7 @@ export declare const VDateInput: {
     save: (value: string) => true;
     cancel: () => true;
     'update:modelValue': (val: string) => true;
+    'update:menu': (val: boolean) => true;
 }, string, {
     flat: boolean;
     reverse: boolean;
@@ -7273,6 +7296,7 @@ export declare const VDateInput: {
     direction: "horizontal" | "vertical";
     transition: string;
     header: string;
+    menu: boolean;
     style: import("vue").StyleValue;
     title: string;
     autofocus: boolean;
@@ -7559,10 +7583,12 @@ export declare const VDateInput: {
     };
     mobileBreakpoint: PropType<number | import("../../composables/display.js").DisplayBreakpoint>;
     displayFormat: (FunctionConstructor | StringConstructor)[];
+    inputFormat: (FunctionConstructor | StringConstructor)[];
     location: {
         type: PropType<StrategyProps["location"]>;
         default: string;
     };
+    menu: BooleanConstructor;
     updateOn: {
         type: PropType<("blur" | "enter")[]>;
         default: () => string[];
@@ -7789,10 +7815,12 @@ export declare const VDateInput: {
     };
     mobileBreakpoint: PropType<number | import("../../composables/display.js").DisplayBreakpoint>;
     displayFormat: (FunctionConstructor | StringConstructor)[];
+    inputFormat: (FunctionConstructor | StringConstructor)[];
     location: {
         type: PropType<StrategyProps["location"]>;
         default: string;
     };
+    menu: BooleanConstructor;
     updateOn: {
         type: PropType<("blur" | "enter")[]>;
         default: () => string[];

package/lib/labs/VDateInput/VDateInput.js

@@ -15,10 +15,12 @@ import { genericComponent, omit, propsFactory, useRender, wrapInArray } from "..
 // Types
 export const makeVDateInputProps = propsFactory({
   displayFormat: [Function, String],
+  inputFormat: [Function, String],
   location: {
     type: String,
     default: 'bottom start'
   },
+  menu: Boolean,
   updateOn: {
     type: Array,
     default: () => ['blur', 'enter']
@@ -45,7 +47,8 @@ export const VDateInput = genericComponent()({
   emits: {
     save: value => true,
     cancel: () => true,
-    'update:modelValue': val => true
+    'update:modelValue': val => true,
+    'update:menu': val => true
   },
   setup(props, _ref) {
     let {
@@ -66,7 +69,7 @@ export const VDateInput = genericComponent()({
     } = useFocus(props);
     const emptyModelValue = () => props.multiple ? [] : null;
     const model = useProxiedModel(props, 'modelValue', emptyModelValue(), val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
-    const menu = shallowRef(false);
+    const menu = useProxiedModel(props, 'menu');
     const isEditingInput = shallowRef(false);
     const vTextFieldRef = ref();
     const disabledActions = ref(['save']);
@@ -76,6 +79,79 @@ export const VDateInput = genericComponent()({
       }
       return adapter.format(date, props.displayFormat ?? 'keyboardDate');
     }
+    function parseDateString(dateString, format) {
+      function countConsecutiveChars(str, startIndex) {
+        const char = str[startIndex];
+        let count = 0;
+        while (str[startIndex + count] === char) count++;
+        return count;
+      }
+      function parseDateParts(dateString, format) {
+        const dateParts = {};
+        let stringIndex = 0;
+        const upperFormat = format.toUpperCase();
+        for (let formatIndex = 0; formatIndex < upperFormat.length;) {
+          const formatChar = upperFormat[formatIndex];
+          const charCount = countConsecutiveChars(upperFormat, formatIndex);
+          const dateValue = dateString.slice(stringIndex, stringIndex + charCount);
+          if (['Y', 'M', 'D'].includes(formatChar)) {
+            const numValue = parseInt(dateValue);
+            if (isNaN(numValue)) return null;
+            dateParts[formatChar] = numValue;
+          }
+          formatIndex += charCount;
+          stringIndex += charCount;
+        }
+        return dateParts;
+      }
+      function validateDateParts(dateParts) {
+        const {
+          Y: year,
+          M: month,
+          D: day
+        } = dateParts;
+        if (!year || !month || !day) return null;
+        if (month < 1 || month > 12) return null;
+        if (day < 1 || day > 31) return null;
+        return {
+          year,
+          month,
+          day
+        };
+      }
+      const dateParts = parseDateParts(dateString, format);
+      if (!dateParts) return null;
+      const validatedParts = validateDateParts(dateParts);
+      if (!validatedParts) return null;
+      const {
+        year,
+        month,
+        day
+      } = validatedParts;
+      return {
+        year,
+        month,
+        day
+      };
+    }
+    function parseUserInput(value) {
+      if (typeof props.inputFormat === 'function') {
+        return props.inputFormat(value);
+      }
+      if (typeof props.inputFormat === 'string') {
+        const formattedDate = parseDateString(value, props.inputFormat);
+        if (!formattedDate) {
+          return model.value;
+        }
+        const {
+          year,
+          month,
+          day
+        } = formattedDate;
+        return adapter.parseISO(`${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`);
+      }
+      return adapter.isValid(value) ? adapter.date(value) : model.value;
+    }
     const display = computed(() => {
       const value = wrapInArray(model.value);
       if (!value.length) return null;
@@ -109,7 +185,6 @@ export const VDateInput = genericComponent()({
       if (e.key !== 'Enter') return;
       if (!menu.value || !isFocused.value) {
         menu.value = true;
-        return;
       }
       if (props.updateOn.includes('enter')) {
         onUserInput(e.target);
@@ -153,8 +228,7 @@ export const VDateInput = genericComponent()({
       let {
         value
       } = _ref2;
-      if (value && !adapter.isValid(value)) return;
-      model.value = !value ? emptyModelValue() : value;
+      model.value = !value ? emptyModelValue() : parseUserInput(value);
     }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);