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

package/dist/vuetify-labs.d.ts

@@ -88186,6 +88186,7 @@ declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
@@ -88283,6 +88284,7 @@ declare const VDateInput: {
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayFormat?: string | Function | undefined;
+        inputFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -88343,6 +88345,7 @@ 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<{
         $: vue.ComponentInternalInstance;
@@ -90286,6 +90289,7 @@ declare const VDateInput: {
         save: (value: string) => true;
         cancel: () => true;
         'update:modelValue': (val: string) => true;
+        'update:menu': (val: boolean) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
         reverse: boolean;
@@ -90297,6 +90301,7 @@ declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
@@ -90379,6 +90384,7 @@ declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
@@ -90476,6 +90482,7 @@ declare const VDateInput: {
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayFormat?: string | Function | undefined;
+        inputFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -90536,6 +90543,7 @@ 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<{
         $: vue.ComponentInternalInstance;
@@ -92486,6 +92494,7 @@ declare const VDateInput: {
         direction: "horizontal" | "vertical";
         transition: string;
         header: string;
+        menu: boolean;
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
@@ -92547,6 +92556,7 @@ declare const VDateInput: {
     direction: "horizontal" | "vertical";
     transition: string;
     header: string;
+    menu: boolean;
     style: vue.StyleValue;
     title: string;
     autofocus: boolean;
@@ -92644,6 +92654,7 @@ declare const VDateInput: {
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
     displayFormat?: string | Function | undefined;
+    inputFormat?: string | Function | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -92704,6 +92715,7 @@ 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<{
     $: vue.ComponentInternalInstance;
@@ -94647,6 +94659,7 @@ declare const VDateInput: {
     save: (value: string) => true;
     cancel: () => true;
     'update:modelValue': (val: string) => true;
+    'update:menu': (val: boolean) => true;
 }, string, {
     flat: boolean;
     reverse: boolean;
@@ -94658,6 +94671,7 @@ declare const VDateInput: {
     direction: "horizontal" | "vertical";
     transition: string;
     header: string;
+    menu: boolean;
     style: vue.StyleValue;
     title: string;
     autofocus: boolean;
@@ -94944,10 +94958,12 @@ declare const VDateInput: {
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     displayFormat: (FunctionConstructor | StringConstructor)[];
+    inputFormat: (FunctionConstructor | StringConstructor)[];
     location: {
         type: PropType<StrategyProps$1["location"]>;
         default: string;
     };
+    menu: BooleanConstructor;
     updateOn: {
         type: PropType<("blur" | "enter")[]>;
         default: () => string[];
@@ -95174,10 +95190,12 @@ declare const VDateInput: {
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     displayFormat: (FunctionConstructor | StringConstructor)[];
+    inputFormat: (FunctionConstructor | StringConstructor)[];
     location: {
         type: PropType<StrategyProps$1["location"]>;
         default: string;
     };
+    menu: BooleanConstructor;
     updateOn: {
         type: PropType<("blur" | "enter")[]>;
         default: () => string[];
@@ -100667,42 +100685,41 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VAvatar: VAvatar
     VAutocomplete: VAutocomplete
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VAvatar: VAvatar
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VBadge: VBadge
-    VBottomSheet: VBottomSheet
-    VBtn: VBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnGroup: VBtnGroup
+    VBottomSheet: VBottomSheet
+    VBottomNavigation: VBottomNavigation
+    VBtn: VBtn
     VBtnToggle: VBtnToggle
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
     VChipGroup: VChipGroup
     VColorPicker: VColorPicker
+    VBtnGroup: VBtnGroup
     VCombobox: VCombobox
-    VBottomNavigation: VBottomNavigation
     VCounter: VCounter
-    VCode: VCode
+    VChip: VChip
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -100710,36 +100727,37 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VCode: VCode
+    VDialog: VDialog
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
+    VEmptyState: VEmptyState
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDialog: VDialog
     VDivider: VDivider
-    VEmptyState: VEmptyState
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
     VField: VField
     VFieldLabel: VFieldLabel
-    VFileInput: VFileInput
     VFab: VFab
-    VFooter: VFooter
+    VFileInput: VFileInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VFooter: VFooter
+    VImg: VImg
     VInfiniteScroll: VInfiniteScroll
     VInput: VInput
     VItemGroup: VItemGroup
     VItem: VItem
-    VKbd: VKbd
     VLabel: VLabel
-    VImg: VImg
+    VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -100750,40 +100768,33 @@ declare module 'vue' {
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
     VMain: VMain
-    VMessages: VMessages
     VMenu: VMenu
-    VOverlay: VOverlay
     VNumberInput: VNumberInput
     VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
+    VMessages: VMessages
     VProgressCircular: VProgressCircular
-    VPagination: VPagination
-    VRadioGroup: VRadioGroup
+    VProgressLinear: VProgressLinear
+    VOverlay: VOverlay
     VRating: VRating
-    VSelectionControl: VSelectionControl
+    VRadioGroup: VRadioGroup
+    VPagination: VPagination
+    VSelect: VSelect
     VSheet: VSheet
-    VSelectionControlGroup: VSelectionControlGroup
+    VSnackbar: VSnackbar
+    VSelectionControl: VSelectionControl
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSelect: VSelect
-    VSnackbar: VSnackbar
+    VSelectionControlGroup: VSelectionControlGroup
     VSlider: VSlider
-    VSkeletonLoader: VSkeletonLoader
-    VStepper: VStepper
-    VStepperActions: VStepperActions
-    VStepperHeader: VStepperHeader
-    VStepperItem: VStepperItem
-    VStepperWindow: VStepperWindow
-    VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
-    VTextField: VTextField
+    VSwitch: VSwitch
     VTable: VTable
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextarea: VTextarea
-    VSwitch: VSwitch
+    VSystemBar: VSystemBar
+    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VToolbar: VToolbar
@@ -100795,27 +100806,32 @@ declare module 'vue' {
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
-    VContainer: VContainer
-    VCol: VCol
-    VRow: VRow
-    VSpacer: VSpacer
+    VStepper: VStepper
+    VStepperActions: VStepperActions
+    VStepperHeader: VStepperHeader
+    VStepperItem: VStepperItem
+    VStepperWindow: VStepperWindow
+    VStepperWindowItem: VStepperWindowItem
     VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
+    VContainer: VContainer
+    VCol: VCol
+    VRow: VRow
+    VSpacer: VSpacer
     VSparkline: VSparkline
-    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VProgressLinear: VProgressLinear
+    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VSkeletonLoader: VSkeletonLoader
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -100832,28 +100848,30 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VValidation: VValidation
-    VIconBtn: VIconBtn
+    VForm: VForm
+    VTextarea: VTextarea
+    VSnackbarQueue: VSnackbarQueue
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VPullToRefresh: VPullToRefresh
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
+    VIconBtn: VIconBtn
     VDateInput: VDateInput
+    VPullToRefresh: VPullToRefresh
   }
 }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.4-master.2025-05-12
+* Vuetify v3.8.4-master.2025-05-13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -29076,10 +29076,12 @@ const VCalendar = genericComponent()({
 
 const makeVDateInputProps = propsFactory({
   displayFormat: [Function, String],
+  inputFormat: [Function, String],
   location: {
     type: String,
     default: 'bottom start'
   },
+  menu: Boolean,
   updateOn: {
     type: Array,
     default: () => ['blur', 'enter']
@@ -29106,7 +29108,8 @@ 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 {
@@ -29127,7 +29130,7 @@ 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']);
@@ -29137,6 +29140,79 @@ 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;
@@ -29170,7 +29246,6 @@ 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);
@@ -29214,8 +29289,7 @@ 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);
@@ -31665,7 +31739,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.4-master.2025-05-12";
+const version$1 = "3.8.4-master.2025-05-13";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31963,7 +32037,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.4-master.2025-05-12";
+const version = "3.8.4-master.2025-05-13";
 
 /* eslint-disable local-rules/sort-imports */