@vuetify/nightly 3.7.18-master.2025-03-22 → 3.7.18-master.2025-03-25

package/lib/labs/VDateInput/index.d.mts

@@ -98,6 +98,10 @@ interface DefaultInputSlot {
     blur: () => void;
 }
 
+declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
+type Breakpoint = typeof breakpoints[number];
+type DisplayBreakpoint = 'xs' | Breakpoint;
+
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
     target: Ref<HTMLElement | [x: number, y: number] | undefined>;
@@ -152,6 +156,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -214,6 +219,7 @@ declare const VDateInput: {
         theme?: string | undefined;
         elevation?: string | number | undefined;
         counter?: string | number | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -237,6 +243,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -295,8 +302,12 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        save: (value: string) => true;
+        cancel: () => true;
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
@@ -312,6 +323,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -374,6 +386,7 @@ declare const VDateInput: {
         theme?: string | undefined;
         elevation?: string | number | undefined;
         counter?: string | number | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -397,6 +410,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -455,7 +469,9 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, {
         flat: boolean;
         reverse: boolean;
@@ -470,6 +486,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -547,6 +564,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -609,6 +627,7 @@ declare const VDateInput: {
         theme?: string | undefined;
         elevation?: string | number | undefined;
         counter?: string | number | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -632,6 +651,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -690,7 +710,9 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, any, {}, {}, {}, {
         flat: boolean;
         reverse: boolean;
@@ -705,6 +727,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -761,6 +784,7 @@ declare const VDateInput: {
     style: vue.StyleValue;
     title: string;
     autofocus: boolean;
+    mobile: boolean | null;
     disabled: boolean;
     readonly: boolean | null;
     tag: string;
@@ -823,6 +847,7 @@ declare const VDateInput: {
     theme?: string | undefined;
     elevation?: string | number | undefined;
     counter?: string | number | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     modelValue?: any;
     validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -846,6 +871,7 @@ declare const VDateInput: {
     modelModifiers?: Record<string, boolean> | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+    displayFormat?: string | Function | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -904,8 +930,12 @@ declare const VDateInput: {
     "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
+    onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    onSave?: ((value: string) => any) | undefined;
 }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    save: (value: string) => true;
+    cancel: () => true;
     'update:modelValue': (val: string) => true;
 }, string, {
     flat: boolean;
@@ -921,6 +951,7 @@ declare const VDateInput: {
     style: vue.StyleValue;
     title: string;
     autofocus: boolean;
+    mobile: boolean | null;
     disabled: boolean;
     readonly: boolean | null;
     tag: string;
@@ -1193,6 +1224,12 @@ declare const VDateInput: {
         type: StringConstructor;
         default: string;
     };
+    mobile: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
+    displayFormat: (FunctionConstructor | StringConstructor)[];
     hideActions: BooleanConstructor;
     location: {
         type: PropType<StrategyProps["location"]>;
@@ -1414,6 +1451,12 @@ declare const VDateInput: {
         type: StringConstructor;
         default: string;
     };
+    mobile: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
+    displayFormat: (FunctionConstructor | StringConstructor)[];
     hideActions: BooleanConstructor;
     location: {
         type: PropType<StrategyProps["location"]>;

package/lib/labs/components.d.mts

@@ -1894,6 +1894,10 @@ type VFieldSlots = {
     default: VFieldSlot;
 };
 
+declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
+type Breakpoint = typeof breakpoints[number];
+type DisplayBreakpoint = 'xs' | Breakpoint;
+
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
     target: Ref<HTMLElement | [x: number, y: number] | undefined>;
@@ -1948,6 +1952,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -2010,6 +2015,7 @@ declare const VDateInput: {
         theme?: string | undefined;
         elevation?: string | number | undefined;
         counter?: string | number | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -2033,6 +2039,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -2091,8 +2098,12 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        save: (value: string) => true;
+        cancel: () => true;
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
@@ -2108,6 +2119,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -2170,6 +2182,7 @@ declare const VDateInput: {
         theme?: string | undefined;
         elevation?: string | number | undefined;
         counter?: string | number | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -2193,6 +2206,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -2251,7 +2265,9 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, {
         flat: boolean;
         reverse: boolean;
@@ -2266,6 +2282,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -2343,6 +2360,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -2405,6 +2423,7 @@ declare const VDateInput: {
         theme?: string | undefined;
         elevation?: string | number | undefined;
         counter?: string | number | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -2428,6 +2447,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -2486,7 +2506,9 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, any, {}, {}, {}, {
         flat: boolean;
         reverse: boolean;
@@ -2501,6 +2523,7 @@ declare const VDateInput: {
         style: vue.StyleValue;
         title: string;
         autofocus: boolean;
+        mobile: boolean | null;
         disabled: boolean;
         readonly: boolean | null;
         tag: string;
@@ -2557,6 +2580,7 @@ declare const VDateInput: {
     style: vue.StyleValue;
     title: string;
     autofocus: boolean;
+    mobile: boolean | null;
     disabled: boolean;
     readonly: boolean | null;
     tag: string;
@@ -2619,6 +2643,7 @@ declare const VDateInput: {
     theme?: string | undefined;
     elevation?: string | number | undefined;
     counter?: string | number | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     modelValue?: any;
     validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
@@ -2642,6 +2667,7 @@ declare const VDateInput: {
     modelModifiers?: Record<string, boolean> | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+    displayFormat?: string | Function | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -2700,8 +2726,12 @@ declare const VDateInput: {
     "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
+    onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    onSave?: ((value: string) => any) | undefined;
 }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    save: (value: string) => true;
+    cancel: () => true;
     'update:modelValue': (val: string) => true;
 }, string, {
     flat: boolean;
@@ -2717,6 +2747,7 @@ declare const VDateInput: {
     style: vue.StyleValue;
     title: string;
     autofocus: boolean;
+    mobile: boolean | null;
     disabled: boolean;
     readonly: boolean | null;
     tag: string;
@@ -2989,6 +3020,12 @@ declare const VDateInput: {
         type: StringConstructor;
         default: string;
     };
+    mobile: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
+    displayFormat: (FunctionConstructor | StringConstructor)[];
     hideActions: BooleanConstructor;
     location: {
         type: PropType<StrategyProps$1["location"]>;
@@ -3210,6 +3247,12 @@ declare const VDateInput: {
         type: StringConstructor;
         default: string;
     };
+    mobile: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
+    displayFormat: (FunctionConstructor | StringConstructor)[];
     hideActions: BooleanConstructor;
     location: {
         type: PropType<StrategyProps$1["location"]>;
@@ -12066,10 +12109,6 @@ type StepperItemSlot<T = any> = {
 };
 type ValidationRule = () => string | boolean;
 
-declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
-type Breakpoint = typeof breakpoints[number];
-type DisplayBreakpoint = 'xs' | Breakpoint;
-
 /**
  * - match without highlight
  * - single match (index), length already known

package/lib/util/helpers.mjs

@@ -151,7 +151,7 @@ export function has(obj, key) {
 export function pick(obj, paths) {
   const found = {};
   for (const key of paths) {
-    if (Object.hasOwn(obj, key)) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
       found[key] = obj[key];
     }
   }