vuetify 3.3.7 → 3.3.9

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
 
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
@@ -81,7 +81,7 @@ declare const VDateRangeCard: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "onUpdate:modelValue"?: ((date: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             readonly displayDate?: any;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
@@ -100,7 +100,7 @@ declare const VDateRangeCard: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", date: any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
+        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
             transition: Omit<{
@@ -165,13 +165,13 @@ declare const VDateRangeCard: {
                 default: string;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((date: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
             "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
             "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:modelValue': (date: any[]) => boolean;
+            'update:modelValue': (date: readonly any[]) => boolean;
             'update:displayDate': (date: any) => boolean;
             'update:focused': (focused: boolean) => boolean;
             'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
@@ -275,7 +275,7 @@ declare const VDateRangeCard: {
             default: string;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((date: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onUpdate:displayDate"?: ((date: any) => any) | undefined;
         "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
@@ -347,13 +347,13 @@ declare const VDateRangeCard: {
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((date: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     "onUpdate:displayDate"?: ((date: any) => any) | undefined;
     "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
     "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (date: any[]) => boolean;
+    'update:modelValue': (date: readonly any[]) => boolean;
     'update:displayDate': (date: any) => boolean;
     'update:focused': (focused: boolean) => boolean;
     'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
@@ -510,6 +510,7 @@ declare const VDateRangePicker: {
                 component?: vue.Component | undefined;
             })> | undefined;
             style?: vue.StyleValue | undefined;
+            inputMode?: "calendar" | "keyboard" | undefined;
             multiple?: boolean | undefined;
             landscape?: boolean | undefined;
             tag?: string | undefined;
@@ -517,7 +518,7 @@ declare const VDateRangePicker: {
             modelValue?: any[] | undefined;
             closeIcon?: string | undefined;
             displayDate?: any;
-            viewMode?: "month" | "years" | undefined;
+            viewMode?: "month" | "year" | undefined;
             showAdjacentMonths?: boolean | undefined;
             hideWeekdays?: boolean | undefined;
             showWeek?: boolean | undefined;
@@ -537,7 +538,6 @@ declare const VDateRangePicker: {
             position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
             header?: string | undefined;
             title?: string | undefined;
-            inputMode?: string | undefined;
             class?: any;
             range?: any;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -595,7 +595,7 @@ declare const VDateRangePicker: {
             "onUpdate:modelValue"?: ((date: any) => any) | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
             "onUpdate:inputMode"?: ((input: string) => any) | undefined;
-            "onUpdate:viewMode"?: ((mode: "month" | "years") => any) | undefined;
+            "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
             hoverDate?: any;
             onCancel?: (() => any) | undefined;
             onSave?: ((date: any) => any) | undefined;
@@ -613,20 +613,21 @@ declare const VDateRangePicker: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "cancel") => void) & ((event: "update:modelValue", date: any) => void) & ((event: "update:inputMode", input: string) => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", mode: "month" | "years") => void) & ((event: "save", date: any) => void);
+        $emit: ((event: "cancel") => void) & ((event: "update:modelValue", date: any) => void) & ((event: "update:inputMode", input: string) => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", mode: "month" | "year") => void) & ((event: "save", date: any) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })>;
             style: vue.StyleValue;
+            inputMode: "calendar" | "keyboard";
             multiple: boolean;
             landscape: boolean;
             tag: string;
             modelValue: any[];
             closeIcon: string;
             displayDate: any;
-            viewMode: "month" | "years";
+            viewMode: "month" | "year";
             showAdjacentMonths: boolean;
             hideWeekdays: boolean;
             showWeek: boolean;
@@ -646,7 +647,6 @@ declare const VDateRangePicker: {
             position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
             header?: string | undefined;
             title?: string | undefined;
-            inputMode?: string | undefined;
             class?: any;
             range?: any;
             elevation?: string | number | undefined;
@@ -668,12 +668,12 @@ declare const VDateRangePicker: {
             "onUpdate:modelValue"?: ((date: any) => any) | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
             "onUpdate:inputMode"?: ((input: string) => any) | undefined;
-            "onUpdate:viewMode"?: ((mode: "month" | "years") => any) | undefined;
+            "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
             onCancel?: (() => any) | undefined;
             onSave?: ((date: any) => any) | undefined;
         }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (date: any) => true;
-            'update:viewMode': (mode: 'month' | 'years') => true;
+            'update:viewMode': (mode: 'month' | 'year') => true;
             'update:inputMode': (input: string) => true;
             'update:displayDate': (date: any) => true;
             save: (date: any) => true;
@@ -683,6 +683,7 @@ declare const VDateRangePicker: {
                 component?: vue.Component | undefined;
             })>;
             style: vue.StyleValue;
+            inputMode: "calendar" | "keyboard";
             multiple: boolean;
             landscape: boolean;
             tag: string;
@@ -690,7 +691,7 @@ declare const VDateRangePicker: {
             modelValue: any[];
             closeIcon: string;
             displayDate: any;
-            viewMode: "month" | "years";
+            viewMode: "month" | "year";
             showAdjacentMonths: boolean;
             hideWeekdays: boolean;
             showWeek: boolean;
@@ -726,13 +727,14 @@ declare const VDateRangePicker: {
             component?: vue.Component | undefined;
         })>;
         style: vue.StyleValue;
+        inputMode: "calendar" | "keyboard";
         multiple: boolean;
         landscape: boolean;
         tag: string;
         modelValue: any[];
         closeIcon: string;
         displayDate: any;
-        viewMode: "month" | "years";
+        viewMode: "month" | "year";
         showAdjacentMonths: boolean;
         hideWeekdays: boolean;
         showWeek: boolean;
@@ -752,7 +754,6 @@ declare const VDateRangePicker: {
         position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
         header?: string | undefined;
         title?: string | undefined;
-        inputMode?: string | undefined;
         class?: any;
         range?: any;
         elevation?: string | number | undefined;
@@ -774,7 +775,7 @@ declare const VDateRangePicker: {
         "onUpdate:modelValue"?: ((date: any) => any) | undefined;
         "onUpdate:displayDate"?: ((date: any) => any) | undefined;
         "onUpdate:inputMode"?: ((input: string) => any) | undefined;
-        "onUpdate:viewMode"?: ((mode: "month" | "years") => any) | undefined;
+        "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
         onCancel?: (() => any) | undefined;
         onSave?: ((date: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
@@ -786,13 +787,14 @@ declare const VDateRangePicker: {
         component?: vue.Component | undefined;
     })>;
     style: vue.StyleValue;
+    inputMode: "calendar" | "keyboard";
     multiple: boolean;
     landscape: boolean;
     tag: string;
     modelValue: any[];
     closeIcon: string;
     displayDate: any;
-    viewMode: "month" | "years";
+    viewMode: "month" | "year";
     showAdjacentMonths: boolean;
     hideWeekdays: boolean;
     showWeek: boolean;
@@ -812,7 +814,6 @@ declare const VDateRangePicker: {
     position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
     header?: string | undefined;
     title?: string | undefined;
-    inputMode?: string | undefined;
     class?: any;
     range?: any;
     elevation?: string | number | undefined;
@@ -834,12 +835,12 @@ declare const VDateRangePicker: {
     "onUpdate:modelValue"?: ((date: any) => any) | undefined;
     "onUpdate:displayDate"?: ((date: any) => any) | undefined;
     "onUpdate:inputMode"?: ((input: string) => any) | undefined;
-    "onUpdate:viewMode"?: ((mode: "month" | "years") => any) | undefined;
+    "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
     onCancel?: (() => any) | undefined;
     onSave?: ((date: any) => any) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (date: any) => true;
-    'update:viewMode': (mode: 'month' | 'years') => true;
+    'update:viewMode': (mode: 'month' | 'year') => true;
     'update:inputMode': (input: string) => true;
     'update:displayDate': (date: any) => true;
     save: (date: any) => true;
@@ -849,6 +850,7 @@ declare const VDateRangePicker: {
         component?: vue.Component | undefined;
     })>;
     style: vue.StyleValue;
+    inputMode: "calendar" | "keyboard";
     multiple: boolean;
     landscape: boolean;
     tag: string;
@@ -856,7 +858,7 @@ declare const VDateRangePicker: {
     modelValue: any[];
     closeIcon: string;
     displayDate: any;
-    viewMode: "month" | "years";
+    viewMode: "month" | "year";
     showAdjacentMonths: boolean;
     hideWeekdays: boolean;
     showWeek: boolean;
@@ -869,13 +871,13 @@ declare const VDateRangePicker: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
-        type: PropType<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
@@ -884,28 +886,32 @@ declare const VDateRangePicker: {
     };
     format: StringConstructor;
     modelValue: {
-        type: PropType<any[]>;
+        type: vue.PropType<any[]>;
         default: () => never[];
     };
     displayDate: {
-        type: PropType<any>;
-        default: Date;
+        type: vue.PropType<any>;
+        default: null;
     };
     color: StringConstructor;
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     showWeek: BooleanConstructor;
     hoverDate: null;
     multiple: {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     side: {
         type: StringConstructor;
     };
+    inputMode: {
+        type: vue.PropType<"calendar" | "keyboard">;
+        default: string;
+    };
     title: StringConstructor;
     header: StringConstructor;
     keyboardIcon: {
@@ -921,9 +927,8 @@ declare const VDateRangePicker: {
         default: string;
     };
     showInputSwitch: BooleanConstructor;
-    inputMode: StringConstructor;
     range: null;
-    location: PropType<Anchor>;
+    location: vue.PropType<Anchor>;
     height: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -932,14 +937,14 @@ declare const VDateRangePicker: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
         validator: (v: any) => boolean;
     };
     style: {
-        type: PropType<vue.StyleValue>;
+        type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    class: PropType<any>;
+    class: vue.PropType<any>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -955,18 +960,18 @@ declare const VDateRangePicker: {
     };
     landscape: BooleanConstructor;
     viewMode: {
-        type: PropType<"month" | "years">;
+        type: vue.PropType<"month" | "year">;
         default: string;
     };
 }, vue.ExtractPropTypes<{
     transition: Omit<{
-        type: PropType<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
@@ -975,28 +980,32 @@ declare const VDateRangePicker: {
     };
     format: StringConstructor;
     modelValue: {
-        type: PropType<any[]>;
+        type: vue.PropType<any[]>;
         default: () => never[];
     };
     displayDate: {
-        type: PropType<any>;
-        default: Date;
+        type: vue.PropType<any>;
+        default: null;
     };
     color: StringConstructor;
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     showWeek: BooleanConstructor;
     hoverDate: null;
     multiple: {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     side: {
         type: StringConstructor;
     };
+    inputMode: {
+        type: vue.PropType<"calendar" | "keyboard">;
+        default: string;
+    };
     title: StringConstructor;
     header: StringConstructor;
     keyboardIcon: {
@@ -1012,9 +1021,8 @@ declare const VDateRangePicker: {
         default: string;
     };
     showInputSwitch: BooleanConstructor;
-    inputMode: StringConstructor;
     range: null;
-    location: PropType<Anchor>;
+    location: vue.PropType<Anchor>;
     height: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -1023,14 +1031,14 @@ declare const VDateRangePicker: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
         validator: (v: any) => boolean;
     };
     style: {
-        type: PropType<vue.StyleValue>;
+        type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    class: PropType<any>;
+    class: vue.PropType<any>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -1046,7 +1054,7 @@ declare const VDateRangePicker: {
     };
     landscape: BooleanConstructor;
     viewMode: {
-        type: PropType<"month" | "years">;
+        type: vue.PropType<"month" | "year">;
         default: string;
     };
 }>>;

package/lib/labs/VPicker/VPicker.css

@@ -5,7 +5,6 @@
   grid-auto-rows: min-content;
   grid-template-areas: "title" "header" "body";
   overflow: hidden;
-  width: 360px;
 }
 .v-picker.v-sheet.v-picker--with-actions {
   grid-template-areas: "title" "header" "body" "actions";

package/lib/labs/VPicker/VPicker.sass

@@ -8,7 +8,6 @@
   grid-auto-rows: min-content
   grid-template-areas: "title" "header" "body"
   overflow: hidden
-  width: 360px
 
   &.v-picker--with-actions
     grid-template-areas: "title" "header" "body" "actions"