vuetify 3.4.8 → 3.4.10

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.8
+* Vuetify v3.4.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -531,6 +531,14 @@ function ensureValidVNode(vnodes) {
     return child.type !== Fragment || ensureValidVNode(child.children);
   }) ? vnodes : null;
 }
+function defer(timeout, cb) {
+  if (!IN_BROWSER || timeout === 0) {
+    cb();
+    return () => {};
+  }
+  const timeoutId = window.setTimeout(cb, timeout);
+  return () => window.clearTimeout(timeoutId);
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -1895,7 +1903,8 @@ var en = {
     }
   },
   calendar: {
-    moreEvents: '{0} more'
+    moreEvents: '{0} more',
+    today: 'Today'
   },
   input: {
     clear: 'Clear {0}',
@@ -3827,7 +3836,6 @@ const VAppBar = genericComponent()({
         // shrink: behavior.has('shrink'),
       };
     });
-
     const canScroll = computed(() => {
       const behavior = scrollBehavior.value;
       return behavior.hide ||
@@ -3910,6 +3918,7 @@ const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
 // typeof allowedDensities[number] evalutes to any
 // when generating api types for whatever reason.
+
 // Composables
 const makeDensityProps = propsFactory({
   density: {
@@ -5805,6 +5814,68 @@ const VAlert = genericComponent()({
   }
 });
 
+const makeVAvatarProps = propsFactory({
+  start: Boolean,
+  end: Boolean,
+  icon: IconValue,
+  image: String,
+  text: String,
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeRoundedProps(),
+  ...makeSizeProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps({
+    variant: 'flat'
+  })
+}, 'VAvatar');
+const VAvatar = genericComponent()({
+  name: 'VAvatar',
+  props: makeVAvatarProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      sizeClasses,
+      sizeStyles
+    } = useSize(props);
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-avatar', {
+        'v-avatar--start': props.start,
+        'v-avatar--end': props.end
+      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      "style": [colorStyles.value, sizeStyles.value, props.style]
+    }, {
+      default: () => [props.image ? createVNode(VImg, {
+        "key": "image",
+        "src": props.image,
+        "alt": "",
+        "cover": true
+      }, null) : props.icon ? createVNode(VIcon, {
+        "key": "icon",
+        "icon": props.icon
+      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
+    }));
+    return {};
+  }
+});
+
 const makeVLabelProps = propsFactory({
   text: String,
   clickable: Boolean,
@@ -6772,68 +6843,6 @@ const VCheckbox = genericComponent()({
   }
 });
 
-const makeVAvatarProps = propsFactory({
-  start: Boolean,
-  end: Boolean,
-  icon: IconValue,
-  image: String,
-  text: String,
-  ...makeComponentProps(),
-  ...makeDensityProps(),
-  ...makeRoundedProps(),
-  ...makeSizeProps(),
-  ...makeTagProps(),
-  ...makeThemeProps(),
-  ...makeVariantProps({
-    variant: 'flat'
-  })
-}, 'VAvatar');
-const VAvatar = genericComponent()({
-  name: 'VAvatar',
-  props: makeVAvatarProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      colorClasses,
-      colorStyles,
-      variantClasses
-    } = useVariant(props);
-    const {
-      densityClasses
-    } = useDensity(props);
-    const {
-      roundedClasses
-    } = useRounded(props);
-    const {
-      sizeClasses,
-      sizeStyles
-    } = useSize(props);
-    useRender(() => createVNode(props.tag, {
-      "class": ['v-avatar', {
-        'v-avatar--start': props.start,
-        'v-avatar--end': props.end
-      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
-      "style": [colorStyles.value, sizeStyles.value, props.style]
-    }, {
-      default: () => [props.image ? createVNode(VImg, {
-        "key": "image",
-        "src": props.image,
-        "alt": "",
-        "cover": true
-      }, null) : props.icon ? createVNode(VIcon, {
-        "key": "icon",
-        "icon": props.icon
-      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
-    }));
-    return {};
-  }
-});
-
 // Types
 
 const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
@@ -7126,7 +7135,8 @@ const VChip = genericComponent()({
           }
         }, slots.append)]), hasClose && createVNode("button", mergeProps({
           "key": "close",
-          "class": "v-chip__close"
+          "class": "v-chip__close",
+          "type": "button"
         }, closeProps.value), [!slots.close ? createVNode(VIcon, {
           "key": "close-icon",
           "icon": props.closeIcon,
@@ -8392,6 +8402,9 @@ const VList = genericComponent()({
       }
       e.preventDefault();
     }
+    function onMousedown(e) {
+      isFocused.value = true;
+    }
     function focus(location) {
       if (contentRef.value) {
         return focusChild(contentRef.value, location);
@@ -8402,7 +8415,8 @@ const VList = genericComponent()({
         "ref": contentRef,
         "class": ['v-list', {
           'v-list--disabled': props.disabled,
-          'v-list--nav': props.nav
+          'v-list--nav': props.nav,
+          'v-list--slim': props.slim
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class],
         "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
         "tabindex": props.disabled || isFocused.value ? -1 : 0,
@@ -8411,7 +8425,8 @@ const VList = genericComponent()({
         "onFocusin": onFocusin,
         "onFocusout": onFocusout,
         "onFocus": onFocus,
-        "onKeydown": onKeydown
+        "onKeydown": onKeydown,
+        "onMousedown": onMousedown
       }, {
         default: () => [createVNode(VListChildren, {
           "items": items.value,
@@ -8538,7 +8553,6 @@ const locationStrategies = {
   // specific viewport position, usually centered
   connected: connectedLocationStrategy // connected to a certain element
 };
-
 const makeLocationStrategyProps = propsFactory({
   locationStrategy: {
     type: [String, Function],
@@ -9085,26 +9099,27 @@ const makeDelayProps = propsFactory({
   openDelay: [Number, String]
 }, 'delay');
 function useDelay(props, cb) {
-  const delays = {};
-  const runDelayFactory = prop => () => {
-    // istanbul ignore next
-    if (!IN_BROWSER) return Promise.resolve(true);
-    const active = prop === 'openDelay';
-    delays.closeDelay && window.clearTimeout(delays.closeDelay);
-    delete delays.closeDelay;
-    delays.openDelay && window.clearTimeout(delays.openDelay);
-    delete delays.openDelay;
+  let clearDelay = () => {};
+  function runDelay(isOpening) {
+    clearDelay?.();
+    const delay = Number(isOpening ? props.openDelay : props.closeDelay);
     return new Promise(resolve => {
-      const delay = parseInt(props[prop] ?? 0, 10);
-      delays[prop] = window.setTimeout(() => {
-        cb?.(active);
-        resolve(active);
-      }, delay);
+      clearDelay = defer(delay, () => {
+        cb?.(isOpening);
+        resolve(isOpening);
+      });
     });
-  };
+  }
+  function runOpenDelay() {
+    return runDelay(true);
+  }
+  function runCloseDelay() {
+    return runDelay(false);
+  }
   return {
-    runCloseDelay: runDelayFactory('closeDelay'),
-    runOpenDelay: runDelayFactory('openDelay')
+    clearDelay,
+    runOpenDelay,
+    runCloseDelay
   };
 }
 
@@ -9951,7 +9966,7 @@ const VOverlay = genericComponent()({
         ref: activatorRef,
         targetRef
       }, activatorEvents.value, props.activatorProps)
-    }), isMounted.value && hasContent.value && createVNode(Teleport, {
+    }), !props.disabled && isMounted.value && hasContent.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
     }, {
@@ -9967,7 +9982,7 @@ const VOverlay = genericComponent()({
         "ref": root
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
-        "modelValue": isActive.value && !!props.scrim
+        "modelValue": !!props.scrim && isActive.value
       }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
@@ -11320,7 +11335,7 @@ const VSelect = genericComponent()({
       }
       return items.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const computedMenuProps = computed(() => {
       return {
         ...props.menuProps,
@@ -11330,7 +11345,6 @@ const VSelect = genericComponent()({
         }
       };
     });
-
     const listRef = ref();
     const {
       onListScroll,
@@ -11428,6 +11442,15 @@ const VSelect = genericComponent()({
         });
       }
     });
+    watch(displayItems, (val, oldVal) => {
+      if (!isFocused.value) return;
+      if (!val.length && props.hideNoData) {
+        menu.value = false;
+      }
+      if (!oldVal.length && val.length) {
+        menu.value = true;
+      }
+    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -11485,6 +11508,7 @@ const VSelect = genericComponent()({
             "onFocusin": onFocusin,
             "onScrollPassive": onListScroll,
             "tabindex": "-1",
+            "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
@@ -11521,7 +11545,9 @@ const VSelect = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependIcon && createVNode(VIcon, {
+                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
+                      "image": item.props.prependAvatar
+                    }, null), item.props.prependIcon && createVNode(VIcon, {
                       "icon": item.props.prependIcon
                     }, null)]);
                   }
@@ -11812,7 +11838,7 @@ const VAutocomplete = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     const {
       onListScroll,
@@ -11971,6 +11997,15 @@ const VAutocomplete = genericComponent()({
         });
       }
     });
+    watch(displayItems, (val, oldVal) => {
+      if (!isFocused.value) return;
+      if (!val.length && props.hideNoData) {
+        menu.value = false;
+      }
+      if (!oldVal.length && val.length) {
+        menu.value = true;
+      }
+    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -12025,6 +12060,7 @@ const VAutocomplete = genericComponent()({
             "onFocusout": onFocusout,
             "onScrollPassive": onListScroll,
             "tabindex": "-1",
+            "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
@@ -12060,7 +12096,9 @@ const VAutocomplete = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependIcon && createVNode(VIcon, {
+                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
+                      "image": item.props.prependAvatar
+                    }, null), item.props.prependIcon && createVNode(VIcon, {
                       "icon": item.props.prependIcon
                     }, null)]);
                   },
@@ -13569,7 +13607,6 @@ const VWindowItem = genericComponent()({
     function onTransitionCancelled() {
       onAfterTransition(); // This should have the same path as normal transition end.
     }
-
     function onEnterTransition(el) {
       if (!isTransitioning.value) {
         return;
@@ -15568,7 +15605,7 @@ const VCombobox = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     const {
       onListScroll,
@@ -15696,9 +15733,6 @@ const VCombobox = genericComponent()({
     function onUpdateModelValue(v) {
       if (v == null || v === '' && !props.multiple) model.value = [];
     }
-    watch(filteredItems, val => {
-      if (!val.length && props.hideNoData) menu.value = false;
-    });
     watch(isFocused, (val, oldVal) => {
       if (val || val === oldVal) return;
       selectionIndex.value = -1;
@@ -15722,6 +15756,15 @@ const VCombobox = genericComponent()({
         });
       }
     });
+    watch(displayItems, (val, oldVal) => {
+      if (!isFocused.value) return;
+      if (!val.length && props.hideNoData) {
+        menu.value = false;
+      }
+      if (!oldVal.length && val.length) {
+        menu.value = true;
+      }
+    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -15776,6 +15819,7 @@ const VCombobox = genericComponent()({
             "onFocusout": onFocusout,
             "onScrollPassive": onListScroll,
             "tabindex": "-1",
+            "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
@@ -15811,7 +15855,9 @@ const VCombobox = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependIcon && createVNode(VIcon, {
+                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
+                      "image": item.props.prependAvatar
+                    }, null), item.props.prependIcon && createVNode(VIcon, {
                       "icon": item.props.prependIcon
                     }, null)]);
                   },
@@ -16596,6 +16642,20 @@ function getWeekArray(date, locale) {
   }
   return weeks;
 }
+function startOfWeek(date) {
+  const d = new Date(date);
+  while (d.getDay() !== 0) {
+    d.setDate(d.getDate() - 1);
+  }
+  return d;
+}
+function endOfWeek(date) {
+  const d = new Date(date);
+  while (d.getDay() !== 6) {
+    d.setDate(d.getDate() + 1);
+  }
+  return d;
+}
 function startOfMonth(date) {
   return new Date(date.getFullYear(), date.getMonth(), 1);
 }
@@ -16624,14 +16684,18 @@ function date(value) {
   return null;
 }
 const sundayJanuarySecond2000 = new Date(2000, 0, 2);
+
+// The number of letters returned by getWeekday() varies by date library
+// So we've opted for 3-letter abbreviations for all locales
 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: 'narrow'
+    const formattedDay = new Intl.DateTimeFormat(locale, {
+      weekday: 'short'
     }).format(weekday);
+    return formattedDay.charAt(0).toUpperCase() + formattedDay.slice(1);
   });
 }
 function format(value, formatString, locale, formats) {
@@ -16650,6 +16714,12 @@ function format(value, formatString, locale, formats) {
         year: 'numeric'
       };
       break;
+    case 'hours12h':
+      options = {
+        hour: 'numeric',
+        hour12: true
+      };
+      break;
     case 'normalDateWithWeekday':
       options = {
         weekday: 'short',
@@ -16698,6 +16768,11 @@ function format(value, formatString, locale, formats) {
         day: 'numeric'
       };
       break;
+    case 'weekdayShort':
+      options = {
+        weekday: 'short'
+      };
+      break;
     case 'year':
       options = {
         year: 'numeric'
@@ -16722,11 +16797,26 @@ function parseISO(value) {
   const [year, month, day] = value.split('-').map(Number);
   return new Date(year, month - 1, day);
 }
+function addMinutes(date, amount) {
+  const d = new Date(date);
+  d.setMinutes(d.getMinutes() + amount);
+  return d;
+}
+function addHours(date, amount) {
+  const d = new Date(date);
+  d.setHours(d.getHours() + amount);
+  return d;
+}
 function addDays(date, amount) {
   const d = new Date(date);
   d.setDate(d.getDate() + amount);
   return d;
 }
+function addWeeks(date, amount) {
+  const d = new Date(date);
+  d.setDate(d.getDate() + amount * 7);
+  return d;
+}
 function addMonths(date, amount) {
   const d = new Date(date);
   d.setMonth(d.getMonth() + amount);
@@ -16741,6 +16831,12 @@ function getMonth(date) {
 function getNextMonth(date) {
   return new Date(date.getFullYear(), date.getMonth() + 1, 1);
 }
+function getHours(date) {
+  return date.getHours();
+}
+function getMinutes(date) {
+  return date.getMinutes();
+}
 function startOfYear(date) {
   return new Date(date.getFullYear(), 0, 1);
 }
@@ -16777,6 +16873,16 @@ function getDiff(date, comparing, unit) {
   }
   return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
 }
+function setHours(date, count) {
+  const d = new Date(date);
+  d.setHours(count);
+  return d;
+}
+function setMinutes(date, count) {
+  const d = new Date(date);
+  d.setMinutes(count);
+  return d;
+}
 function setMonth(date, count) {
   const d = new Date(date);
   d.setMonth(count);
@@ -16810,15 +16916,30 @@ class VuetifyDateAdapter {
   parseISO(date) {
     return parseISO(date);
   }
+  addMinutes(date, amount) {
+    return addMinutes(date, amount);
+  }
+  addHours(date, amount) {
+    return addHours(date, amount);
+  }
   addDays(date, amount) {
     return addDays(date, amount);
   }
+  addWeeks(date, amount) {
+    return addWeeks(date, amount);
+  }
   addMonths(date, amount) {
     return addMonths(date, amount);
   }
   getWeekArray(date) {
     return getWeekArray(date, this.locale);
   }
+  startOfWeek(date) {
+    return startOfWeek(date);
+  }
+  endOfWeek(date) {
+    return endOfWeek(date);
+  }
   startOfMonth(date) {
     return startOfMonth(date);
   }
@@ -16849,6 +16970,12 @@ class VuetifyDateAdapter {
   isSameMonth(date, comparing) {
     return isSameMonth(date, comparing);
   }
+  setMinutes(date, count) {
+    return setMinutes(date, count);
+  }
+  setHours(date, count) {
+    return setHours(date, count);
+  }
   setMonth(date, count) {
     return setMonth(date, count);
   }
@@ -16870,6 +16997,12 @@ class VuetifyDateAdapter {
   getNextMonth(date) {
     return getNextMonth(date);
   }
+  getHours(date) {
+    return getHours(date);
+  }
+  getMinutes(date) {
+    return getMinutes(date);
+  }
   startOfDay(date) {
     return startOfDay(date);
   }
@@ -17728,35 +17861,38 @@ const VDataTableFooter = genericComponent()({
         title: t(option.title)
       };
     }));
-    useRender(() => createVNode("div", {
-      "class": "v-data-table-footer"
-    }, [slots.prepend?.(), createVNode("div", {
-      "class": "v-data-table-footer__items-per-page"
-    }, [createVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
-      "items": itemsPerPageOptions.value,
-      "modelValue": itemsPerPage.value,
-      "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
-      "density": "compact",
-      "variant": "outlined",
-      "hide-details": true
-    }, null)]), createVNode("div", {
-      "class": "v-data-table-footer__info"
-    }, [createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createVNode("div", {
-      "class": "v-data-table-footer__pagination"
-    }, [createVNode(VPagination, {
-      "modelValue": page.value,
-      "onUpdate:modelValue": $event => page.value = $event,
-      "density": "comfortable",
-      "first-aria-label": props.firstPageLabel,
-      "last-aria-label": props.lastPageLabel,
-      "length": pageCount.value,
-      "next-aria-label": props.nextPageLabel,
-      "previous-aria-label": props.prevPageLabel,
-      "rounded": true,
-      "show-first-last-page": true,
-      "total-visible": props.showCurrentPage ? 1 : 0,
-      "variant": "plain"
-    }, null)])]));
+    useRender(() => {
+      const paginationProps = VPagination.filterProps(props);
+      return createVNode("div", {
+        "class": "v-data-table-footer"
+      }, [slots.prepend?.(), createVNode("div", {
+        "class": "v-data-table-footer__items-per-page"
+      }, [createVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
+        "items": itemsPerPageOptions.value,
+        "modelValue": itemsPerPage.value,
+        "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
+        "density": "compact",
+        "variant": "outlined",
+        "hide-details": true
+      }, null)]), createVNode("div", {
+        "class": "v-data-table-footer__info"
+      }, [createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createVNode("div", {
+        "class": "v-data-table-footer__pagination"
+      }, [createVNode(VPagination, mergeProps({
+        "modelValue": page.value,
+        "onUpdate:modelValue": $event => page.value = $event,
+        "density": "comfortable",
+        "first-aria-label": props.firstPageLabel,
+        "last-aria-label": props.lastPageLabel,
+        "length": pageCount.value,
+        "next-aria-label": props.nextPageLabel,
+        "previous-aria-label": props.prevPageLabel,
+        "rounded": true,
+        "show-first-last-page": true,
+        "total-visible": props.showCurrentPage ? 1 : 0,
+        "variant": "plain"
+      }, paginationProps), null)])]);
+    });
     return {};
   }
 });
@@ -18140,7 +18276,8 @@ const VDataTableHeaders = genericComponent()({
         "class": ['v-data-table__th', {
           'v-data-table__th--sortable': column.sortable,
           'v-data-table__th--sorted': isSorted(column),
-          'v-data-table__th--fixed': column.fixed
+          'v-data-table__th--fixed': column.fixed,
+          'v-data-table__th--sticky': props.sticky
         }, loaderClasses.value],
         "style": {
           width: convertToUnit(column.width),
@@ -19634,7 +19771,11 @@ const makeCalendarProps = propsFactory({
   max: null,
   min: null,
   showAdjacentMonths: Boolean,
-  year: [Number, String]
+  year: [Number, String],
+  weekdays: {
+    type: Array,
+    default: () => [0, 1, 2, 3, 4, 5, 6]
+  }
 }, 'calendar');
 function useCalendar(props) {
   const adapter = useDate();
@@ -19675,10 +19816,10 @@ function useCalendar(props) {
     }
     return weeks;
   });
-  const daysInMonth = computed(() => {
-    const days = weeksInMonth.value.flat();
-    const today = adapter.date();
-    return days.map((date, index) => {
+  function genDays(days, today) {
+    return days.filter(date => {
+      return props.weekdays.includes(date.getDay());
+    }).map((date, index) => {
       const isoDate = adapter.toISO(date);
       const isAdjacent = !adapter.isSameMonth(date, month.value);
       const isStart = adapter.isSameDay(date, adapter.startOfMonth(month.value));
@@ -19703,6 +19844,21 @@ function useCalendar(props) {
         localized: adapter.format(date, 'dayOfMonth')
       };
     });
+  }
+  const daysInWeek = computed(() => {
+    const lastDay = adapter.startOfWeek(model.value);
+    const week = [];
+    for (let day = 0; day <= 6; day++) {
+      week.push(adapter.addDays(lastDay, day));
+    }
+    const days = week;
+    const today = adapter.date();
+    return genDays(days, today);
+  });
+  const daysInMonth = computed(() => {
+    const days = weeksInMonth.value.flat();
+    const today = adapter.date();
+    return genDays(days, today);
   });
   const weekNumbers = computed(() => {
     return weeksInMonth.value.map(week => {
@@ -19725,6 +19881,8 @@ function useCalendar(props) {
   return {
     displayValue,
     daysInMonth,
+    daysInWeek,
+    genDays,
     model,
     weeksInMonth,
     weekNumbers
@@ -19787,7 +19945,7 @@ const VDatePickerMonth = genericComponent()({
       "class": "v-date-picker-month__days"
     }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => createVNode("div", {
       "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
-    }, [weekDay])), daysInMonth.value.map((item, i) => {
+    }, [weekDay[0]])), daysInMonth.value.map((item, i) => {
       const slotProps = {
         props: {
           onClick: () => onClick(item.date)
@@ -20215,7 +20373,10 @@ const VDatePicker = genericComponent()({
           "key": "header"
         }, datePickerHeaderProps, headerProps, {
           "onClick": viewMode.value !== 'month' ? onClickDate : undefined
-        }), slots),
+        }), {
+          ...slots,
+          default: undefined
+        }),
         default: () => createVNode(Fragment, null, [createVNode(VDatePickerControls, mergeProps(datePickerControlsProps, {
           "disabled": disabled.value,
           "text": text.value,
@@ -25230,7 +25391,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.4.8";
+const version$1 = "3.4.10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25255,7 +25416,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.4.8";
+const version = "3.4.10";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDate, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };