vuetify 3.3.3 → 3.3.5

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.3
+* Vuetify v3.3.5
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1647,12 +1647,21 @@
       lastPage: 'Last page',
       pageText: '{0}-{1} of {2}'
     },
+    dateRangeInput: {
+      divider: 'to'
+    },
     datePicker: {
-      itemsSelected: '{0} selected',
-      nextMonthAriaLabel: 'Next month',
-      nextYearAriaLabel: 'Next year',
-      prevMonthAriaLabel: 'Previous month',
-      prevYearAriaLabel: 'Previous year'
+      ok: 'OK',
+      cancel: 'Cancel',
+      range: {
+        title: 'Select dates',
+        header: 'Enter dates'
+      },
+      title: 'Select date',
+      header: 'Enter date',
+      input: {
+        placeholder: 'Enter date'
+      }
     },
     noDataText: 'No data available',
     carousel: {
@@ -3635,7 +3644,7 @@
         const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
         return height + extensionHeight;
       });
-      function setActive() {
+      vue.watchEffect(() => {
         if (scrollBehavior.value.hide) {
           if (scrollBehavior.value.inverted) {
             isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3645,12 +3654,6 @@
         } else {
           isActive.value = true;
         }
-      }
-      useToggleScope(() => !!props.scrollBehavior, () => {
-        vue.watch(currentScroll, setActive, {
-          immediate: true
-        });
-        vue.watch(scrollBehavior, setActive);
       });
       const {
         ssrBootStyles
@@ -4105,7 +4108,8 @@
     unfold: 'mdi-unfold-more-horizontal',
     file: 'mdi-paperclip',
     plus: 'mdi-plus',
-    minus: 'mdi-minus'
+    minus: 'mdi-minus',
+    calendar: 'mdi-calendar'
   };
   const mdi = {
     // Not using mergeProps here, functional components merge props by default (?)
@@ -7315,7 +7319,7 @@
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol(getUid());
-    const computedId = vue.computed(() => id.value ?? uidSymbol);
+    const computedId = vue.computed(() => id.value !== undefined ? id.value : uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -7515,7 +7519,7 @@
         emit
       } = _ref;
       const link = useLink(props, attrs);
-      const id = vue.computed(() => props.value ?? link.href.value);
+      const id = vue.computed(() => props.value === undefined ? link.href.value : props.value);
       const {
         select,
         isSelected,
@@ -7912,10 +7916,13 @@
   }
   function useTransformItems(items, transform) {
     function transformIn(value) {
-      return value.map(v => {
+      return value
+      // When the model value is null, returns an InternalItem based on null
+      // only if null is one of the items
+      .filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
         const existingItem = items.value.find(item => deepEqual(v, item.value));
         // Nullish existingItem means value is a custom input value from combobox
-        // In this case, use transformItem to create an { value: unknown } based on value
+        // In this case, use transformItem to create an InternalItem based on value
         return existingItem ?? transform(v);
       });
     }
@@ -10445,7 +10452,7 @@
         transformIn,
         transformOut
       } = useItems(props);
-      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
         const transformed = transformOut(v);
         return props.multiple ? transformed : transformed[0] ?? null;
       });
@@ -10870,7 +10877,7 @@
         textColorStyles
       } = useTextColor(color);
       const search = useProxiedModel(props, 'search', '');
-      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
         const transformed = transformOut(v);
         return props.multiple ? transformed : transformed[0] ?? null;
       });
@@ -15197,8 +15204,6 @@
           "modelValue": model.value,
           "onUpdate:modelValue": $event => model.value = $event,
           "class": ['v-file-input', {
-            'v-file-input--chips': !!props.chips,
-            'v-file-input--selection-slot': !!slots.selection,
             'v-text-field--plain-underlined': isPlainOrUnderlined.value
           }, props.class],
           "style": props.style,
@@ -18195,8 +18200,8 @@
           const initialScale = prevBox[widthHeight] / nextBox[widthHeight];
           const sigma = 1.5;
           animate(nextEl, {
-            backgroundColor: [color, ''],
-            transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, ''],
+            backgroundColor: [color, 'currentcolor'],
+            transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, 'none'],
             transformOrigin: Array(3).fill(origin)
           }, {
             duration: 225,
@@ -19103,12 +19108,14 @@
       const direction = scrollTop < lastScrollTop ? UP : DOWN;
       const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
       const buffer = Math.round(visibleItems.value / 3);
-      if (direction === UP && midPointIndex <= first.value + buffer * 2 - 1) {
-        first.value = clamp(midPointIndex - buffer, 0, items.value.length);
-      } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2 - 1) {
-        first.value = clamp(midPointIndex - buffer, 0, items.value.length - visibleItems.value);
+      const firstIndex = midPointIndex - buffer;
+      const lastIndex = first.value + buffer * 2 - 1;
+      if (direction === UP && midPointIndex <= lastIndex) {
+        first.value = clamp(firstIndex, 0, items.value.length);
+      } else if (direction === DOWN && midPointIndex >= lastIndex) {
+        first.value = clamp(firstIndex, 0, items.value.length - visibleItems.value);
       }
-      lastScrollTop = containerRef.value.scrollTop;
+      lastScrollTop = scrollTop;
     }
     function scrollToIndex(index) {
       if (!containerRef.value) return;
@@ -20235,7 +20242,7 @@
   function createHeaders(props, options) {
     const headers = vue.ref([]);
     const columns = vue.ref([]);
-    vue.watch(() => props.headers, () => {
+    vue.watchEffect(() => {
       const wrapped = !props.headers.length ? [] : Array.isArray(props.headers[0]) ? props.headers : [props.headers];
       const flat = wrapped.flatMap((row, index) => row.map(column => ({
         column,
@@ -20355,9 +20362,6 @@
         return filtered;
       });
       columns.value = fixedRows.at(-1) ?? [];
-    }, {
-      deep: true,
-      immediate: true
     });
     const data = {
       headers,
@@ -21190,18 +21194,22 @@
             "items": displayItems.value
           }), {
             ...slots,
-            item: itemSlotProps => {
-              return slots.item?.(itemSlotProps) ?? vue.createVNode(VVirtualScrollItem, {
-                "key": itemSlotProps.item.index,
-                "dynamicHeight": true,
-                "renderless": true,
-                "onUpdate:height": height => handleItemResize(itemSlotProps.item.index, height)
-              }, {
-                default: slotProps => vue.createVNode(VDataTableRow, vue.mergeProps(itemSlotProps.props, slotProps?.props, {
-                  "key": itemSlotProps.item.index
-                }), slots)
-              });
-            }
+            item: itemSlotProps => vue.createVNode(VVirtualScrollItem, {
+              "key": itemSlotProps.item.index,
+              "dynamicHeight": true,
+              "renderless": true,
+              "onUpdate:height": height => handleItemResize(itemSlotProps.item.index, height)
+            }, {
+              default: slotProps => slots.item?.({
+                ...itemSlotProps,
+                props: {
+                  ...itemSlotProps.props,
+                  ...slotProps?.props
+                }
+              }) ?? vue.createVNode(VDataTableRow, vue.mergeProps(itemSlotProps.props, slotProps?.props, {
+                "key": itemSlotProps.item.index
+              }), slots)
+            })
           }), vue.createVNode("tr", {
             "style": {
               height: convertToUnit(paddingBottom.value),
@@ -21389,835 +21397,220 @@
     }
   });
 
-  // Types
-
-  const makeVInfiniteScrollProps = propsFactory({
-    color: String,
-    direction: {
-      type: String,
-      default: 'vertical',
-      validator: v => ['vertical', 'horizontal'].includes(v)
-    },
-    side: {
-      type: String,
-      default: 'end',
-      validator: v => ['start', 'end', 'both'].includes(v)
-    },
-    mode: {
-      type: String,
-      default: 'intersect',
-      validator: v => ['intersect', 'manual'].includes(v)
-    },
-    margin: [Number, String],
-    loadMoreText: {
-      type: String,
-      default: '$vuetify.infiniteScroll.loadMore'
-    },
-    emptyText: {
-      type: String,
-      default: '$vuetify.infiniteScroll.empty'
-    },
-    ...makeDimensionProps(),
-    ...makeTagProps()
-  }, 'VInfiniteScroll');
-  const VInfiniteScrollIntersect = defineComponent({
-    name: 'VInfiniteScrollIntersect',
-    props: {
-      side: {
-        type: String,
-        required: true
-      },
-      rootRef: null,
-      rootMargin: String
-    },
-    emits: {
-      intersect: side => true
-    },
-    setup(props, _ref) {
-      let {
-        emit
-      } = _ref;
-      const {
-        intersectionRef,
-        isIntersecting
-      } = useIntersectionObserver(entries => {}, props.rootMargin ? {
-        root: props.rootRef,
-        rootMargin: props.rootMargin
-      } : undefined);
-      vue.watch(isIntersecting, async val => {
-        if (val) emit('intersect', props.side);
-      });
-      useRender(() => vue.createVNode("div", {
-        "class": "v-infinite-scroll-intersect",
-        "ref": intersectionRef
-      }, [vue.createTextVNode("\xA0")]));
-      return {};
-    }
-  });
-  const VInfiniteScroll = genericComponent()({
-    name: 'VInfiniteScroll',
-    props: makeVInfiniteScrollProps(),
-    emits: {
-      load: options => true
-    },
-    setup(props, _ref2) {
-      let {
-        slots,
-        emit
-      } = _ref2;
-      const rootEl = vue.ref();
-      const startStatus = vue.ref('ok');
-      const endStatus = vue.ref('ok');
-      const margin = vue.computed(() => convertToUnit(props.margin));
-      function setScrollAmount(amount) {
-        if (!rootEl.value) return;
-        const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
-        rootEl.value[property] = amount;
-      }
-      function getScrollAmount() {
-        if (!rootEl.value) return 0;
-        const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
-        return rootEl.value[property];
-      }
-      function getScrollSize() {
-        if (!rootEl.value) return 0;
-        const property = props.direction === 'vertical' ? 'scrollHeight' : 'scrollWidth';
-        return rootEl.value[property];
-      }
-      function getContainerSize() {
-        if (!rootEl.value) return 0;
-        const property = props.direction === 'vertical' ? 'clientHeight' : 'clientWidth';
-        return rootEl.value[property];
-      }
-      vue.onMounted(() => {
-        if (!rootEl.value) return;
-        if (props.side === 'start') {
-          setScrollAmount(getScrollSize());
-        } else if (props.side === 'both') {
-          setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);
-        }
-      });
-      function setStatus(side, status) {
-        if (side === 'start') {
-          startStatus.value = status;
-        } else if (side === 'end') {
-          endStatus.value = status;
-        }
-      }
-      function getStatus(side) {
-        return side === 'start' ? startStatus.value : endStatus.value;
-      }
-      let previousScrollSize = 0;
-      function handleIntersect(side) {
-        const status = getStatus(side);
-        if (!rootEl.value || status === 'loading') return;
-        previousScrollSize = getScrollSize();
-        setStatus(side, 'loading');
-        function done(status) {
-          setStatus(side, status);
-          vue.nextTick(() => {
-            if (status === 'ok' && side === 'start') {
-              setScrollAmount(getScrollSize() - previousScrollSize + getScrollAmount());
-            }
-          });
-        }
-        emit('load', {
-          side,
-          done
-        });
-      }
-      const {
-        t
-      } = useLocale();
-      function renderSide(side, status) {
-        if (props.side !== side && props.side !== 'both') return;
-        const onClick = () => handleIntersect(side);
-        const slotProps = {
-          side,
-          props: {
-            onClick,
-            color: props.color
-          }
-        };
-        if (status === 'error') return slots.error?.(slotProps);
-        if (status === 'empty') return slots.empty?.(slotProps) ?? vue.createVNode("div", null, [t(props.emptyText)]);
-        if (props.mode === 'manual') {
-          if (status === 'loading') {
-            return slots.loading?.(slotProps) ?? vue.createVNode(VProgressCircular, {
-              "indeterminate": true,
-              "color": props.color
-            }, null);
-          }
-          return slots['load-more']?.(slotProps) ?? vue.createVNode(VBtn, {
-            "variant": "outlined",
-            "color": props.color,
-            "onClick": onClick
-          }, {
-            default: () => [t(props.loadMoreText)]
-          });
-        }
-        return slots.loading?.(slotProps) ?? vue.createVNode(VProgressCircular, {
-          "indeterminate": true,
-          "color": props.color
-        }, null);
-      }
-      const {
-        dimensionStyles
-      } = useDimension(props);
-      useRender(() => {
-        const Tag = props.tag;
-        const hasStartIntersect = props.side === 'start' || props.side === 'both';
-        const hasEndIntersect = props.side === 'end' || props.side === 'both';
-        const intersectMode = props.mode === 'intersect';
-        return vue.createVNode(Tag, {
-          "ref": rootEl,
-          "class": ['v-infinite-scroll', `v-infinite-scroll--${props.direction}`, {
-            'v-infinite-scroll--start': hasStartIntersect,
-            'v-infinite-scroll--end': hasEndIntersect
-          }],
-          "style": dimensionStyles.value
-        }, {
-          default: () => [vue.createVNode("div", {
-            "class": "v-infinite-scroll__side"
-          }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
-            "key": "start",
-            "side": "start",
-            "onIntersect": handleIntersect,
-            "rootRef": rootEl.value,
-            "rootMargin": margin.value
-          }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
-            "key": "end",
-            "side": "end",
-            "onIntersect": handleIntersect,
-            "rootRef": rootEl.value,
-            "rootMargin": margin.value
-          }, null), vue.createVNode("div", {
-            "class": "v-infinite-scroll__side"
-          }, [renderSide('end', endStatus.value)])]
-        });
-      });
-    }
-  });
+  // Utilities
 
   // Types
 
-  const rootTypes = {
-    actions: 'button@2',
-    article: 'heading, paragraph',
-    avatar: 'avatar',
-    button: 'button',
-    card: 'image, heading',
-    'card-avatar': 'image, list-item-avatar',
-    chip: 'chip',
-    'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',
-    'date-picker-options': 'text, avatar@2',
-    'date-picker-days': 'avatar@28',
-    divider: 'divider',
-    heading: 'heading',
-    image: 'image',
-    'list-item': 'text',
-    'list-item-avatar': 'avatar, text',
-    'list-item-two-line': 'sentences',
-    'list-item-avatar-two-line': 'avatar, sentences',
-    'list-item-three-line': 'paragraph',
-    'list-item-avatar-three-line': 'avatar, paragraph',
-    paragraph: 'text@3',
-    sentences: 'text@2',
-    subtitle: 'text',
-    table: 'table-heading, table-thead, table-tbody, table-tfoot',
-    'table-heading': 'chip, text',
-    'table-thead': 'heading@6',
-    'table-tbody': 'table-row-divider@6',
-    'table-row-divider': 'table-row, divider',
-    'table-row': 'text@6',
-    'table-tfoot': 'text@2, avatar@2',
-    text: 'text'
+  const firstDay = {
+    '001': 1,
+    AD: 1,
+    AE: 6,
+    AF: 6,
+    AG: 0,
+    AI: 1,
+    AL: 1,
+    AM: 1,
+    AN: 1,
+    AR: 1,
+    AS: 0,
+    AT: 1,
+    AU: 1,
+    AX: 1,
+    AZ: 1,
+    BA: 1,
+    BD: 0,
+    BE: 1,
+    BG: 1,
+    BH: 6,
+    BM: 1,
+    BN: 1,
+    BR: 0,
+    BS: 0,
+    BT: 0,
+    BW: 0,
+    BY: 1,
+    BZ: 0,
+    CA: 0,
+    CH: 1,
+    CL: 1,
+    CM: 1,
+    CN: 1,
+    CO: 0,
+    CR: 1,
+    CY: 1,
+    CZ: 1,
+    DE: 1,
+    DJ: 6,
+    DK: 1,
+    DM: 0,
+    DO: 0,
+    DZ: 6,
+    EC: 1,
+    EE: 1,
+    EG: 6,
+    ES: 1,
+    ET: 0,
+    FI: 1,
+    FJ: 1,
+    FO: 1,
+    FR: 1,
+    GB: 1,
+    'GB-alt-variant': 0,
+    GE: 1,
+    GF: 1,
+    GP: 1,
+    GR: 1,
+    GT: 0,
+    GU: 0,
+    HK: 0,
+    HN: 0,
+    HR: 1,
+    HU: 1,
+    ID: 0,
+    IE: 1,
+    IL: 0,
+    IN: 0,
+    IQ: 6,
+    IR: 6,
+    IS: 1,
+    IT: 1,
+    JM: 0,
+    JO: 6,
+    JP: 0,
+    KE: 0,
+    KG: 1,
+    KH: 0,
+    KR: 0,
+    KW: 6,
+    KZ: 1,
+    LA: 0,
+    LB: 1,
+    LI: 1,
+    LK: 1,
+    LT: 1,
+    LU: 1,
+    LV: 1,
+    LY: 6,
+    MC: 1,
+    MD: 1,
+    ME: 1,
+    MH: 0,
+    MK: 1,
+    MM: 0,
+    MN: 1,
+    MO: 0,
+    MQ: 1,
+    MT: 0,
+    MV: 5,
+    MX: 0,
+    MY: 1,
+    MZ: 0,
+    NI: 0,
+    NL: 1,
+    NO: 1,
+    NP: 0,
+    NZ: 1,
+    OM: 6,
+    PA: 0,
+    PE: 0,
+    PH: 0,
+    PK: 0,
+    PL: 1,
+    PR: 0,
+    PT: 0,
+    PY: 0,
+    QA: 6,
+    RE: 1,
+    RO: 1,
+    RS: 1,
+    RU: 1,
+    SA: 0,
+    SD: 6,
+    SE: 1,
+    SG: 0,
+    SI: 1,
+    SK: 1,
+    SM: 1,
+    SV: 0,
+    SY: 6,
+    TH: 0,
+    TJ: 1,
+    TM: 1,
+    TR: 1,
+    TT: 0,
+    TW: 0,
+    UA: 1,
+    UM: 0,
+    US: 0,
+    UY: 1,
+    UZ: 1,
+    VA: 1,
+    VE: 0,
+    VI: 0,
+    VN: 1,
+    WS: 0,
+    XK: 1,
+    YE: 0,
+    ZA: 0,
+    ZW: 0
   };
-  function genBone(type) {
-    let children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    return vue.createVNode("div", {
-      "class": ['v-skeleton-loader__bone', `v-skeleton-loader__${type}`]
-    }, [children]);
-  }
-  function genBones(bone) {
-    // e.g. 'text@3'
-    const [type, length] = bone.split('@');
-
-    // Generate a length array based upon
-    // value after @ in the bone string
-    return Array.from({
-      length
-    }).map(() => genStructure(type));
-  }
-  function genStructure(type) {
-    let children = [];
-    if (!type) return children;
+  function getWeekArray(date, locale) {
+    const weeks = [];
+    let currentWeek = [];
+    const firstDayOfMonth = startOfMonth(date);
+    const lastDayOfMonth = endOfMonth(date);
+    const firstDayWeekIndex = firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+    const lastDayWeekIndex = lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+    for (let i = 0; i < firstDayWeekIndex; i++) {
+      const adjacentDay = new Date(firstDayOfMonth);
+      adjacentDay.setDate(adjacentDay.getDate() - (firstDayWeekIndex - i));
+      currentWeek.push(adjacentDay);
+    }
+    for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
+      const day = new Date(date.getFullYear(), date.getMonth(), i);
 
-    // TODO: figure out a better way to type this
-    const bone = rootTypes[type];
+      // Add the day to the current week
+      currentWeek.push(day);
 
-    // End of recursion, do nothing
-    /* eslint-disable-next-line no-empty, brace-style */
-    if (type === bone) ;
-    // Array of values - e.g. 'heading, paragraph, text@2'
-    else if (type.includes(',')) return mapBones(type);
-    // Array of values - e.g. 'paragraph@4'
-    else if (type.includes('@')) return genBones(type);
-    // Array of values - e.g. 'card@2'
-    else if (bone.includes(',')) children = mapBones(bone);
-    // Array of values - e.g. 'list-item@2'
-    else if (bone.includes('@')) children = genBones(bone);
-    // Single value - e.g. 'card-heading'
-    else if (bone) children.push(genStructure(bone));
-    return [genBone(type, children)];
+      // If the current week has 7 days, add it to the weeks array and start a new week
+      if (currentWeek.length === 7) {
+        weeks.push(currentWeek);
+        currentWeek = [];
+      }
+    }
+    for (let i = 1; i < 7 - lastDayWeekIndex; i++) {
+      const adjacentDay = new Date(lastDayOfMonth);
+      adjacentDay.setDate(adjacentDay.getDate() + i);
+      currentWeek.push(adjacentDay);
+    }
+    weeks.push(currentWeek);
+    return weeks;
   }
-  function mapBones(bones) {
-    // Remove spaces and return array of structures
-    return bones.replace(/\s/g, '').split(',').map(genStructure);
+  function startOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth(), 1);
   }
-  const makeVSkeletonLoaderProps = propsFactory({
-    boilerplate: Boolean,
-    color: String,
-    loading: Boolean,
-    loadingText: {
-      type: String,
-      default: '$vuetify.loading'
-    },
-    type: {
-      type: [String, Array],
-      default: 'image'
-    },
-    ...makeDimensionProps(),
-    ...makeElevationProps(),
-    ...makeThemeProps()
-  }, 'VSkeletonLoader');
-  const VSkeletonLoader = genericComponent()({
-    name: 'VSkeletonLoader',
-    props: makeVSkeletonLoaderProps(),
-    setup(props, _ref) {
-      let {
-        slots
-      } = _ref;
-      const {
-        backgroundColorClasses,
-        backgroundColorStyles
-      } = useBackgroundColor(vue.toRef(props, 'color'));
-      const {
-        dimensionStyles
-      } = useDimension(props);
-      const {
-        elevationClasses
-      } = useElevation(props);
-      const {
-        themeClasses
-      } = provideTheme(props);
-      const {
-        t
-      } = useLocale();
-      const items = vue.computed(() => genStructure(wrapInArray(props.type).join(',')));
-      useRender(() => {
-        const isLoading = !slots.default || props.loading;
-        return vue.createVNode("div", {
-          "class": ['v-skeleton-loader', {
-            'v-skeleton-loader--boilerplate': props.boilerplate
-          }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
-          "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
-          "aria-busy": !props.boilerplate ? isLoading : undefined,
-          "aria-live": !props.boilerplate ? 'polite' : undefined,
-          "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
-          "role": !props.boilerplate ? 'alert' : undefined
-        }, [isLoading ? items.value : slots.default?.()]);
-      });
-      return {};
-    }
-  });
-
-  var components = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    VAlert: VAlert,
-    VAlertTitle: VAlertTitle,
-    VApp: VApp,
-    VAppBar: VAppBar,
-    VAppBarNavIcon: VAppBarNavIcon,
-    VAppBarTitle: VAppBarTitle,
-    VAutocomplete: VAutocomplete,
-    VAvatar: VAvatar,
-    VBadge: VBadge,
-    VBanner: VBanner,
-    VBannerActions: VBannerActions,
-    VBannerText: VBannerText,
-    VBottomNavigation: VBottomNavigation,
-    VBottomSheet: VBottomSheet,
-    VBreadcrumbs: VBreadcrumbs,
-    VBreadcrumbsDivider: VBreadcrumbsDivider,
-    VBreadcrumbsItem: VBreadcrumbsItem,
-    VBtn: VBtn,
-    VBtnGroup: VBtnGroup,
-    VBtnToggle: VBtnToggle,
-    VCard: VCard,
-    VCardActions: VCardActions,
-    VCardItem: VCardItem,
-    VCardSubtitle: VCardSubtitle,
-    VCardText: VCardText,
-    VCardTitle: VCardTitle,
-    VCarousel: VCarousel,
-    VCarouselItem: VCarouselItem,
-    VCheckbox: VCheckbox,
-    VCheckboxBtn: VCheckboxBtn,
-    VChip: VChip,
-    VChipGroup: VChipGroup,
-    VClassIcon: VClassIcon,
-    VCode: VCode,
-    VCol: VCol,
-    VColorPicker: VColorPicker,
-    VCombobox: VCombobox,
-    VComponentIcon: VComponentIcon,
-    VContainer: VContainer,
-    VCounter: VCounter,
-    VDataIterator: VDataIterator,
-    VDataTable: VDataTable,
-    VDataTableFooter: VDataTableFooter,
-    VDataTableRow: VDataTableRow,
-    VDataTableRows: VDataTableRows,
-    VDataTableServer: VDataTableServer,
-    VDataTableVirtual: VDataTableVirtual,
-    VDefaultsProvider: VDefaultsProvider,
-    VDialog: VDialog,
-    VDialogBottomTransition: VDialogBottomTransition,
-    VDialogTopTransition: VDialogTopTransition,
-    VDialogTransition: VDialogTransition,
-    VDivider: VDivider,
-    VExpandTransition: VExpandTransition,
-    VExpandXTransition: VExpandXTransition,
-    VExpansionPanel: VExpansionPanel,
-    VExpansionPanelText: VExpansionPanelText,
-    VExpansionPanelTitle: VExpansionPanelTitle,
-    VExpansionPanels: VExpansionPanels,
-    VFabTransition: VFabTransition,
-    VFadeTransition: VFadeTransition,
-    VField: VField,
-    VFieldLabel: VFieldLabel,
-    VFileInput: VFileInput,
-    VFooter: VFooter,
-    VForm: VForm,
-    VHover: VHover,
-    VIcon: VIcon,
-    VImg: VImg,
-    VInfiniteScroll: VInfiniteScroll,
-    VInput: VInput,
-    VItem: VItem,
-    VItemGroup: VItemGroup,
-    VKbd: VKbd,
-    VLabel: VLabel,
-    VLayout: VLayout,
-    VLayoutItem: VLayoutItem,
-    VLazy: VLazy,
-    VLigatureIcon: VLigatureIcon,
-    VList: VList,
-    VListGroup: VListGroup,
-    VListImg: VListImg,
-    VListItem: VListItem,
-    VListItemAction: VListItemAction,
-    VListItemMedia: VListItemMedia,
-    VListItemSubtitle: VListItemSubtitle,
-    VListItemTitle: VListItemTitle,
-    VListSubheader: VListSubheader,
-    VLocaleProvider: VLocaleProvider,
-    VMain: VMain,
-    VMenu: VMenu,
-    VMessages: VMessages,
-    VNavigationDrawer: VNavigationDrawer,
-    VNoSsr: VNoSsr,
-    VOverlay: VOverlay,
-    VPagination: VPagination,
-    VParallax: VParallax,
-    VProgressCircular: VProgressCircular,
-    VProgressLinear: VProgressLinear,
-    VRadio: VRadio,
-    VRadioGroup: VRadioGroup,
-    VRangeSlider: VRangeSlider,
-    VRating: VRating,
-    VResponsive: VResponsive,
-    VRow: VRow,
-    VScaleTransition: VScaleTransition,
-    VScrollXReverseTransition: VScrollXReverseTransition,
-    VScrollXTransition: VScrollXTransition,
-    VScrollYReverseTransition: VScrollYReverseTransition,
-    VScrollYTransition: VScrollYTransition,
-    VSelect: VSelect,
-    VSelectionControl: VSelectionControl,
-    VSelectionControlGroup: VSelectionControlGroup,
-    VSheet: VSheet,
-    VSkeletonLoader: VSkeletonLoader,
-    VSlideGroup: VSlideGroup,
-    VSlideGroupItem: VSlideGroupItem,
-    VSlideXReverseTransition: VSlideXReverseTransition,
-    VSlideXTransition: VSlideXTransition,
-    VSlideYReverseTransition: VSlideYReverseTransition,
-    VSlideYTransition: VSlideYTransition,
-    VSlider: VSlider,
-    VSnackbar: VSnackbar,
-    VSpacer: VSpacer,
-    VSvgIcon: VSvgIcon,
-    VSwitch: VSwitch,
-    VSystemBar: VSystemBar,
-    VTab: VTab,
-    VTable: VTable,
-    VTabs: VTabs,
-    VTextField: VTextField,
-    VTextarea: VTextarea,
-    VThemeProvider: VThemeProvider,
-    VTimeline: VTimeline,
-    VTimelineItem: VTimelineItem,
-    VToolbar: VToolbar,
-    VToolbarItems: VToolbarItems,
-    VToolbarTitle: VToolbarTitle,
-    VTooltip: VTooltip,
-    VValidation: VValidation,
-    VVirtualScroll: VVirtualScroll,
-    VWindow: VWindow,
-    VWindowItem: VWindowItem
-  });
-
-  // Types
-
-  function mounted$2(el, binding) {
-    const modifiers = binding.modifiers || {};
-    const value = binding.value;
-    const {
-      once,
-      immediate,
-      ...modifierKeys
-    } = modifiers;
-    const defaultValue = !Object.keys(modifierKeys).length;
-    const {
-      handler,
-      options
-    } = typeof value === 'object' ? value : {
-      handler: value,
-      options: {
-        attributes: modifierKeys?.attr ?? defaultValue,
-        characterData: modifierKeys?.char ?? defaultValue,
-        childList: modifierKeys?.child ?? defaultValue,
-        subtree: modifierKeys?.sub ?? defaultValue
-      }
-    };
-    const observer = new MutationObserver(function () {
-      let mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      let observer = arguments.length > 1 ? arguments[1] : undefined;
-      handler?.(mutations, observer);
-      if (once) unmounted$2(el, binding);
-    });
-    if (immediate) handler?.([], observer);
-    el._mutate = Object(el._mutate);
-    el._mutate[binding.instance.$.uid] = {
-      observer
-    };
-    observer.observe(el, options);
-  }
-  function unmounted$2(el, binding) {
-    if (!el._mutate?.[binding.instance.$.uid]) return;
-    el._mutate[binding.instance.$.uid].observer.disconnect();
-    delete el._mutate[binding.instance.$.uid];
+  function endOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
   }
-  const Mutate = {
-    mounted: mounted$2,
-    unmounted: unmounted$2
-  };
-
-  // Types
-
-  function mounted$1(el, binding) {
-    const handler = binding.value;
-    const options = {
-      passive: !binding.modifiers?.active
-    };
-    window.addEventListener('resize', handler, options);
-    el._onResize = Object(el._onResize);
-    el._onResize[binding.instance.$.uid] = {
-      handler,
-      options
-    };
-    if (!binding.modifiers?.quiet) {
-      handler();
+  function date(value) {
+    if (value == null) return new Date();
+    if (value instanceof Date) return value;
+    if (typeof value === 'string') {
+      const parsed = Date.parse(value);
+      if (!isNaN(parsed)) return new Date(parsed);
     }
+    return null;
   }
-  function unmounted$1(el, binding) {
-    if (!el._onResize?.[binding.instance.$.uid]) return;
-    const {
-      handler,
-      options
-    } = el._onResize[binding.instance.$.uid];
-    window.removeEventListener('resize', handler, options);
-    delete el._onResize[binding.instance.$.uid];
-  }
-  const Resize = {
-    mounted: mounted$1,
-    unmounted: unmounted$1
-  };
-
-  // Types
-
-  function mounted(el, binding) {
-    const {
-      self = false
-    } = binding.modifiers ?? {};
-    const value = binding.value;
-    const options = typeof value === 'object' && value.options || {
-      passive: true
-    };
-    const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler;
-    const target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
-    if (!target) return;
-    target.addEventListener('scroll', handler, options);
-    el._onScroll = Object(el._onScroll);
-    el._onScroll[binding.instance.$.uid] = {
-      handler,
-      options,
-      // Don't reference self
-      target: self ? undefined : target
-    };
-  }
-  function unmounted(el, binding) {
-    if (!el._onScroll?.[binding.instance.$.uid]) return;
-    const {
-      handler,
-      options,
-      target = el
-    } = el._onScroll[binding.instance.$.uid];
-    target.removeEventListener('scroll', handler, options);
-    delete el._onScroll[binding.instance.$.uid];
-  }
-  function updated(el, binding) {
-    if (binding.value === binding.oldValue) return;
-    unmounted(el, binding);
-    mounted(el, binding);
-  }
-  const Scroll = {
-    mounted,
-    unmounted,
-    updated
-  };
-
-  var directives = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ClickOutside: ClickOutside,
-    Intersect: Intersect,
-    Mutate: Mutate,
-    Resize: Resize,
-    Ripple: Ripple,
-    Scroll: Scroll,
-    Touch: Touch
-  });
-
-  // Utilities
-
-  // Types
-
-  function getWeekArray(date) {
-    let currentWeek = [];
-    const weeks = [];
-    const firstDayOfMonth = startOfMonth(date);
-    const lastDayOfMonth = endOfMonth(date);
-    for (let i = 0; i < firstDayOfMonth.getDay(); i++) {
-      currentWeek.push(null);
-    }
-    for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
-      const day = new Date(date.getFullYear(), date.getMonth(), i);
-
-      // Add the day to the current week
-      currentWeek.push(day);
-
-      // If the current week has 7 days, add it to the weeks array and start a new week
-      if (currentWeek.length === 7) {
-        weeks.push(currentWeek);
-        currentWeek = [];
-      }
-    }
-    for (let i = currentWeek.length; i < 7; i++) {
-      currentWeek.push(null);
-    }
-    weeks.push(currentWeek);
-    return weeks;
-  }
-  function startOfMonth(date) {
-    return new Date(date.getFullYear(), date.getMonth(), 1);
-  }
-  function endOfMonth(date) {
-    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-  }
-  function date(value) {
-    if (value == null) return null;
-    if (value instanceof Date) return value;
-    if (typeof value === 'string') {
-      const parsed = Date.parse(value);
-      if (!isNaN(parsed)) return new Date(parsed);
-    }
-    return null;
-  }
-  const firstDay = {
-    '001': 1,
-    AD: 1,
-    AE: 6,
-    AF: 6,
-    AG: 0,
-    AI: 1,
-    AL: 1,
-    AM: 1,
-    AN: 1,
-    AR: 1,
-    AS: 0,
-    AT: 1,
-    AU: 0,
-    AX: 1,
-    AZ: 1,
-    BA: 1,
-    BD: 0,
-    BE: 1,
-    BG: 1,
-    BH: 6,
-    BM: 1,
-    BN: 1,
-    BR: 0,
-    BS: 0,
-    BT: 0,
-    BW: 0,
-    BY: 1,
-    BZ: 0,
-    CA: 0,
-    CH: 1,
-    CL: 1,
-    CM: 1,
-    CN: 0,
-    CO: 0,
-    CR: 1,
-    CY: 1,
-    CZ: 1,
-    DE: 1,
-    DJ: 6,
-    DK: 1,
-    DM: 0,
-    DO: 0,
-    DZ: 6,
-    EC: 1,
-    EE: 1,
-    EG: 6,
-    ES: 1,
-    ET: 0,
-    FI: 1,
-    FJ: 1,
-    FO: 1,
-    FR: 1,
-    GB: 1,
-    'GB-alt-variant': 0,
-    GE: 1,
-    GF: 1,
-    GP: 1,
-    GR: 1,
-    GT: 0,
-    GU: 0,
-    HK: 0,
-    HN: 0,
-    HR: 1,
-    HU: 1,
-    ID: 0,
-    IE: 1,
-    IL: 0,
-    IN: 0,
-    IQ: 6,
-    IR: 6,
-    IS: 1,
-    IT: 1,
-    JM: 0,
-    JO: 6,
-    JP: 0,
-    KE: 0,
-    KG: 1,
-    KH: 0,
-    KR: 0,
-    KW: 6,
-    KZ: 1,
-    LA: 0,
-    LB: 1,
-    LI: 1,
-    LK: 1,
-    LT: 1,
-    LU: 1,
-    LV: 1,
-    LY: 6,
-    MC: 1,
-    MD: 1,
-    ME: 1,
-    MH: 0,
-    MK: 1,
-    MM: 0,
-    MN: 1,
-    MO: 0,
-    MQ: 1,
-    MT: 0,
-    MV: 5,
-    MX: 0,
-    MY: 1,
-    MZ: 0,
-    NI: 0,
-    NL: 1,
-    NO: 1,
-    NP: 0,
-    NZ: 1,
-    OM: 6,
-    PA: 0,
-    PE: 0,
-    PH: 0,
-    PK: 0,
-    PL: 1,
-    PR: 0,
-    PT: 0,
-    PY: 0,
-    QA: 6,
-    RE: 1,
-    RO: 1,
-    RS: 1,
-    RU: 1,
-    SA: 0,
-    SD: 6,
-    SE: 1,
-    SG: 0,
-    SI: 1,
-    SK: 1,
-    SM: 1,
-    SV: 0,
-    SY: 6,
-    TH: 0,
-    TJ: 1,
-    TM: 1,
-    TR: 1,
-    TT: 0,
-    TW: 0,
-    UA: 1,
-    UM: 0,
-    US: 0,
-    UY: 1,
-    UZ: 1,
-    VA: 1,
-    VE: 0,
-    VI: 0,
-    VN: 1,
-    WS: 0,
-    XK: 1,
-    YE: 0,
-    ZA: 0,
-    ZW: 0
-  };
-  const sundayJanuarySecond2000 = new Date(2000, 0, 2);
-  function getWeekdays(locale) {
-    const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
-    return createRange(7).map(i => {
-      const weekday = new Date(sundayJanuarySecond2000);
-      weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
-      return new Intl.DateTimeFormat(locale, {
-        weekday: 'long'
-      }).format(weekday);
-    });
+  const sundayJanuarySecond2000 = new Date(2000, 0, 2);
+  function getWeekdays(locale) {
+    const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
+    return createRange(7).map(i => {
+      const weekday = new Date(sundayJanuarySecond2000);
+      weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
+      return new Intl.DateTimeFormat(locale, {
+        weekday: 'short'
+      }).format(weekday);
+    });
   }
   function format(value, formatString, locale) {
     const date = new Date(value);
@@ -22235,8 +21628,7 @@
         options = {
           weekday: 'short',
           day: 'numeric',
-          month: 'short',
-          year: 'numeric'
+          month: 'short'
         };
         break;
       case 'keyboardDate':
@@ -22254,6 +21646,11 @@
           year: 'numeric'
         };
         break;
+      case 'dayOfMonth':
+        options = {
+          day: 'numeric'
+        };
+        break;
       default:
         options = {
           timeZone: 'UTC',
@@ -22278,149 +21675,1668 @@
   function getMonth(date) {
     return date.getMonth();
   }
-  function startOfYear(date) {
-    return new Date(date.getFullYear(), 0, 1);
+  function startOfYear(date) {
+    return new Date(date.getFullYear(), 0, 1);
+  }
+  function endOfYear(date) {
+    return new Date(date.getFullYear(), 11, 31);
+  }
+  function isWithinRange(date, range) {
+    return isAfter(date, range[0]) && isBefore(date, range[1]);
+  }
+  function isValid(date) {
+    const d = new Date(date);
+    return d instanceof Date && !isNaN(d.getTime());
+  }
+  function isAfter(date, comparing) {
+    return date.getTime() > comparing.getTime();
+  }
+  function isBefore(date, comparing) {
+    return date.getTime() < comparing.getTime();
+  }
+  function isEqual(date, comparing) {
+    return date.getTime() === comparing.getTime();
+  }
+  function isSameDay(date, comparing) {
+    return date.getDate() === comparing.getDate() && date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+  }
+  function isSameMonth(date, comparing) {
+    return date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+  }
+  function getDiff(date, comparing, unit) {
+    const d = new Date(date);
+    const c = new Date(comparing);
+    if (unit === 'month') {
+      return d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12;
+    }
+    return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
+  }
+  function setYear(date, year) {
+    const d = new Date(date);
+    d.setFullYear(year);
+    return d;
+  }
+  class VuetifyDateAdapter {
+    constructor(options) {
+      this.locale = options.locale;
+    }
+    date(value) {
+      return date(value);
+    }
+    toJsDate(date) {
+      return date;
+    }
+    addDays(date, amount) {
+      return addDays(date, amount);
+    }
+    addMonths(date, amount) {
+      return addMonths(date, amount);
+    }
+    getWeekArray(date) {
+      return getWeekArray(date, this.locale);
+    }
+    startOfMonth(date) {
+      return startOfMonth(date);
+    }
+    endOfMonth(date) {
+      return endOfMonth(date);
+    }
+    format(date, formatString) {
+      return format(date, formatString, this.locale);
+    }
+    isEqual(date, comparing) {
+      return isEqual(date, comparing);
+    }
+    isValid(date) {
+      return isValid(date);
+    }
+    isWithinRange(date, range) {
+      return isWithinRange(date, range);
+    }
+    isAfter(date, comparing) {
+      return isAfter(date, comparing);
+    }
+    isBefore(date, comparing) {
+      return !isAfter(date, comparing) && !isEqual(date, comparing);
+    }
+    isSameDay(date, comparing) {
+      return isSameDay(date, comparing);
+    }
+    isSameMonth(date, comparing) {
+      return isSameMonth(date, comparing);
+    }
+    setYear(date, year) {
+      return setYear(date, year);
+    }
+    getDiff(date, comparing, unit) {
+      return getDiff(date, comparing, unit);
+    }
+    getWeekdays() {
+      return getWeekdays(this.locale);
+    }
+    getYear(date) {
+      return getYear(date);
+    }
+    getMonth(date) {
+      return getMonth(date);
+    }
+    startOfYear(date) {
+      return startOfYear(date);
+    }
+    endOfYear(date) {
+      return endOfYear(date);
+    }
+  }
+
+  // Composables
+
+  // Types
+
+  const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
+  function createDate(options) {
+    return mergeDeep({
+      adapter: VuetifyDateAdapter,
+      locale: {
+        af: 'af-ZA',
+        // ar: '', # not the same value for all variants
+        bg: 'bg-BG',
+        ca: 'ca-ES',
+        ckb: '',
+        cs: '',
+        de: 'de-DE',
+        el: 'el-GR',
+        en: 'en-US',
+        // es: '', # not the same value for all variants
+        et: 'et-EE',
+        fa: 'fa-IR',
+        fi: 'fi-FI',
+        // fr: '', #not the same value for all variants
+        hr: 'hr-HR',
+        hu: 'hu-HU',
+        he: 'he-IL',
+        id: 'id-ID',
+        it: 'it-IT',
+        ja: 'ja-JP',
+        ko: 'ko-KR',
+        lv: 'lv-LV',
+        lt: 'lt-LT',
+        nl: 'nl-NL',
+        no: 'nn-NO',
+        pl: 'pl-PL',
+        pt: 'pt-PT',
+        ro: 'ro-RO',
+        ru: 'ru-RU',
+        sk: 'sk-SK',
+        sl: 'sl-SI',
+        srCyrl: 'sr-SP',
+        srLatn: 'sr-SP',
+        sv: 'sv-SE',
+        th: 'th-TH',
+        tr: 'tr-TR',
+        az: 'az-AZ',
+        uk: 'uk-UA',
+        vi: 'vi-VN',
+        zhHans: 'zh-CN',
+        zhHant: 'zh-TW'
+      }
+    }, options);
+  }
+  function useDate() {
+    const date = vue.inject(DateAdapterSymbol);
+    const locale = useLocale();
+    if (!date) throw new Error('[Vuetify] Could not find injected date');
+    const instance = typeof date.adapter === 'function'
+    // eslint-disable-next-line new-cap
+    ? new date.adapter({
+      locale: date.locale?.[locale.current.value] ?? locale.current.value
+    }) : date.adapter;
+    vue.watch(locale.current, value => {
+      const newLocale = date.locale ? date.locale[value] : value;
+      instance.locale = newLocale ?? instance.locale;
+    });
+    return instance;
+  }
+  function toIso(adapter, value) {
+    const date = adapter.toJsDate(value);
+    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+  }
+  function getMondayOfFirstWeekOfYear(year) {
+    return new Date(year, 0, 1);
+  }
+
+  // https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
+  function getWeek(adapter, value) {
+    const date = adapter.toJsDate(value);
+    let year = date.getFullYear();
+    let d1w1 = getMondayOfFirstWeekOfYear(year);
+    if (date < d1w1) {
+      year = year - 1;
+      d1w1 = getMondayOfFirstWeekOfYear(year);
+    } else {
+      const tv = getMondayOfFirstWeekOfYear(year + 1);
+      if (date >= tv) {
+        year = year + 1;
+        d1w1 = tv;
+      }
+    }
+    const diffTime = Math.abs(date.getTime() - d1w1.getTime());
+    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+    return Math.floor(diffDays / 7) + 1;
+  }
+
+  // Composables
+
+  // Types
+
+  const makeDateProps = propsFactory({
+    modelValue: {
+      type: null,
+      default: () => []
+    },
+    displayDate: {
+      type: null,
+      default: new Date()
+    },
+    inputMode: {
+      type: String,
+      default: 'calendar'
+    },
+    viewMode: {
+      type: String,
+      default: 'month'
+    },
+    format: String
+  }, 'date');
+  const dateEmits = {
+    'update:modelValue': date => true,
+    'update:displayDate': date => true,
+    'update:focused': focused => true,
+    'update:inputMode': inputMode => true,
+    'update:viewMode': viewMode => true
+  };
+
+  const makeVDatePickerControlsProps = propsFactory({
+    nextIcon: {
+      type: [String],
+      default: '$next'
+    },
+    prevIcon: {
+      type: [String],
+      default: '$prev'
+    },
+    expandIcon: {
+      type: [String],
+      default: '$expand'
+    },
+    collapseIcon: {
+      type: [String],
+      default: '$collapse'
+    },
+    range: {
+      default: false,
+      type: [String, Boolean],
+      validator: v => v === false || ['start', 'end'].includes(v)
+    },
+    ...omit(makeDateProps(), ['modelValue', 'inputMode'])
+  }, 'VDatePickerControls');
+  const VDatePickerControls = genericComponent()({
+    name: 'VDatePickerControls',
+    props: makeVDatePickerControlsProps(),
+    emits: {
+      ...omit(dateEmits, ['update:modelValue', 'update:inputMode'])
+    },
+    setup(props, _ref) {
+      let {
+        emit
+      } = _ref;
+      const adapter = useDate();
+      const monthAndYear = vue.computed(() => {
+        const month = props.range === 'end' ? adapter.addMonths(props.displayDate, 1) : props.displayDate;
+        return adapter.format(month, 'monthAndYear');
+      });
+      useRender(() => {
+        const prevBtn = vue.createVNode(VBtn, {
+          "variant": "text",
+          "icon": props.prevIcon,
+          "onClick": () => emit('update:displayDate', adapter.addMonths(props.displayDate, -1))
+        }, null);
+        const nextBtn = vue.createVNode(VBtn, {
+          "variant": "text",
+          "icon": props.nextIcon,
+          "onClick": () => emit('update:displayDate', adapter.addMonths(props.displayDate, 1))
+        }, null);
+        return vue.createVNode("div", {
+          "class": "v-date-picker-controls"
+        }, [props.viewMode === 'month' && props.range === 'start' && prevBtn, !!props.range && vue.createVNode(VSpacer, {
+          "key": "range-spacer"
+        }, null), vue.createVNode("div", {
+          "class": "v-date-picker-controls__date"
+        }, [monthAndYear.value]), vue.createVNode(VBtn, {
+          "key": "expand-btn",
+          "variant": "text",
+          "icon": props.viewMode === 'month' ? props.expandIcon : props.collapseIcon,
+          "onClick": () => emit('update:viewMode', props.viewMode === 'month' ? 'year' : 'month')
+        }, null), vue.createVNode(VSpacer, null, null), props.viewMode === 'month' && !props.range && vue.createVNode("div", {
+          "key": "month-buttons"
+        }, [prevBtn, nextBtn]), props.viewMode === 'month' && props.range === 'end' && nextBtn]);
+      });
+      return {};
+    }
+  });
+
+  // Utilities
+
+  // Types
+
+  const DatePickerSymbol = Symbol.for('vuetify:date-picker');
+  function createDatePicker(props) {
+    const hoverDate = vue.ref();
+    const hoverMonth = vue.ref();
+    const isDragging = vue.ref(false);
+    const dragHandle = vue.ref(null);
+    const hasScrolled = vue.ref(false);
+    vue.provide(DatePickerSymbol, {
+      hoverDate,
+      hoverMonth,
+      isDragging,
+      dragHandle,
+      hasScrolled
+    });
+    return {
+      hoverDate,
+      hoverMonth,
+      isDragging,
+      dragHandle,
+      hasScrolled
+    };
+  }
+  function useDatePicker() {
+    const datePicker = vue.inject(DatePickerSymbol);
+    if (!datePicker) throw new Error('foo');
+    return datePicker;
+  }
+
+  const makeVDatePickerMonthProps = propsFactory({
+    color: String,
+    showAdjacentMonths: Boolean,
+    hideWeekdays: Boolean,
+    showWeek: Boolean,
+    range: {
+      default: false,
+      type: [String, Boolean],
+      validator: v => typeof v === 'boolean' || ['start', 'end'].includes(v)
+    },
+    hoverDate: null,
+    multiple: Boolean,
+    side: {
+      type: String
+    },
+    ...omit(makeDateProps(), ['inputMode', 'viewMode'])
+  }, 'VDatePickerMonth');
+  const VDatePickerMonth = genericComponent()({
+    name: 'VDatePickerMonth',
+    props: makeVDatePickerMonthProps({
+      color: 'surface-variant'
+    }),
+    emits: {
+      ...omit(dateEmits, ['update:inputMode', 'update:viewMode']),
+      'update:hoverDate': date => true
+    },
+    setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
+      const adapter = useDate();
+      const {
+        isDragging,
+        dragHandle,
+        hasScrolled
+      } = useDatePicker();
+      const month = vue.computed(() => props.displayDate);
+      const findClosestDate = (date, dates) => {
+        const {
+          isSameDay,
+          getDiff
+        } = adapter;
+        const [startDate, endDate] = dates;
+        if (isSameDay(startDate, endDate)) {
+          return getDiff(date, startDate, 'days') > 0 ? endDate : startDate;
+        }
+        const distStart = Math.abs(getDiff(date, startDate));
+        const distEnd = Math.abs(getDiff(date, endDate));
+        return distStart < distEnd ? startDate : endDate;
+      };
+
+      // const hoverRange = computed<[any, any] | null>(() => {
+      //   if (!props.hoverDate) return null
+
+      //   const closestDate = findClosestDate(props.hoverDate, props.modelValue)
+
+      //   if (!closestDate) return null
+
+      //   return adapter.isAfter(props.hoverDate, closestDate) ? [closestDate, props.hoverDate] : [props.hoverDate, closestDate]
+      // })
+
+      const weeksInMonth = vue.computed(() => {
+        const weeks = adapter.getWeekArray(month.value);
+        const days = weeks.flat();
+
+        // Make sure there's always 6 weeks in month (6 * 7 days)
+        // But only do it if we're not hiding adjacent months?
+        const daysInMonth = 6 * 7;
+        if (days.length < daysInMonth && props.showAdjacentMonths) {
+          const lastDay = days[days.length - 1];
+          let week = [];
+          for (let day = 1; day <= daysInMonth - days.length; day++) {
+            week.push(adapter.addDays(lastDay, day));
+            if (day % 7 === 0) {
+              weeks.push(week);
+              week = [];
+            }
+          }
+        }
+        return weeks;
+      });
+      const daysInMonth = vue.computed(() => {
+        const validDates = props.modelValue.filter(v => !!v);
+        const isRange = validDates.length > 1;
+        const days = weeksInMonth.value.flat();
+        const today = adapter.date();
+        const startDate = validDates[0];
+        const endDate = validDates[1];
+        return days.map((date, index) => {
+          const isStart = startDate && adapter.isSameDay(date, startDate);
+          const isEnd = endDate && adapter.isSameDay(date, endDate);
+          const isAdjacent = !adapter.isSameMonth(date, month.value);
+          const isSame = validDates.length === 2 && adapter.isSameDay(startDate, endDate);
+          return {
+            date,
+            isoDate: toIso(adapter, date),
+            formatted: adapter.format(date, 'keyboardDate'),
+            year: adapter.getYear(date),
+            month: adapter.getMonth(date),
+            isWeekStart: index % 7 === 0,
+            isWeekEnd: index % 7 === 6,
+            isSelected: isStart || isEnd,
+            isStart,
+            isEnd,
+            isToday: adapter.isSameDay(date, today),
+            isAdjacent,
+            isHidden: isAdjacent && !props.showAdjacentMonths,
+            inRange: isRange && !isSame && (isStart || isEnd || validDates.length === 2 && adapter.isWithinRange(date, validDates)),
+            // isHovered: props.hoverDate === date,
+            // inHover: hoverRange.value && isWithinRange(date, hoverRange.value),
+            isHovered: false,
+            inHover: false,
+            localized: adapter.format(date, 'dayOfMonth')
+          };
+        });
+      });
+      const weeks = vue.computed(() => {
+        return weeksInMonth.value.map(week => {
+          return getWeek(adapter, week[0]);
+        });
+      });
+      const {
+        backgroundColorClasses,
+        backgroundColorStyles
+      } = useBackgroundColor(props, 'color');
+      function selectDate(date) {
+        let newModel = props.modelValue.slice();
+        if (props.multiple) {
+          if (isDragging.value && dragHandle.value != null) {
+            const otherIndex = (dragHandle.value + 1) % 2;
+            const fn = otherIndex === 0 ? 'isBefore' : 'isAfter';
+            if (adapter[fn](date, newModel[otherIndex])) {
+              newModel[dragHandle.value] = newModel[otherIndex];
+              newModel[otherIndex] = date;
+              dragHandle.value = otherIndex;
+            } else {
+              newModel[dragHandle.value] = date;
+            }
+          } else {
+            if (newModel.find(d => adapter.isSameDay(d, date))) {
+              newModel = newModel.filter(v => !adapter.isSameDay(v, date));
+            } else if (newModel.length === 2) {
+              let index;
+              if (!props.side || adapter.isSameMonth(newModel[0], newModel[1])) {
+                const closest = findClosestDate(date, newModel);
+                index = newModel.indexOf(closest);
+              } else {
+                index = props.side === 'start' ? 0 : props.side === 'end' ? 1 : undefined;
+              }
+              newModel = newModel.map((v, i) => i === index ? date : v);
+            } else {
+              if (newModel[0] && adapter.isBefore(newModel[0], date)) {
+                newModel = [newModel[0], date];
+              } else {
+                newModel = [date, newModel[0]];
+              }
+            }
+          }
+        } else {
+          newModel = [date];
+        }
+        emit('update:modelValue', newModel.filter(v => !!v));
+      }
+      const daysRef = vue.ref();
+      function findElement(el) {
+        if (!el || el === daysRef.value) return null;
+        if ('vDate' in el.dataset) {
+          return adapter.date(el.dataset.vDate);
+        }
+        return findElement(el.parentElement);
+      }
+      function findDate(e) {
+        const x = 'changedTouches' in e ? e.changedTouches[0]?.clientX : e.clientX;
+        const y = 'changedTouches' in e ? e.changedTouches[0]?.clientY : e.clientY;
+        const el = document.elementFromPoint(x, y);
+        return findElement(el);
+      }
+      let canDrag = false;
+      function handleMousedown(e) {
+        hasScrolled.value = false;
+        const selected = findDate(e);
+        if (!selected) return;
+        const modelIndex = props.modelValue.findIndex(d => adapter.isEqual(d, selected));
+        if (modelIndex >= 0) {
+          canDrag = true;
+          dragHandle.value = modelIndex;
+          window.addEventListener('touchmove', handleTouchmove, {
+            passive: false
+          });
+          window.addEventListener('mousemove', handleTouchmove, {
+            passive: false
+          });
+          e.preventDefault();
+        }
+        window.addEventListener('touchend', handleTouchend, {
+          passive: false
+        });
+        window.addEventListener('mouseup', handleTouchend, {
+          passive: false
+        });
+      }
+      function handleTouchmove(e) {
+        if (!canDrag) return;
+        e.preventDefault();
+        isDragging.value = true;
+        const over = findDate(e);
+        if (!over) return;
+        selectDate(over);
+      }
+      function handleTouchend(e) {
+        if (e.cancelable) e.preventDefault();
+        window.removeEventListener('touchmove', handleTouchmove);
+        window.removeEventListener('mousemove', handleTouchmove);
+        window.removeEventListener('touchend', handleTouchend);
+        window.removeEventListener('mouseup', handleTouchend);
+        const end = findDate(e);
+        if (!end) return;
+        if (!hasScrolled.value) {
+          selectDate(end);
+        }
+        isDragging.value = false;
+        dragHandle.value = null;
+        canDrag = false;
+      }
+      return () => vue.createVNode("div", {
+        "class": "v-date-picker-month"
+      }, [props.showWeek && vue.createVNode("div", {
+        "key": "weeks",
+        "class": "v-date-picker-month__weeks"
+      }, [!props.hideWeekdays && vue.createVNode("div", {
+        "key": "hide-week-days",
+        "class": "v-date-picker-month__day"
+      }, [vue.createTextVNode("\xA0")]), weeks.value.map(week => vue.createVNode("div", {
+        "class": ['v-date-picker-month__day', 'v-date-picker-month__day--adjacent']
+      }, [week]))]), vue.createVNode("div", {
+        "ref": daysRef,
+        "class": "v-date-picker-month__days",
+        "onMousedown": handleMousedown,
+        "onTouchstart": handleMousedown
+      }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => vue.createVNode("div", {
+        "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
+      }, [weekDay.charAt(0)])), daysInMonth.value.map((item, index) => vue.createVNode("div", {
+        "class": ['v-date-picker-month__day', {
+          'v-date-picker-month__day--selected': item.isSelected,
+          'v-date-picker-month__day--start': item.isStart,
+          'v-date-picker-month__day--end': item.isEnd,
+          'v-date-picker-month__day--adjacent': item.isAdjacent,
+          'v-date-picker-month__day--hide-adjacent': item.isHidden,
+          'v-date-picker-month__day--week-start': item.isWeekStart,
+          'v-date-picker-month__day--week-end': item.isWeekEnd,
+          'v-date-picker-month__day--hovered': item.isHovered
+        }],
+        "data-v-date": !item.isHidden ? item.isoDate : undefined
+      }, [item.inRange && vue.createVNode("div", {
+        "key": "in-range",
+        "class": ['v-date-picker-month__day--range', backgroundColorClasses.value],
+        "style": backgroundColorStyles.value
+      }, null), item.inHover && !item.isStart && !item.isEnd && !item.isHovered && !item.inRange && vue.createVNode("div", {
+        "key": "in-hover",
+        "class": "v-date-picker-month__day--hover"
+      }, null), (props.showAdjacentMonths || !item.isAdjacent) && vue.createVNode(VBtn, {
+        "icon": true,
+        "ripple": false,
+        "variant": (item.isToday || item.isHovered) && !item.isSelected ? 'outlined' : 'flat',
+        "active": item.isSelected,
+        "color": item.isSelected || item.isToday ? props.color : item.isHovered ? undefined : 'transparent'
+      }, {
+        default: () => [item.localized]
+      })]))])]);
+    }
+  });
+
+  const makeVDatePickerYearsProps = propsFactory({
+    color: String,
+    min: Number,
+    max: Number,
+    height: [String, Number],
+    displayDate: null
+  }, 'VDatePickerYears');
+  const VDatePickerYears = genericComponent()({
+    name: 'VDatePickerYears',
+    props: makeVDatePickerYearsProps(),
+    emits: {
+      'update:displayDate': date => true,
+      'update:viewMode': date => true
+    },
+    setup(props, _ref) {
+      let {
+        emit
+      } = _ref;
+      const adapter = useDate();
+      const displayYear = vue.computed(() => adapter.getYear(props.displayDate ?? new Date()));
+      const years = vue.computed(() => {
+        const min = props.min ?? displayYear.value - 50 - 2;
+        const max = props.max ?? displayYear.value + 50;
+        return createRange(max - min, min);
+      });
+      const yearRef = vue.ref();
+      vue.onMounted(() => {
+        yearRef.value?.$el.scrollIntoView({
+          block: 'center'
+        });
+      });
+      useRender(() => vue.createVNode("div", {
+        "class": "v-date-picker-years",
+        "style": {
+          height: convertToUnit(props.height)
+        }
+      }, [vue.createVNode("div", {
+        "class": "v-date-picker-years__content"
+      }, [years.value.map(year => vue.createVNode(VBtn, {
+        "ref": year === displayYear.value ? yearRef : undefined,
+        "variant": year === displayYear.value ? 'flat' : 'text',
+        "rounded": "xl",
+        "active": year === displayYear.value,
+        "color": year === displayYear.value ? props.color : undefined,
+        "onClick": () => {
+          emit('update:displayDate', adapter.setYear(props.displayDate, year));
+          emit('update:viewMode', 'month');
+        }
+      }, {
+        default: () => [year]
+      }))])]));
+      return {};
+    }
+  });
+
+  // Types
+
+  const makeVDateCardProps = propsFactory({
+    cancelText: {
+      type: String,
+      default: '$vuetify.datePicker.cancel'
+    },
+    okText: {
+      type: String,
+      default: '$vuetify.datePicker.ok'
+    },
+    inputMode: {
+      type: String,
+      default: 'calendar'
+    },
+    hideActions: Boolean,
+    ...makeVDatePickerControlsProps(),
+    ...makeVDatePickerMonthProps(),
+    ...makeVDatePickerYearsProps(),
+    ...makeTransitionProps({
+      transition: {
+        component: VFadeTransition,
+        leaveAbsolute: true
+      }
+    })
+  }, 'VDateCard');
+  const VDateCard = genericComponent()({
+    name: 'VDateCard',
+    props: makeVDateCardProps(),
+    emits: {
+      save: () => true,
+      cancel: () => true,
+      'update:displayDate': value => true,
+      'update:inputMode': value => true,
+      'update:modelValue': value => true,
+      'update:viewMode': mode => true
+    },
+    setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
+      const model = useProxiedModel(props, 'modelValue');
+      const {
+        t
+      } = useLocale();
+      createDatePicker();
+      function onDisplayUpdate(val) {
+        emit('update:displayDate', val);
+      }
+      function onViewModeUpdate(val) {
+        emit('update:viewMode', val);
+      }
+      function onSave() {
+        emit('update:modelValue', model.value);
+        emit('save');
+      }
+      function onCancel() {
+        emit('cancel');
+      }
+      useRender(() => {
+        const [cardProps] = VCard.filterProps(props);
+        const [datePickerControlsProps] = VDatePickerControls.filterProps(props);
+        const [datePickerMonthProps] = VDatePickerMonth.filterProps(props);
+        const [datePickerYearsProps] = VDatePickerYears.filterProps(props);
+        const hasActions = !props.hideActions || !!slots.actions;
+        return vue.createVNode(VCard, vue.mergeProps(cardProps, {
+          "class": "v-date-card"
+        }), {
+          ...slots,
+          default: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(VDatePickerControls, vue.mergeProps(datePickerControlsProps, {
+            "onUpdate:displayDate": onDisplayUpdate,
+            "onUpdate:viewMode": onViewModeUpdate
+          }), null), vue.createVNode(MaybeTransition, {
+            "transition": props.transition
+          }, {
+            default: () => [props.viewMode === 'month' ? vue.createVNode(VDatePickerMonth, vue.mergeProps(datePickerMonthProps, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
+              "onUpdate:displayDate": onDisplayUpdate
+            }), null) : vue.createVNode(VDatePickerYears, vue.mergeProps(datePickerYearsProps, {
+              "onUpdate:displayDate": onDisplayUpdate,
+              "onUpdate:viewMode": onViewModeUpdate
+            }), null)]
+          })]),
+          actions: !hasActions ? undefined : () => vue.createVNode(vue.Fragment, null, [slots.actions?.() ?? vue.createVNode(vue.Fragment, null, [vue.createVNode(VBtn, {
+            "onClick": onCancel,
+            "text": t(props.cancelText)
+          }, null), vue.createVNode(VBtn, {
+            "onClick": onSave,
+            "text": t(props.okText)
+          }, null)])])
+        });
+      });
+      return {};
+    }
+  });
+
+  // Types
+
+  const makeVDatePickerHeaderProps = propsFactory({
+    appendIcon: String,
+    color: String,
+    header: String,
+    transition: String
+  }, 'VDatePickerHeader');
+  const VDatePickerHeader = genericComponent()({
+    name: 'VDatePickerHeader',
+    props: makeVDatePickerHeaderProps(),
+    emits: {
+      'click:append': () => true
+    },
+    setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
+      const {
+        backgroundColorClasses,
+        backgroundColorStyles
+      } = useBackgroundColor(props, 'color');
+      function onClickAppend() {
+        emit('click:append');
+      }
+      useRender(() => {
+        const hasContent = !!(slots.default || props.header);
+        const hasAppend = !!(slots.append || props.appendIcon);
+        return vue.createVNode("div", {
+          "class": ['v-date-picker-header', backgroundColorClasses.value],
+          "style": backgroundColorStyles.value
+        }, [slots.prepend && vue.createVNode("div", {
+          "key": "prepend",
+          "class": "v-date-picker-header__prepend"
+        }, [slots.prepend()]), hasContent && vue.createVNode(MaybeTransition, {
+          "key": "content",
+          "name": props.transition
+        }, {
+          default: () => [vue.createVNode("div", {
+            "key": props.header,
+            "class": "v-date-picker-header__content"
+          }, [slots.default?.() ?? props.header])]
+        }), hasAppend && vue.createVNode("div", {
+          "class": "v-date-picker-header__append"
+        }, [!slots.append ? vue.createVNode(VBtn, {
+          "key": "append-btn",
+          "icon": props.appendIcon,
+          "variant": "text",
+          "onClick": onClickAppend
+        }, null) : vue.createVNode(VDefaultsProvider, {
+          "key": "append-defaults",
+          "disabled": !props.appendIcon,
+          "defaults": {
+            VBtn: {
+              icon: props.appendIcon,
+              variant: 'text'
+            }
+          }
+        }, {
+          default: () => [slots.append?.()]
+        })])]);
+      });
+      return {};
+    }
+  });
+
+  // Utilities
+  const VPickerTitle = createSimpleFunctional('v-picker-title');
+
+  // Types
+
+  const makeVPickerProps = propsFactory({
+    landscape: Boolean,
+    title: String,
+    ...omit(makeVSheetProps(), ['color'])
+  }, 'VPicker');
+  const VPicker = genericComponent()({
+    name: 'VPicker',
+    props: makeVPickerProps(),
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
+      useRender(() => {
+        const [sheetProps] = VSheet.filterProps(props);
+        const hasTitle = !!(props.title || slots.title);
+        return vue.createVNode(VSheet, vue.mergeProps(sheetProps, {
+          "class": ['v-picker', {
+            'v-picker--landscape': props.landscape,
+            'v-picker--with-actions': !!slots.actions
+          }, props.class],
+          "style": props.style
+        }), {
+          default: () => [hasTitle && vue.createVNode(VPickerTitle, {
+            "key": "picker-title"
+          }, {
+            default: () => [slots.title?.() ?? props.title]
+          }), slots.header && vue.createVNode("div", {
+            "class": "v-picker__header"
+          }, [slots.header()]), vue.createVNode("div", {
+            "class": "v-picker__body"
+          }, [slots.default?.()]), slots.actions && vue.createVNode("div", {
+            "class": "v-picker__actions"
+          }, [slots.actions()])]
+        });
+      });
+      return {};
+    }
+  });
+
+  // Types
+
+  const makeVDatePickerProps = propsFactory({
+    calendarIcon: {
+      type: String,
+      default: '$calendar'
+    },
+    keyboardIcon: {
+      type: String,
+      default: '$edit'
+    },
+    cancelText: {
+      type: String,
+      default: '$vuetify.datePicker.cancel'
+    },
+    okText: {
+      type: String,
+      default: '$vuetify.datePicker.ok'
+    },
+    inputText: {
+      type: String,
+      default: '$vuetify.datePicker.input.placeholder'
+    },
+    header: {
+      type: String,
+      default: '$vuetify.datePicker.header'
+    },
+    hideActions: Boolean,
+    ...makeDateProps(),
+    ...makeVDatePickerControlsProps(),
+    ...makeVDatePickerMonthProps(),
+    ...makeVDatePickerYearsProps(),
+    ...makeVPickerProps({
+      title: '$vuetify.datePicker.title'
+    })
+  }, 'VDatePicker');
+  const VDatePicker = genericComponent()({
+    name: 'VDatePicker',
+    props: makeVDatePickerProps(),
+    emits: {
+      'click:cancel': () => true,
+      'click:save': () => true,
+      ...dateEmits
+    },
+    setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
+      const adapter = useDate();
+      const {
+        t
+      } = useLocale();
+      createDatePicker();
+      const model = vue.ref(props.modelValue ?? []);
+      const isReversing = vue.ref(false);
+      const displayDate = useProxiedModel(props, 'displayDate', props.displayDate);
+      const inputMode = useProxiedModel(props, 'inputMode', props.inputMode);
+      const viewMode = useProxiedModel(props, 'viewMode', props.viewMode);
+      const inputModel = vue.computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
+      const title = vue.computed(() => t(props.title));
+      const header = vue.computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
+      const headerIcon = vue.computed(() => inputMode.value === 'calendar' ? props.keyboardIcon : props.calendarIcon);
+      const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
+      vue.watch(inputModel, () => {
+        const {
+          isValid,
+          date
+        } = adapter;
+        model.value = isValid(inputModel.value) ? [date(inputModel.value)] : [];
+      });
+      vue.watch(model, (val, oldVal) => {
+        if (props.hideActions) {
+          emit('update:modelValue', val);
+        }
+        if (val[0] && oldVal[0]) {
+          isReversing.value = adapter.isBefore(val[0], oldVal[0]);
+        }
+      });
+      function onClickCancel() {
+        emit('click:cancel');
+      }
+      function onClickSave() {
+        emit('click:save');
+        emit('update:modelValue', model.value);
+      }
+      function onClickAppend() {
+        inputMode.value = inputMode.value === 'calendar' ? 'keyboard' : 'calendar';
+      }
+      const headerSlotProps = vue.computed(() => ({
+        header: header.value,
+        appendIcon: headerIcon.value,
+        transition: headerTransition.value,
+        'onClick:append': onClickAppend
+      }));
+      useRender(() => {
+        const [pickerProps] = VPicker.filterProps(props);
+        const [datePickerControlsProps] = VDatePickerControls.filterProps(props);
+        const [datePickerMonthProps] = VDatePickerMonth.filterProps(props);
+        const [datePickerYearsProps] = VDatePickerYears.filterProps(props);
+        return vue.createVNode(VPicker, vue.mergeProps(pickerProps, {
+          "class": ['v-date-picker', props.class],
+          "style": props.style,
+          "title": title.value
+        }), {
+          header: () => slots.header?.(headerSlotProps.value) ?? vue.createVNode(VDatePickerHeader, vue.mergeProps({
+            "key": "header"
+          }, headerSlotProps.value), null),
+          default: () => inputMode.value === 'calendar' ? vue.createVNode(vue.Fragment, null, [vue.createVNode(VDatePickerControls, vue.mergeProps(datePickerControlsProps, {
+            "displayDate": displayDate.value,
+            "onUpdate:displayDate": $event => displayDate.value = $event,
+            "viewMode": viewMode.value,
+            "onUpdate:viewMode": $event => viewMode.value = $event
+          }), null), vue.createVNode(VFadeTransition, {
+            "hideOnLeave": true
+          }, {
+            default: () => [viewMode.value === 'month' ? vue.createVNode(VDatePickerMonth, vue.mergeProps({
+              "key": "date-picker-month"
+            }, datePickerMonthProps, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
+              "displayDate": displayDate.value,
+              "onUpdate:displayDate": $event => displayDate.value = $event
+            }), null) : vue.createVNode(VDatePickerYears, vue.mergeProps({
+              "key": "date-picker-years"
+            }, datePickerYearsProps, {
+              "displayDate": displayDate.value,
+              "onUpdate:displayDate": $event => displayDate.value = $event,
+              "viewMode": viewMode.value,
+              "onUpdate:viewMode": $event => viewMode.value = $event
+            }), null)]
+          })]) : vue.createVNode("div", {
+            "class": "v-date-picker__input"
+          }, [vue.createVNode(VTextField, {
+            "modelValue": inputModel.value,
+            "onUpdate:modelValue": $event => inputModel.value = $event,
+            "label": t(props.inputText),
+            "placeholder": "dd/mm/yyyy"
+          }, null)]),
+          actions: !props.hideActions ? () => vue.createVNode("div", null, [vue.createVNode(VBtn, {
+            "variant": "text",
+            "color": props.color,
+            "onClick": onClickCancel,
+            "text": t(props.cancelText)
+          }, null), vue.createVNode(VBtn, {
+            "variant": "text",
+            "color": props.color,
+            "onClick": onClickSave,
+            "text": t(props.okText)
+          }, null)]) : undefined
+        });
+      });
+      return {};
+    }
+  });
+
+  // Types
+
+  const makeVInfiniteScrollProps = propsFactory({
+    color: String,
+    direction: {
+      type: String,
+      default: 'vertical',
+      validator: v => ['vertical', 'horizontal'].includes(v)
+    },
+    side: {
+      type: String,
+      default: 'end',
+      validator: v => ['start', 'end', 'both'].includes(v)
+    },
+    mode: {
+      type: String,
+      default: 'intersect',
+      validator: v => ['intersect', 'manual'].includes(v)
+    },
+    margin: [Number, String],
+    loadMoreText: {
+      type: String,
+      default: '$vuetify.infiniteScroll.loadMore'
+    },
+    emptyText: {
+      type: String,
+      default: '$vuetify.infiniteScroll.empty'
+    },
+    ...makeDimensionProps(),
+    ...makeTagProps()
+  }, 'VInfiniteScroll');
+  const VInfiniteScrollIntersect = defineComponent({
+    name: 'VInfiniteScrollIntersect',
+    props: {
+      side: {
+        type: String,
+        required: true
+      },
+      rootRef: null,
+      rootMargin: String
+    },
+    emits: {
+      intersect: side => true
+    },
+    setup(props, _ref) {
+      let {
+        emit
+      } = _ref;
+      const {
+        intersectionRef,
+        isIntersecting
+      } = useIntersectionObserver(entries => {}, props.rootMargin ? {
+        root: props.rootRef,
+        rootMargin: props.rootMargin
+      } : undefined);
+      vue.watch(isIntersecting, async val => {
+        if (val) emit('intersect', props.side);
+      });
+      useRender(() => vue.createVNode("div", {
+        "class": "v-infinite-scroll-intersect",
+        "ref": intersectionRef
+      }, [vue.createTextVNode("\xA0")]));
+      return {};
+    }
+  });
+  const VInfiniteScroll = genericComponent()({
+    name: 'VInfiniteScroll',
+    props: makeVInfiniteScrollProps(),
+    emits: {
+      load: options => true
+    },
+    setup(props, _ref2) {
+      let {
+        slots,
+        emit
+      } = _ref2;
+      const rootEl = vue.ref();
+      const startStatus = vue.ref('ok');
+      const endStatus = vue.ref('ok');
+      const margin = vue.computed(() => convertToUnit(props.margin));
+      function setScrollAmount(amount) {
+        if (!rootEl.value) return;
+        const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
+        rootEl.value[property] = amount;
+      }
+      function getScrollAmount() {
+        if (!rootEl.value) return 0;
+        const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
+        return rootEl.value[property];
+      }
+      function getScrollSize() {
+        if (!rootEl.value) return 0;
+        const property = props.direction === 'vertical' ? 'scrollHeight' : 'scrollWidth';
+        return rootEl.value[property];
+      }
+      function getContainerSize() {
+        if (!rootEl.value) return 0;
+        const property = props.direction === 'vertical' ? 'clientHeight' : 'clientWidth';
+        return rootEl.value[property];
+      }
+      vue.onMounted(() => {
+        if (!rootEl.value) return;
+        if (props.side === 'start') {
+          setScrollAmount(getScrollSize());
+        } else if (props.side === 'both') {
+          setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);
+        }
+      });
+      function setStatus(side, status) {
+        if (side === 'start') {
+          startStatus.value = status;
+        } else if (side === 'end') {
+          endStatus.value = status;
+        }
+      }
+      function getStatus(side) {
+        return side === 'start' ? startStatus.value : endStatus.value;
+      }
+      let previousScrollSize = 0;
+      function handleIntersect(side) {
+        const status = getStatus(side);
+        if (!rootEl.value || status === 'loading') return;
+        previousScrollSize = getScrollSize();
+        setStatus(side, 'loading');
+        function done(status) {
+          setStatus(side, status);
+          vue.nextTick(() => {
+            if (status === 'ok' && side === 'start') {
+              setScrollAmount(getScrollSize() - previousScrollSize + getScrollAmount());
+            }
+          });
+        }
+        emit('load', {
+          side,
+          done
+        });
+      }
+      const {
+        t
+      } = useLocale();
+      function renderSide(side, status) {
+        if (props.side !== side && props.side !== 'both') return;
+        const onClick = () => handleIntersect(side);
+        const slotProps = {
+          side,
+          props: {
+            onClick,
+            color: props.color
+          }
+        };
+        if (status === 'error') return slots.error?.(slotProps);
+        if (status === 'empty') return slots.empty?.(slotProps) ?? vue.createVNode("div", null, [t(props.emptyText)]);
+        if (props.mode === 'manual') {
+          if (status === 'loading') {
+            return slots.loading?.(slotProps) ?? vue.createVNode(VProgressCircular, {
+              "indeterminate": true,
+              "color": props.color
+            }, null);
+          }
+          return slots['load-more']?.(slotProps) ?? vue.createVNode(VBtn, {
+            "variant": "outlined",
+            "color": props.color,
+            "onClick": onClick
+          }, {
+            default: () => [t(props.loadMoreText)]
+          });
+        }
+        return slots.loading?.(slotProps) ?? vue.createVNode(VProgressCircular, {
+          "indeterminate": true,
+          "color": props.color
+        }, null);
+      }
+      const {
+        dimensionStyles
+      } = useDimension(props);
+      useRender(() => {
+        const Tag = props.tag;
+        const hasStartIntersect = props.side === 'start' || props.side === 'both';
+        const hasEndIntersect = props.side === 'end' || props.side === 'both';
+        const intersectMode = props.mode === 'intersect';
+        return vue.createVNode(Tag, {
+          "ref": rootEl,
+          "class": ['v-infinite-scroll', `v-infinite-scroll--${props.direction}`, {
+            'v-infinite-scroll--start': hasStartIntersect,
+            'v-infinite-scroll--end': hasEndIntersect
+          }],
+          "style": dimensionStyles.value
+        }, {
+          default: () => [vue.createVNode("div", {
+            "class": "v-infinite-scroll__side"
+          }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
+            "key": "start",
+            "side": "start",
+            "onIntersect": handleIntersect,
+            "rootRef": rootEl.value,
+            "rootMargin": margin.value
+          }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
+            "key": "end",
+            "side": "end",
+            "onIntersect": handleIntersect,
+            "rootRef": rootEl.value,
+            "rootMargin": margin.value
+          }, null), vue.createVNode("div", {
+            "class": "v-infinite-scroll__side"
+          }, [renderSide('end', endStatus.value)])]
+        });
+      });
+    }
+  });
+
+  // Types
+
+  const rootTypes = {
+    actions: 'button@2',
+    article: 'heading, paragraph',
+    avatar: 'avatar',
+    button: 'button',
+    card: 'image, heading',
+    'card-avatar': 'image, list-item-avatar',
+    chip: 'chip',
+    'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',
+    'date-picker-options': 'text, avatar@2',
+    'date-picker-days': 'avatar@28',
+    divider: 'divider',
+    heading: 'heading',
+    image: 'image',
+    'list-item': 'text',
+    'list-item-avatar': 'avatar, text',
+    'list-item-two-line': 'sentences',
+    'list-item-avatar-two-line': 'avatar, sentences',
+    'list-item-three-line': 'paragraph',
+    'list-item-avatar-three-line': 'avatar, paragraph',
+    paragraph: 'text@3',
+    sentences: 'text@2',
+    subtitle: 'text',
+    table: 'table-heading, table-thead, table-tbody, table-tfoot',
+    'table-heading': 'chip, text',
+    'table-thead': 'heading@6',
+    'table-tbody': 'table-row-divider@6',
+    'table-row-divider': 'table-row, divider',
+    'table-row': 'text@6',
+    'table-tfoot': 'text@2, avatar@2',
+    text: 'text'
+  };
+  function genBone(type) {
+    let children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    return vue.createVNode("div", {
+      "class": ['v-skeleton-loader__bone', `v-skeleton-loader__${type}`]
+    }, [children]);
+  }
+  function genBones(bone) {
+    // e.g. 'text@3'
+    const [type, length] = bone.split('@');
+
+    // Generate a length array based upon
+    // value after @ in the bone string
+    return Array.from({
+      length
+    }).map(() => genStructure(type));
   }
-  function endOfYear(date) {
-    return new Date(date.getFullYear(), 11, 31);
+  function genStructure(type) {
+    let children = [];
+    if (!type) return children;
+
+    // TODO: figure out a better way to type this
+    const bone = rootTypes[type];
+
+    // End of recursion, do nothing
+    /* eslint-disable-next-line no-empty, brace-style */
+    if (type === bone) ;
+    // Array of values - e.g. 'heading, paragraph, text@2'
+    else if (type.includes(',')) return mapBones(type);
+    // Array of values - e.g. 'paragraph@4'
+    else if (type.includes('@')) return genBones(type);
+    // Array of values - e.g. 'card@2'
+    else if (bone.includes(',')) children = mapBones(bone);
+    // Array of values - e.g. 'list-item@2'
+    else if (bone.includes('@')) children = genBones(bone);
+    // Single value - e.g. 'card-heading'
+    else if (bone) children.push(genStructure(bone));
+    return [genBone(type, children)];
   }
-  function getMondayOfFirstWeekOfYear(year) {
-    return new Date(year, 0, 1);
+  function mapBones(bones) {
+    // Remove spaces and return array of structures
+    return bones.replace(/\s/g, '').split(',').map(genStructure);
   }
+  const makeVSkeletonLoaderProps = propsFactory({
+    boilerplate: Boolean,
+    color: String,
+    loading: Boolean,
+    loadingText: {
+      type: String,
+      default: '$vuetify.loading'
+    },
+    type: {
+      type: [String, Array],
+      default: 'image'
+    },
+    ...makeDimensionProps(),
+    ...makeElevationProps(),
+    ...makeThemeProps()
+  }, 'VSkeletonLoader');
+  const VSkeletonLoader = genericComponent()({
+    name: 'VSkeletonLoader',
+    props: makeVSkeletonLoaderProps(),
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
+      const {
+        backgroundColorClasses,
+        backgroundColorStyles
+      } = useBackgroundColor(vue.toRef(props, 'color'));
+      const {
+        dimensionStyles
+      } = useDimension(props);
+      const {
+        elevationClasses
+      } = useElevation(props);
+      const {
+        themeClasses
+      } = provideTheme(props);
+      const {
+        t
+      } = useLocale();
+      const items = vue.computed(() => genStructure(wrapInArray(props.type).join(',')));
+      useRender(() => {
+        const isLoading = !slots.default || props.loading;
+        return vue.createVNode("div", {
+          "class": ['v-skeleton-loader', {
+            'v-skeleton-loader--boilerplate': props.boilerplate
+          }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
+          "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
+          "aria-busy": !props.boilerplate ? isLoading : undefined,
+          "aria-live": !props.boilerplate ? 'polite' : undefined,
+          "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
+          "role": !props.boilerplate ? 'alert' : undefined
+        }, [isLoading ? items.value : slots.default?.()]);
+      });
+      return {};
+    }
+  });
+
+  var components = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    VAlert: VAlert,
+    VAlertTitle: VAlertTitle,
+    VApp: VApp,
+    VAppBar: VAppBar,
+    VAppBarNavIcon: VAppBarNavIcon,
+    VAppBarTitle: VAppBarTitle,
+    VAutocomplete: VAutocomplete,
+    VAvatar: VAvatar,
+    VBadge: VBadge,
+    VBanner: VBanner,
+    VBannerActions: VBannerActions,
+    VBannerText: VBannerText,
+    VBottomNavigation: VBottomNavigation,
+    VBottomSheet: VBottomSheet,
+    VBreadcrumbs: VBreadcrumbs,
+    VBreadcrumbsDivider: VBreadcrumbsDivider,
+    VBreadcrumbsItem: VBreadcrumbsItem,
+    VBtn: VBtn,
+    VBtnGroup: VBtnGroup,
+    VBtnToggle: VBtnToggle,
+    VCard: VCard,
+    VCardActions: VCardActions,
+    VCardItem: VCardItem,
+    VCardSubtitle: VCardSubtitle,
+    VCardText: VCardText,
+    VCardTitle: VCardTitle,
+    VCarousel: VCarousel,
+    VCarouselItem: VCarouselItem,
+    VCheckbox: VCheckbox,
+    VCheckboxBtn: VCheckboxBtn,
+    VChip: VChip,
+    VChipGroup: VChipGroup,
+    VClassIcon: VClassIcon,
+    VCode: VCode,
+    VCol: VCol,
+    VColorPicker: VColorPicker,
+    VCombobox: VCombobox,
+    VComponentIcon: VComponentIcon,
+    VContainer: VContainer,
+    VCounter: VCounter,
+    VDataIterator: VDataIterator,
+    VDataTable: VDataTable,
+    VDataTableFooter: VDataTableFooter,
+    VDataTableRow: VDataTableRow,
+    VDataTableRows: VDataTableRows,
+    VDataTableServer: VDataTableServer,
+    VDataTableVirtual: VDataTableVirtual,
+    VDateCard: VDateCard,
+    VDatePicker: VDatePicker,
+    VDatePickerControls: VDatePickerControls,
+    VDatePickerHeader: VDatePickerHeader,
+    VDatePickerMonth: VDatePickerMonth,
+    VDatePickerYears: VDatePickerYears,
+    VDefaultsProvider: VDefaultsProvider,
+    VDialog: VDialog,
+    VDialogBottomTransition: VDialogBottomTransition,
+    VDialogTopTransition: VDialogTopTransition,
+    VDialogTransition: VDialogTransition,
+    VDivider: VDivider,
+    VExpandTransition: VExpandTransition,
+    VExpandXTransition: VExpandXTransition,
+    VExpansionPanel: VExpansionPanel,
+    VExpansionPanelText: VExpansionPanelText,
+    VExpansionPanelTitle: VExpansionPanelTitle,
+    VExpansionPanels: VExpansionPanels,
+    VFabTransition: VFabTransition,
+    VFadeTransition: VFadeTransition,
+    VField: VField,
+    VFieldLabel: VFieldLabel,
+    VFileInput: VFileInput,
+    VFooter: VFooter,
+    VForm: VForm,
+    VHover: VHover,
+    VIcon: VIcon,
+    VImg: VImg,
+    VInfiniteScroll: VInfiniteScroll,
+    VInput: VInput,
+    VItem: VItem,
+    VItemGroup: VItemGroup,
+    VKbd: VKbd,
+    VLabel: VLabel,
+    VLayout: VLayout,
+    VLayoutItem: VLayoutItem,
+    VLazy: VLazy,
+    VLigatureIcon: VLigatureIcon,
+    VList: VList,
+    VListGroup: VListGroup,
+    VListImg: VListImg,
+    VListItem: VListItem,
+    VListItemAction: VListItemAction,
+    VListItemMedia: VListItemMedia,
+    VListItemSubtitle: VListItemSubtitle,
+    VListItemTitle: VListItemTitle,
+    VListSubheader: VListSubheader,
+    VLocaleProvider: VLocaleProvider,
+    VMain: VMain,
+    VMenu: VMenu,
+    VMessages: VMessages,
+    VNavigationDrawer: VNavigationDrawer,
+    VNoSsr: VNoSsr,
+    VOverlay: VOverlay,
+    VPagination: VPagination,
+    VParallax: VParallax,
+    VPicker: VPicker,
+    VPickerTitle: VPickerTitle,
+    VProgressCircular: VProgressCircular,
+    VProgressLinear: VProgressLinear,
+    VRadio: VRadio,
+    VRadioGroup: VRadioGroup,
+    VRangeSlider: VRangeSlider,
+    VRating: VRating,
+    VResponsive: VResponsive,
+    VRow: VRow,
+    VScaleTransition: VScaleTransition,
+    VScrollXReverseTransition: VScrollXReverseTransition,
+    VScrollXTransition: VScrollXTransition,
+    VScrollYReverseTransition: VScrollYReverseTransition,
+    VScrollYTransition: VScrollYTransition,
+    VSelect: VSelect,
+    VSelectionControl: VSelectionControl,
+    VSelectionControlGroup: VSelectionControlGroup,
+    VSheet: VSheet,
+    VSkeletonLoader: VSkeletonLoader,
+    VSlideGroup: VSlideGroup,
+    VSlideGroupItem: VSlideGroupItem,
+    VSlideXReverseTransition: VSlideXReverseTransition,
+    VSlideXTransition: VSlideXTransition,
+    VSlideYReverseTransition: VSlideYReverseTransition,
+    VSlideYTransition: VSlideYTransition,
+    VSlider: VSlider,
+    VSnackbar: VSnackbar,
+    VSpacer: VSpacer,
+    VSvgIcon: VSvgIcon,
+    VSwitch: VSwitch,
+    VSystemBar: VSystemBar,
+    VTab: VTab,
+    VTable: VTable,
+    VTabs: VTabs,
+    VTextField: VTextField,
+    VTextarea: VTextarea,
+    VThemeProvider: VThemeProvider,
+    VTimeline: VTimeline,
+    VTimelineItem: VTimelineItem,
+    VToolbar: VToolbar,
+    VToolbarItems: VToolbarItems,
+    VToolbarTitle: VToolbarTitle,
+    VTooltip: VTooltip,
+    VValidation: VValidation,
+    VVirtualScroll: VVirtualScroll,
+    VWindow: VWindow,
+    VWindowItem: VWindowItem
+  });
 
-  // https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
-  function getWeek(date) {
-    let year = date.getFullYear();
-    let d1w1 = getMondayOfFirstWeekOfYear(year);
-    if (date < d1w1) {
-      year = year - 1;
-      d1w1 = getMondayOfFirstWeekOfYear(year);
-    } else {
-      const tv = getMondayOfFirstWeekOfYear(year + 1);
-      if (date >= tv) {
-        year = year + 1;
-        d1w1 = tv;
+  // Types
+
+  function mounted$2(el, binding) {
+    const modifiers = binding.modifiers || {};
+    const value = binding.value;
+    const {
+      once,
+      immediate,
+      ...modifierKeys
+    } = modifiers;
+    const defaultValue = !Object.keys(modifierKeys).length;
+    const {
+      handler,
+      options
+    } = typeof value === 'object' ? value : {
+      handler: value,
+      options: {
+        attributes: modifierKeys?.attr ?? defaultValue,
+        characterData: modifierKeys?.char ?? defaultValue,
+        childList: modifierKeys?.child ?? defaultValue,
+        subtree: modifierKeys?.sub ?? defaultValue
       }
-    }
-    const diffTime = Math.abs(date.getTime() - d1w1.getTime());
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-    return Math.floor(diffDays / 7) + 1;
-  }
-  function isWithinRange(date, range) {
-    return isAfter(date, range[0]) && isBefore(date, range[1]);
-  }
-  function isValid(date) {
-    const d = new Date(date);
-    return d instanceof Date && !isNaN(d.getTime());
-  }
-  function isAfter(date, comparing) {
-    return date.getTime() > comparing.getTime();
-  }
-  function isBefore(date, comparing) {
-    return date.getTime() < comparing.getTime();
-  }
-  function isEqual(date, comparing) {
-    return date.getTime() === comparing.getTime();
-  }
-  function isSameDay(date, comparing) {
-    return date.getDate() === comparing.getDate() && date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+    };
+    const observer = new MutationObserver(function () {
+      let mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      let observer = arguments.length > 1 ? arguments[1] : undefined;
+      handler?.(mutations, observer);
+      if (once) unmounted$2(el, binding);
+    });
+    if (immediate) handler?.([], observer);
+    el._mutate = Object(el._mutate);
+    el._mutate[binding.instance.$.uid] = {
+      observer
+    };
+    observer.observe(el, options);
   }
-  function isSameMonth(date, comparing) {
-    return date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+  function unmounted$2(el, binding) {
+    if (!el._mutate?.[binding.instance.$.uid]) return;
+    el._mutate[binding.instance.$.uid].observer.disconnect();
+    delete el._mutate[binding.instance.$.uid];
   }
-  function getDiff(date, comparing, unit) {
-    const d = new Date(date);
-    const c = new Date(comparing);
-    if (unit === 'month') {
-      return d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12;
+  const Mutate = {
+    mounted: mounted$2,
+    unmounted: unmounted$2
+  };
+
+  // Types
+
+  function mounted$1(el, binding) {
+    const handler = binding.value;
+    const options = {
+      passive: !binding.modifiers?.active
+    };
+    window.addEventListener('resize', handler, options);
+    el._onResize = Object(el._onResize);
+    el._onResize[binding.instance.$.uid] = {
+      handler,
+      options
+    };
+    if (!binding.modifiers?.quiet) {
+      handler();
     }
-    return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
-  }
-  function setYear(date, year) {
-    const d = new Date(date);
-    d.setFullYear(year);
-    return d;
   }
-  class VuetifyDateAdapter {
-    constructor() {
-      let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
-      this.locale = locale;
-    }
-    date(value) {
-      return date(value);
-    }
-    addDays(date, amount) {
-      return addDays(date, amount);
-    }
-    addMonths(date, amount) {
-      return addMonths(date, amount);
-    }
-    getWeekArray(date) {
-      return getWeekArray(date);
-    }
-    startOfMonth(date) {
-      return startOfMonth(date);
-    }
-    endOfMonth(date) {
-      return endOfMonth(date);
-    }
-    format(date, formatString) {
-      return format(date, formatString, this.locale);
-    }
-    isEqual(date, comparing) {
-      return isEqual(date, comparing);
-    }
-    isValid(date) {
-      return isValid(date);
-    }
-    isWithinRange(date, range) {
-      return isWithinRange(date, range);
-    }
-    isAfter(date, comparing) {
-      return isAfter(date, comparing);
-    }
-    isSameDay(date, comparing) {
-      return isSameDay(date, comparing);
-    }
-    isSameMonth(date, comparing) {
-      return isSameMonth(date, comparing);
-    }
-    setYear(date, year) {
-      return setYear(date, year);
-    }
-    getDiff(date, comparing, unit) {
-      return getDiff(date, comparing, unit);
-    }
-    getWeek(date) {
-      return getWeek(date);
-    }
-    getWeekdays() {
-      return getWeekdays(this.locale);
-    }
-    getYear(date) {
-      return getYear(date);
-    }
-    getMonth(date) {
-      return getMonth(date);
-    }
-    startOfYear(date) {
-      return startOfYear(date);
-    }
-    endOfYear(date) {
-      return endOfYear(date);
-    }
+  function unmounted$1(el, binding) {
+    if (!el._onResize?.[binding.instance.$.uid]) return;
+    const {
+      handler,
+      options
+    } = el._onResize[binding.instance.$.uid];
+    window.removeEventListener('resize', handler, options);
+    delete el._onResize[binding.instance.$.uid];
   }
-
-  // Composables
+  const Resize = {
+    mounted: mounted$1,
+    unmounted: unmounted$1
+  };
 
   // Types
 
-  const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
-  function createDate(options) {
-    return options ?? {
-      adapter: VuetifyDateAdapter
+  function mounted(el, binding) {
+    const {
+      self = false
+    } = binding.modifiers ?? {};
+    const value = binding.value;
+    const options = typeof value === 'object' && value.options || {
+      passive: true
+    };
+    const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler;
+    const target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
+    if (!target) return;
+    target.addEventListener('scroll', handler, options);
+    el._onScroll = Object(el._onScroll);
+    el._onScroll[binding.instance.$.uid] = {
+      handler,
+      options,
+      // Don't reference self
+      target: self ? undefined : target
     };
   }
+  function unmounted(el, binding) {
+    if (!el._onScroll?.[binding.instance.$.uid]) return;
+    const {
+      handler,
+      options,
+      target = el
+    } = el._onScroll[binding.instance.$.uid];
+    target.removeEventListener('scroll', handler, options);
+    delete el._onScroll[binding.instance.$.uid];
+  }
+  function updated(el, binding) {
+    if (binding.value === binding.oldValue) return;
+    unmounted(el, binding);
+    mounted(el, binding);
+  }
+  const Scroll = {
+    mounted,
+    unmounted,
+    updated
+  };
+
+  var directives = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ClickOutside: ClickOutside,
+    Intersect: Intersect,
+    Mutate: Mutate,
+    Resize: Resize,
+    Ripple: Ripple,
+    Scroll: Scroll,
+    Touch: Touch
+  });
 
   // Composables
   function createVuetify$1() {
@@ -22507,7 +23423,7 @@
       date
     };
   }
-  const version$1 = "3.3.3";
+  const version$1 = "3.3.5";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -22521,7 +23437,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.3.3";
+  const version = "3.3.5";
 
   /* eslint-disable local-rules/sort-imports */