@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-10 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

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

@@ -12,7 +12,7 @@ declare const VCalendar: {
         day: Record<string, any>;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
         showAdjacentMonths: boolean;
         weekdays: number[];
         weeksInMonth: "static" | "dynamic";
@@ -26,13 +26,13 @@ declare const VCalendar: {
         intervals: number;
         hideWeekNumber: boolean;
     } & {
-        events?: any[] | undefined;
+        max?: unknown;
+        min?: unknown;
         title?: string | undefined;
         month?: string | number | undefined;
         year?: string | number | undefined;
+        events?: any[] | undefined;
         modelValue?: unknown[] | undefined;
-        max?: unknown;
-        min?: unknown;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayValue?: unknown;
@@ -136,7 +136,7 @@ declare const VCalendar: {
         day: Record<string, any>;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
         showAdjacentMonths: boolean;
         weekdays: number[];
         weeksInMonth: "static" | "dynamic";
@@ -150,13 +150,13 @@ declare const VCalendar: {
         intervals: number;
         hideWeekNumber: boolean;
     } & {
-        events?: any[] | undefined;
+        max?: unknown;
+        min?: unknown;
         title?: string | undefined;
         month?: string | number | undefined;
         year?: string | number | undefined;
+        events?: any[] | undefined;
         modelValue?: unknown[] | undefined;
-        max?: unknown;
-        min?: unknown;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayValue?: unknown;
@@ -201,7 +201,7 @@ declare const VCalendar: {
         day: Record<string, any>;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
         showAdjacentMonths: boolean;
         weekdays: number[];
         weeksInMonth: "static" | "dynamic";
@@ -240,7 +240,7 @@ declare const VCalendar: {
         day: Record<string, any>;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
         showAdjacentMonths: boolean;
         weekdays: number[];
         weeksInMonth: "static" | "dynamic";
@@ -254,13 +254,13 @@ declare const VCalendar: {
         intervals: number;
         hideWeekNumber: boolean;
     } & {
-        events?: any[] | undefined;
+        max?: unknown;
+        min?: unknown;
         title?: string | undefined;
         month?: string | number | undefined;
         year?: string | number | undefined;
+        events?: any[] | undefined;
         modelValue?: unknown[] | undefined;
-        max?: unknown;
-        min?: unknown;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayValue?: unknown;
@@ -360,7 +360,7 @@ declare const VCalendar: {
         day: Record<string, any>;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
         showAdjacentMonths: boolean;
         weekdays: number[];
         weeksInMonth: "static" | "dynamic";
@@ -383,7 +383,7 @@ declare const VCalendar: {
     day: Record<string, any>;
     nextIcon: string;
     prevIcon: string;
-    viewMode: "month" | "day" | "week";
+    viewMode: "day" | "month" | "week";
     showAdjacentMonths: boolean;
     weekdays: number[];
     weeksInMonth: "static" | "dynamic";
@@ -397,13 +397,13 @@ declare const VCalendar: {
     intervals: number;
     hideWeekNumber: boolean;
 } & {
-    events?: any[] | undefined;
+    max?: unknown;
+    min?: unknown;
     title?: string | undefined;
     month?: string | number | undefined;
     year?: string | number | undefined;
+    events?: any[] | undefined;
     modelValue?: unknown[] | undefined;
-    max?: unknown;
-    min?: unknown;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
     displayValue?: unknown;
@@ -507,7 +507,7 @@ declare const VCalendar: {
     day: Record<string, any>;
     nextIcon: string;
     prevIcon: string;
-    viewMode: "month" | "day" | "week";
+    viewMode: "day" | "month" | "week";
     showAdjacentMonths: boolean;
     weekdays: number[];
     weeksInMonth: "static" | "dynamic";
@@ -548,7 +548,7 @@ declare const VCalendar: {
         default: string;
     };
     viewMode: {
-        type: vue.PropType<"month" | "day" | "week">;
+        type: vue.PropType<"day" | "month" | "week">;
         default: string;
     };
     day: {
@@ -583,7 +583,7 @@ declare const VCalendar: {
         default: number;
     };
     intervalFormat: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     intervalStart: {
@@ -643,7 +643,7 @@ declare const VCalendar: {
         default: string;
     };
     viewMode: {
-        type: vue.PropType<"month" | "day" | "week">;
+        type: vue.PropType<"day" | "month" | "week">;
         default: string;
     };
     day: {
@@ -678,7 +678,7 @@ declare const VCalendar: {
         default: number;
     };
     intervalFormat: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     intervalStart: {
@@ -896,7 +896,7 @@ declare const VCalendarDay: {
         default: number;
     };
     intervalFormat: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     intervalStart: {
@@ -941,7 +941,7 @@ declare const VCalendarDay: {
         default: number;
     };
     intervalFormat: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     intervalStart: {
@@ -961,7 +961,7 @@ declare const VCalendarHeader: {
         text: string;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
     } & {
         title?: string | undefined;
     } & {
@@ -985,7 +985,7 @@ declare const VCalendarHeader: {
         text: string;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
     } & {
         title?: string | undefined;
     } & {
@@ -1005,7 +1005,7 @@ declare const VCalendarHeader: {
         text: string;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -1021,7 +1021,7 @@ declare const VCalendarHeader: {
         text: string;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
     } & {
         title?: string | undefined;
     } & {
@@ -1041,7 +1041,7 @@ declare const VCalendarHeader: {
         text: string;
         nextIcon: string;
         prevIcon: string;
-        viewMode: "month" | "day" | "week";
+        viewMode: "day" | "month" | "week";
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -1050,7 +1050,7 @@ declare const VCalendarHeader: {
     text: string;
     nextIcon: string;
     prevIcon: string;
-    viewMode: "month" | "day" | "week";
+    viewMode: "day" | "month" | "week";
 } & {
     title?: string | undefined;
 } & {
@@ -1074,7 +1074,7 @@ declare const VCalendarHeader: {
     text: string;
     nextIcon: string;
     prevIcon: string;
-    viewMode: "month" | "day" | "week";
+    viewMode: "day" | "month" | "week";
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -1094,7 +1094,7 @@ declare const VCalendarHeader: {
         default: string;
     };
     viewMode: {
-        type: PropType<"month" | "day" | "week">;
+        type: PropType<"day" | "month" | "week">;
         default: string;
     };
 }, vue.ExtractPropTypes<{
@@ -1112,7 +1112,7 @@ declare const VCalendarHeader: {
         default: string;
     };
     viewMode: {
-        type: PropType<"month" | "day" | "week">;
+        type: PropType<"day" | "month" | "week">;
         default: string;
     };
 }>>;
@@ -1120,8 +1120,8 @@ type VCalendarHeader = InstanceType<typeof VCalendarHeader>;
 
 declare const VCalendarInterval: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        day: Record<string, any>;
         index: number;
+        day: Record<string, any>;
         intervalDivisions: number;
         intervalDuration: number;
         intervalHeight: number;
@@ -1147,8 +1147,8 @@ declare const VCalendarInterval: {
             events: any[];
         }>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        day: Record<string, any>;
         index: number;
+        day: Record<string, any>;
         intervalDivisions: number;
         intervalDuration: number;
         intervalHeight: number;
@@ -1185,8 +1185,8 @@ declare const VCalendarInterval: {
         M: {};
         Defaults: {};
     }, {
-        day: Record<string, any>;
         index: number;
+        day: Record<string, any>;
         intervalDivisions: number;
         intervalDuration: number;
         intervalHeight: number;
@@ -1223,8 +1223,8 @@ declare const VCalendarInterval: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    day: Record<string, any>;
     index: number;
+    day: Record<string, any>;
     intervalDivisions: number;
     intervalDuration: number;
     intervalHeight: number;
@@ -1293,7 +1293,7 @@ declare const VCalendarInterval: {
         default: number;
     };
     intervalFormat: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     intervalStart: {
@@ -1337,7 +1337,7 @@ declare const VCalendarInterval: {
         default: number;
     };
     intervalFormat: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     intervalStart: {
@@ -1358,8 +1358,8 @@ declare const VCalendarIntervalEvent: {
         intervalDuration: number;
         intervalHeight: number;
     } & {
-        event?: Record<string, any> | undefined;
         interval?: Record<string, any> | undefined;
+        event?: Record<string, any> | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1375,8 +1375,8 @@ declare const VCalendarIntervalEvent: {
         intervalDuration: number;
         intervalHeight: number;
     } & {
-        event?: Record<string, any> | undefined;
         interval?: Record<string, any> | undefined;
+        event?: Record<string, any> | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1405,8 +1405,8 @@ declare const VCalendarIntervalEvent: {
         intervalDuration: number;
         intervalHeight: number;
     } & {
-        event?: Record<string, any> | undefined;
         interval?: Record<string, any> | undefined;
+        event?: Record<string, any> | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1428,8 +1428,8 @@ declare const VCalendarIntervalEvent: {
     intervalDuration: number;
     intervalHeight: number;
 } & {
-    event?: Record<string, any> | undefined;
     interval?: Record<string, any> | undefined;
+    event?: Record<string, any> | undefined;
 } & {
     $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -1485,10 +1485,10 @@ declare const VCalendarMonthDay: {
         active: boolean;
         disabled: boolean;
     } & {
-        events?: any[] | undefined;
-        title?: string | number | undefined;
         color?: string | undefined;
+        title?: string | number | undefined;
         day?: Record<string, any> | undefined;
+        events?: any[] | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1529,10 +1529,10 @@ declare const VCalendarMonthDay: {
         active: boolean;
         disabled: boolean;
     } & {
-        events?: any[] | undefined;
-        title?: string | number | undefined;
         color?: string | undefined;
+        title?: string | number | undefined;
         day?: Record<string, any> | undefined;
+        events?: any[] | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1602,10 +1602,10 @@ declare const VCalendarMonthDay: {
         active: boolean;
         disabled: boolean;
     } & {
-        events?: any[] | undefined;
-        title?: string | number | undefined;
         color?: string | undefined;
+        title?: string | number | undefined;
         day?: Record<string, any> | undefined;
+        events?: any[] | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1653,10 +1653,10 @@ declare const VCalendarMonthDay: {
     active: boolean;
     disabled: boolean;
 } & {
-    events?: any[] | undefined;
-    title?: string | number | undefined;
     color?: string | undefined;
+    title?: string | number | undefined;
     day?: Record<string, any> | undefined;
+    events?: any[] | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;

package/lib/labs/VDateInput/VDateInput.mjs

@@ -57,6 +57,7 @@ export const VDateInput = genericComponent()({
       }
       return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : '';
     });
+    const isInteractive = computed(() => !props.disabled && !props.readonly);
     function onKeydown(e) {
       if (e.key !== 'Enter') return;
       if (!menu.value || !isFocused.value) {
@@ -79,13 +80,15 @@ export const VDateInput = genericComponent()({
       const datePickerProps = VDatePicker.filterProps(omit(props, ['active']));
       const textFieldProps = VTextField.filterProps(props);
       return _createVNode(VTextField, _mergeProps(textFieldProps, {
+        "class": props.class,
+        "style": props.style,
         "modelValue": display.value,
-        "onKeydown": onKeydown,
+        "onKeydown": isInteractive.value ? onKeydown : undefined,
         "focused": menu.value || isFocused.value,
         "onFocus": focus,
         "onBlur": blur,
-        "onClick:control": onClick,
-        "onClick:prepend": onClick
+        "onClick:control": isInteractive.value ? onClick : undefined,
+        "onClick:prepend": isInteractive.value ? onClick : undefined
       }), {
         default: () => [_createVNode(VMenu, {
           "modelValue": menu.value,

package/lib/labs/VDateInput/VDateInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDateInput.mjs","names":["makeVConfirmEditProps","VConfirmEdit","makeVDatePickerProps","VDatePicker","VMenu","makeVTextFieldProps","VTextField","useDate","makeFocusProps","useFocus","useLocale","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVDateInputProps","hideActions","Boolean","placeholder","prependIcon","weeksInMonth","hideHeader","VDateInput","name","props","emits","val","setup","_ref","slots","t","adapter","isFocused","focus","blur","model","multiple","menu","display","value","length","start","end","isValid","format","onKeydown","e","key","target","date","onClick","preventDefault","stopPropagation","onSave","confirmEditProps","filterProps","datePickerProps","textFieldProps","_createVNode","_mergeProps","default","$event","_ref2","actions","proxyModel","undefined"],"sources":["../../../src/labs/VDateInput/VDateInput.tsx"],"sourcesContent":["// Components\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { makeVDatePickerProps, VDatePicker } from '@/components/VDatePicker/VDatePicker'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { useDate } from '@/composables/date'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nexport interface VDateInputSlots {\n  default: never\n}\n\nexport const makeVDateInputProps = propsFactory({\n  hideActions: Boolean,\n\n  ...makeFocusProps(),\n  ...makeVConfirmEditProps(),\n  ...makeVTextFieldProps({\n    placeholder: 'mm/dd/yyyy',\n    prependIcon: '$calendar',\n  }),\n  ...omit(makeVDatePickerProps({\n    weeksInMonth: 'dynamic' as const,\n    hideHeader: true,\n  }), ['active']),\n}, 'VDateInput')\n\nexport const VDateInput = genericComponent()({\n  name: 'VDateInput',\n\n  props: makeVDateInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const adapter = useDate()\n    const { isFocused, focus, blur } = useFocus(props)\n    const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null)\n    const menu = shallowRef(false)\n\n    const display = computed(() => {\n      const value = wrapInArray(model.value)\n\n      if (!value.length) return null\n\n      if (props.multiple === true) {\n        return t('$vuetify.datePicker.itemsSelected', value.length)\n      }\n\n      if (props.multiple === 'range') {\n        const start = value[0]\n        const end = value[value.length - 1]\n\n        return adapter.isValid(start) && adapter.isValid(end)\n          ? `${adapter.format(start, 'keyboardDate')} - ${adapter.format(end, 'keyboardDate')}`\n          : ''\n      }\n\n      return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : ''\n    })\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key !== 'Enter') return\n\n      if (!menu.value || !isFocused.value) {\n        menu.value = true\n\n        return\n      }\n\n      const target = e.target as HTMLInputElement\n\n      model.value = adapter.date(target.value)\n    }\n\n    function onClick (e: MouseEvent) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      menu.value = true\n    }\n\n    function onSave () {\n      menu.value = false\n    }\n\n    useRender(() => {\n      const confirmEditProps = VConfirmEdit.filterProps(props)\n      const datePickerProps = VDatePicker.filterProps(omit(props, ['active']))\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          modelValue={ display.value }\n          onKeydown={ onKeydown }\n          focused={ menu.value || isFocused.value }\n          onFocus={ focus }\n          onBlur={ blur }\n          onClick:control={ onClick }\n          onClick:prepend={ onClick }\n        >\n          <VMenu\n            v-model={ menu.value }\n            activator=\"parent\"\n            min-width=\"0\"\n            closeOnContentClick={ false }\n            openOnClick={ false }\n          >\n            <VConfirmEdit\n              { ...confirmEditProps }\n              v-model={ model.value }\n              onSave={ onSave }\n            >\n              {{\n                default: ({ actions, model: proxyModel }) => {\n                  return (\n                    <VDatePicker\n                      { ...datePickerProps }\n                      modelValue={ props.hideActions ? model.value : proxyModel.value }\n                      onUpdate:modelValue={ val => {\n                        if (!props.hideActions) {\n                          proxyModel.value = val\n                        } else {\n                          model.value = val\n\n                          if (!props.multiple) menu.value = false\n                        }\n                      }}\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                    >\n                      {{\n                        actions: !props.hideActions ? () => actions : undefined,\n                      }}\n                    </VDatePicker>\n                  )\n                },\n              }}\n            </VConfirmEdit>\n          </VMenu>\n\n          { slots.default?.() }\n        </VTextField>\n      )\n    })\n  },\n})\n\nexport type VDateInput = InstanceType<typeof VDateInput>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VDateInput.mjs","names":["makeVConfirmEditProps","VConfirmEdit","makeVDatePickerProps","VDatePicker","VMenu","makeVTextFieldProps","VTextField","useDate","makeFocusProps","useFocus","useLocale","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVDateInputProps","hideActions","Boolean","placeholder","prependIcon","weeksInMonth","hideHeader","VDateInput","name","props","emits","val","setup","_ref","slots","t","adapter","isFocused","focus","blur","model","multiple","menu","display","value","length","start","end","isValid","format","isInteractive","disabled","readonly","onKeydown","e","key","target","date","onClick","preventDefault","stopPropagation","onSave","confirmEditProps","filterProps","datePickerProps","textFieldProps","_createVNode","_mergeProps","class","style","undefined","default","$event","_ref2","actions","proxyModel"],"sources":["../../../src/labs/VDateInput/VDateInput.tsx"],"sourcesContent":["// Components\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { makeVDatePickerProps, VDatePicker } from '@/components/VDatePicker/VDatePicker'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { useDate } from '@/composables/date'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nexport interface VDateInputSlots {\n  default: never\n}\n\nexport const makeVDateInputProps = propsFactory({\n  hideActions: Boolean,\n\n  ...makeFocusProps(),\n  ...makeVConfirmEditProps(),\n  ...makeVTextFieldProps({\n    placeholder: 'mm/dd/yyyy',\n    prependIcon: '$calendar',\n  }),\n  ...omit(makeVDatePickerProps({\n    weeksInMonth: 'dynamic' as const,\n    hideHeader: true,\n  }), ['active']),\n}, 'VDateInput')\n\nexport const VDateInput = genericComponent()({\n  name: 'VDateInput',\n\n  props: makeVDateInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const adapter = useDate()\n    const { isFocused, focus, blur } = useFocus(props)\n    const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null)\n    const menu = shallowRef(false)\n\n    const display = computed(() => {\n      const value = wrapInArray(model.value)\n\n      if (!value.length) return null\n\n      if (props.multiple === true) {\n        return t('$vuetify.datePicker.itemsSelected', value.length)\n      }\n\n      if (props.multiple === 'range') {\n        const start = value[0]\n        const end = value[value.length - 1]\n\n        return adapter.isValid(start) && adapter.isValid(end)\n          ? `${adapter.format(start, 'keyboardDate')} - ${adapter.format(end, 'keyboardDate')}`\n          : ''\n      }\n\n      return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : ''\n    })\n\n    const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key !== 'Enter') return\n\n      if (!menu.value || !isFocused.value) {\n        menu.value = true\n\n        return\n      }\n\n      const target = e.target as HTMLInputElement\n\n      model.value = adapter.date(target.value)\n    }\n\n    function onClick (e: MouseEvent) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      menu.value = true\n    }\n\n    function onSave () {\n      menu.value = false\n    }\n\n    useRender(() => {\n      const confirmEditProps = VConfirmEdit.filterProps(props)\n      const datePickerProps = VDatePicker.filterProps(omit(props, ['active']))\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          class={ props.class }\n          style={ props.style }\n          modelValue={ display.value }\n          onKeydown={ isInteractive.value ? onKeydown : undefined }\n          focused={ menu.value || isFocused.value }\n          onFocus={ focus }\n          onBlur={ blur }\n          onClick:control={ isInteractive.value ? onClick : undefined }\n          onClick:prepend={ isInteractive.value ? onClick : undefined }\n        >\n          <VMenu\n            v-model={ menu.value }\n            activator=\"parent\"\n            min-width=\"0\"\n            closeOnContentClick={ false }\n            openOnClick={ false }\n          >\n            <VConfirmEdit\n              { ...confirmEditProps }\n              v-model={ model.value }\n              onSave={ onSave }\n            >\n              {{\n                default: ({ actions, model: proxyModel }) => {\n                  return (\n                    <VDatePicker\n                      { ...datePickerProps }\n                      modelValue={ props.hideActions ? model.value : proxyModel.value }\n                      onUpdate:modelValue={ val => {\n                        if (!props.hideActions) {\n                          proxyModel.value = val\n                        } else {\n                          model.value = val\n\n                          if (!props.multiple) menu.value = false\n                        }\n                      }}\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                    >\n                      {{\n                        actions: !props.hideActions ? () => actions : undefined,\n                      }}\n                    </VDatePicker>\n                  )\n                },\n              }}\n            </VConfirmEdit>\n          </VMenu>\n\n          { slots.default?.() }\n        </VTextField>\n      )\n    })\n  },\n})\n\nexport type VDateInput = InstanceType<typeof VDateInput>\n"],"mappings":";AAAA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,oBAAoB,EAAEC,WAAW;AAAA,SACjCC,KAAK;AAAA,SACLC,mBAAmB,EAAEC,UAAU,sDAExC;AAAA,SACSC,OAAO;AAAA,SACPC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,UAAU,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,EAAEC,WAAW,gCAErE;AAKA,OAAO,MAAMC,mBAAmB,GAAGH,YAAY,CAAC;EAC9CI,WAAW,EAAEC,OAAO;EAEpB,GAAGb,cAAc,CAAC,CAAC;EACnB,GAAGR,qBAAqB,CAAC,CAAC;EAC1B,GAAGK,mBAAmB,CAAC;IACrBiB,WAAW,EAAE,YAAY;IACzBC,WAAW,EAAE;EACf,CAAC,CAAC;EACF,GAAGR,IAAI,CAACb,oBAAoB,CAAC;IAC3BsB,YAAY,EAAE,SAAkB;IAChCC,UAAU,EAAE;EACd,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC;AAChB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGZ,gBAAgB,CAAC,CAAC,CAAC;EAC3Ca,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAET,mBAAmB,CAAC,CAAC;EAE5BU,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAE,CAAC,GAAGxB,SAAS,CAAC,CAAC;IACzB,MAAMyB,OAAO,GAAG5B,OAAO,CAAC,CAAC;IACzB,MAAM;MAAE6B,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAG7B,QAAQ,CAACmB,KAAK,CAAC;IAClD,MAAMW,KAAK,GAAG5B,eAAe,CAACiB,KAAK,EAAE,YAAY,EAAEA,KAAK,CAACY,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC;IAC9E,MAAMC,IAAI,GAAG5B,UAAU,CAAC,KAAK,CAAC;IAE9B,MAAM6B,OAAO,GAAG9B,QAAQ,CAAC,MAAM;MAC7B,MAAM+B,KAAK,GAAGzB,WAAW,CAACqB,KAAK,CAACI,KAAK,CAAC;MAEtC,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE,OAAO,IAAI;MAE9B,IAAIhB,KAAK,CAACY,QAAQ,KAAK,IAAI,EAAE;QAC3B,OAAON,CAAC,CAAC,mCAAmC,EAAES,KAAK,CAACC,MAAM,CAAC;MAC7D;MAEA,IAAIhB,KAAK,CAACY,QAAQ,KAAK,OAAO,EAAE;QAC9B,MAAMK,KAAK,GAAGF,KAAK,CAAC,CAAC,CAAC;QACtB,MAAMG,GAAG,GAAGH,KAAK,CAACA,KAAK,CAACC,MAAM,GAAG,CAAC,CAAC;QAEnC,OAAOT,OAAO,CAACY,OAAO,CAACF,KAAK,CAAC,IAAIV,OAAO,CAACY,OAAO,CAACD,GAAG,CAAC,GAChD,GAAEX,OAAO,CAACa,MAAM,CAACH,KAAK,EAAE,cAAc,CAAE,MAAKV,OAAO,CAACa,MAAM,CAACF,GAAG,EAAE,cAAc,CAAE,EAAC,GACnF,EAAE;MACR;MAEA,OAAOX,OAAO,CAACY,OAAO,CAACR,KAAK,CAACI,KAAK,CAAC,GAAGR,OAAO,CAACa,MAAM,CAACT,KAAK,CAACI,KAAK,EAAE,cAAc,CAAC,GAAG,EAAE;IACxF,CAAC,CAAC;IAEF,MAAMM,aAAa,GAAGrC,QAAQ,CAAC,MAAM,CAACgB,KAAK,CAACsB,QAAQ,IAAI,CAACtB,KAAK,CAACuB,QAAQ,CAAC;IAExE,SAASC,SAASA,CAAEC,CAAgB,EAAE;MACpC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MAEvB,IAAI,CAACb,IAAI,CAACE,KAAK,IAAI,CAACP,SAAS,CAACO,KAAK,EAAE;QACnCF,IAAI,CAACE,KAAK,GAAG,IAAI;QAEjB;MACF;MAEA,MAAMY,MAAM,GAAGF,CAAC,CAACE,MAA0B;MAE3ChB,KAAK,CAACI,KAAK,GAAGR,OAAO,CAACqB,IAAI,CAACD,MAAM,CAACZ,KAAK,CAAC;IAC1C;IAEA,SAASc,OAAOA,CAAEJ,CAAa,EAAE;MAC/BA,CAAC,CAACK,cAAc,CAAC,CAAC;MAClBL,CAAC,CAACM,eAAe,CAAC,CAAC;MAEnBlB,IAAI,CAACE,KAAK,GAAG,IAAI;IACnB;IAEA,SAASiB,MAAMA,CAAA,EAAI;MACjBnB,IAAI,CAACE,KAAK,GAAG,KAAK;IACpB;IAEA1B,SAAS,CAAC,MAAM;MACd,MAAM4C,gBAAgB,GAAG5D,YAAY,CAAC6D,WAAW,CAAClC,KAAK,CAAC;MACxD,MAAMmC,eAAe,GAAG5D,WAAW,CAAC2D,WAAW,CAAC/C,IAAI,CAACa,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;MACxE,MAAMoC,cAAc,GAAG1D,UAAU,CAACwD,WAAW,CAAClC,KAAK,CAAC;MAEpD,OAAAqC,YAAA,CAAA3D,UAAA,EAAA4D,WAAA,CAESF,cAAc;QAAA,SACXpC,KAAK,CAACuC,KAAK;QAAA,SACXvC,KAAK,CAACwC,KAAK;QAAA,cACN1B,OAAO,CAACC,KAAK;QAAA,aACdM,aAAa,CAACN,KAAK,GAAGS,SAAS,GAAGiB,SAAS;QAAA,WAC7C5B,IAAI,CAACE,KAAK,IAAIP,SAAS,CAACO,KAAK;QAAA,WAC7BN,KAAK;QAAA,UACNC,IAAI;QAAA,mBACKW,aAAa,CAACN,KAAK,GAAGc,OAAO,GAAGY,SAAS;QAAA,mBACzCpB,aAAa,CAACN,KAAK,GAAGc,OAAO,GAAGY;MAAS;QAAAC,OAAA,EAAAA,CAAA,MAAAL,YAAA,CAAA7D,KAAA;UAAA,cAG/CqC,IAAI,CAACE,KAAK;UAAA,uBAAA4B,MAAA,IAAV9B,IAAI,CAACE,KAAK,GAAA4B,MAAA;UAAA;UAAA;UAAA,uBAGE,KAAK;UAAA,eACb;QAAK;UAAAD,OAAA,EAAAA,CAAA,MAAAL,YAAA,CAAAhE,YAAA,EAAAiE,WAAA,CAGZL,gBAAgB;YAAA,cACXtB,KAAK,CAACI,KAAK;YAAA,uBAAA4B,MAAA,IAAXhC,KAAK,CAACI,KAAK,GAAA4B,MAAA;YAAA,UACZX;UAAM;YAGbU,OAAO,EAAEE,KAAA,IAAoC;cAAA,IAAnC;gBAAEC,OAAO;gBAAElC,KAAK,EAAEmC;cAAW,CAAC,GAAAF,KAAA;cACtC,OAAAP,YAAA,CAAA9D,WAAA,EAAA+D,WAAA,CAESH,eAAe;gBAAA,cACPnC,KAAK,CAACR,WAAW,GAAGmB,KAAK,CAACI,KAAK,GAAG+B,UAAU,CAAC/B,KAAK;gBAAA,uBACzCb,GAAG,IAAI;kBAC3B,IAAI,CAACF,KAAK,CAACR,WAAW,EAAE;oBACtBsD,UAAU,CAAC/B,KAAK,GAAGb,GAAG;kBACxB,CAAC,MAAM;oBACLS,KAAK,CAACI,KAAK,GAAGb,GAAG;oBAEjB,IAAI,CAACF,KAAK,CAACY,QAAQ,EAAEC,IAAI,CAACE,KAAK,GAAG,KAAK;kBACzC;gBACF,CAAC;gBAAA,eACcU,CAAa,IAAKA,CAAC,CAACK,cAAc,CAAC;cAAC;gBAGjDe,OAAO,EAAE,CAAC7C,KAAK,CAACR,WAAW,GAAG,MAAMqD,OAAO,GAAGJ;cAAS;YAI/D;UAAC;QAAA,IAKLpC,KAAK,CAACqC,OAAO,GAAG,CAAC;MAAA;IAGzB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}