@vuetify/nightly 3.8.1-next.2025-04-15 → 3.8.2-master.2025-04-17

package/lib/labs/VCalendar/VCalendarHeader.css

@@ -1,14 +1,14 @@
-@layer vuetify.components {
-  .v-calendar-header {
-    align-items: center;
-    display: flex;
-    min-height: 64px;
-  }
-  .v-calendar-header__today {
-    margin-inline-end: 24px;
-  }
-  .v-calendar-header__title {
-    font-size: 1.5rem;
-    margin-inline-start: 24px;
-  }
+.v-calendar-header {
+  align-items: center;
+  display: flex;
+  min-height: 64px;
+}
+
+.v-calendar-header__today {
+  margin-inline-end: 24px;
+}
+
+.v-calendar-header__title {
+  font-size: 1.5rem;
+  margin-inline-start: 24px;
 }

package/lib/labs/VCalendar/VCalendarInterval.css

@@ -1,44 +1,43 @@
-@layer vuetify.components {
-  .v-calendar-day__row-with-label {
-    display: grid;
-    grid-template-columns: 48px 8px 1fr;
-    border-right: thin solid #e0e0e0;
-  }
-  .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
-    position: relative;
-    border-right: thin solid #e0e0e0;
-  }
-  .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
-    content: "";
-    border-bottom: thin solid #e0e0e0;
-    position: absolute;
-    width: 100%;
-    margin-top: -1px;
-    z-index: 3;
-    pointer-events: none;
-  }
-  .v-calendar-day__row-with-label .v-calendar-day__row-label {
-    font-size: 10px;
-    text-align: center;
-    position: relative;
-    top: -8px;
-  }
-  .v-calendar-day__row-with-label .v-calendar-day__row-content {
-    border-bottom: thin solid #e0e0e0;
-  }
-  .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
-    border-bottom: none;
-  }
-  .v-calendar-day__row-without-label {
-    display: grid;
-    grid-template-columns: 1fr;
-    border-right: thin solid #e0e0e0;
-  }
-  .v-calendar-day__row-without-label .v-calendar-day__row-content {
-    overflow: hidden;
-    border-bottom: thin solid #e0e0e0;
-  }
-  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
-    border-bottom: none;
-  }
+.v-calendar-day__row-with-label {
+  display: grid;
+  grid-template-columns: 48px 8px 1fr;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-hairline {
+  position: relative;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
+  content: "";
+  border-bottom: thin solid #e0e0e0;
+  position: absolute;
+  width: 100%;
+  margin-top: -1px;
+  z-index: 3;
+  pointer-events: none;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-label {
+  font-size: 10px;
+  text-align: center;
+  position: relative;
+  top: -8px;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-content {
+  border-bottom: thin solid #e0e0e0;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
+  border-bottom: none;
+}
+
+.v-calendar-day__row-without-label {
+  display: grid;
+  grid-template-columns: 1fr;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-day__row-without-label .v-calendar-day__row-content {
+  overflow: hidden;
+  border-bottom: thin solid #e0e0e0;
+}
+.v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
+  border-bottom: none;
 }

package/lib/labs/VCalendar/VCalendarInterval.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { resolveComponent as _resolveComponent, createVNode as _createVNode } from "vue";
 // Styles
 import "./VCalendarInterval.css";
 
@@ -73,37 +73,43 @@ export const VCalendarInterval = genericComponent()({
         "style": `height: ${convertToUnit(props.intervalHeight)}`
       }, [_createVNode("div", {
         "class": "v-calendar-day__row-label"
-      }, [_createVNode("slot", {
+      }, [_createVNode(_resolveComponent("slot"), {
         "name": "intervalFormat",
         "interval": interval.value
-      }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), _createVNode("div", {
+      }, {
+        default: () => [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : '']
+      })]), _createVNode("div", {
         "class": "v-calendar-day__row-hairline"
       }, null), _createVNode("div", {
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-      }, [_createVNode("slot", {
+      }, [_createVNode(_resolveComponent("slot"), {
         "name": "intervalBody",
         "interval": interval.value
-      }, [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, {
-        "event": event,
-        "interval": interval.value,
-        "intervalDivisions": props.intervalDivisions,
-        "intervalDuration": props.intervalDuration,
-        "intervalHeight": props.intervalHeight
-      }, null))])])]) : _createVNode("div", {
+      }, {
+        default: () => [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, {
+          "event": event,
+          "interval": interval.value,
+          "intervalDivisions": props.intervalDivisions,
+          "intervalDuration": props.intervalDuration,
+          "intervalHeight": props.intervalHeight
+        }, null))]
+      })])]) : _createVNode("div", {
         "class": "v-calendar-day__row-without-label",
         "style": `height: ${convertToUnit(props.intervalHeight)}`
       }, [_createVNode("div", {
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-      }, [_createVNode("slot", {
+      }, [_createVNode(_resolveComponent("slot"), {
         "name": "intervalBody",
         "interval": interval.value
-      }, [interval.value.events?.filter(event => !event.allDay).map(event => _createVNode(VCalendarIntervalEvent, {
-        "event": event,
-        "interval": interval.value,
-        "intervalDivisions": props.intervalDivisions,
-        "intervalDuration": props.intervalDuration,
-        "intervalHeight": props.intervalHeight
-      }, null))])])]);
+      }, {
+        default: () => [interval.value.events?.filter(event => !event.allDay).map(event => _createVNode(VCalendarIntervalEvent, {
+          "event": event,
+          "interval": interval.value,
+          "intervalDivisions": props.intervalDivisions,
+          "intervalDuration": props.intervalDuration,
+          "intervalHeight": props.intervalHeight
+        }, null))]
+      })])]);
     });
     return {
       interval

package/lib/labs/VCalendar/VCalendarInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarInterval.js","names":["VCalendarIntervalEvent","useDate","computed","convertToUnit","genericComponent","propsFactory","useRender","makeVCalendarIntervalProps","day","type","Object","default","dayIndex","Number","events","Array","intervalDivisions","intervalDuration","intervalHeight","intervalFormat","String","Function","intervalStart","VCalendarInterval","name","props","index","required","setup","_ref","emit","slots","adapter","interval","start","addMinutes","startOfDay","date","end","label","format","filter","e","allDay","isEqual","isWithinRange","map","first","last","_createVNode","value","some","event"],"sources":["../../../src/labs/VCalendar/VCalendarInterval.tsx"],"sourcesContent":["// Styles\nimport './VCalendarInterval.sass'\n\n// Components\nimport { VCalendarIntervalEvent } from './VCalendarIntervalEvent'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarIntervalProps = propsFactory({\n  day: {\n    type: Object,\n    default: () => ({}),\n  },\n  dayIndex: Number,\n  events: Array<any>,\n  intervalDivisions: {\n    type: Number,\n    default: 2,\n  },\n  intervalDuration: {\n    type: Number,\n    default: 60,\n  },\n  intervalHeight: {\n    type: Number,\n    default: 48,\n  },\n  intervalFormat: {\n    type: [String, Function],\n    default: 'fullTime12h',\n  },\n  intervalStart: {\n    type: Number,\n    default: 0,\n  },\n}, 'VCalendarInterval')\n\nexport const VCalendarInterval = genericComponent()({\n  name: 'VCalendarInterval',\n\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n\n    ...makeVCalendarIntervalProps(),\n  },\n\n  setup (props, { emit, slots }) {\n    const adapter = useDate()\n    const interval = computed(() => {\n      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), (props.intervalDuration * (props.index + props.intervalStart)))\n      const end = adapter.addMinutes(\n        adapter.startOfDay(props.day.date),\n        (props.intervalDuration * (props.index + props.intervalStart + 1)) - 1\n      )\n      return {\n        ...props.day,\n        label: adapter.format(start, 'fullTime24h'),\n        start,\n        end,\n        events: props.events\n          ? props.events\n            .filter(e => !e.allDay &&\n              (adapter.isEqual(start, e.start) ||\n              adapter.isWithinRange(e.start, [start, end]) ||\n              adapter.isWithinRange(start, [e.start, e.end]) ||\n              adapter.isEqual(end, e.end))\n            )\n            .map(e => {\n              return {\n                ...e,\n                first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),\n                last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end]),\n              }\n            })\n          : [],\n      }\n    })\n\n    useRender(() => {\n      return (\n        props.dayIndex === 0 ? (\n          <div class=\"v-calendar-day__row-with-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div class=\"v-calendar-day__row-label\">\n              <slot name=\"intervalFormat\" interval={ interval.value }>\n                { props.index\n                  ? props.intervalFormat\n                    ? typeof props.intervalFormat === 'string'\n                      ? adapter.format(interval.value.start, 'hours12h')\n                      : props.intervalFormat(interval.value)\n                    : interval.value.label\n                  : ''\n                }\n              </slot>\n            </div>\n            <div class=\"v-calendar-day__row-hairline\"></div>\n            <div class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n              ? 'v-calendar-day__row-content-through'\n              : '']}\n            >\n              <slot name=\"intervalBody\" interval={ interval.value }>\n                  { interval.value.events?.map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                    />\n                  ))}\n              </slot>\n            </div>\n          </div>\n        ) : (\n          <div class=\"v-calendar-day__row-without-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n              ? 'v-calendar-day__row-content-through'\n              : '']}\n            >\n              <slot name=\"intervalBody\" interval={ interval.value }>\n                  { interval.value.events?.filter(event => !event.allDay).map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                    />\n                  ))}\n              </slot>\n            </div>\n          </div>\n        )\n      )\n    })\n\n    return { interval }\n  },\n})\n\nexport type VCalendarInterval = InstanceType<typeof VCalendarInterval>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VCalendarInterval.js","names":["VCalendarIntervalEvent","useDate","computed","convertToUnit","genericComponent","propsFactory","useRender","makeVCalendarIntervalProps","day","type","Object","default","dayIndex","Number","events","Array","intervalDivisions","intervalDuration","intervalHeight","intervalFormat","String","Function","intervalStart","VCalendarInterval","name","props","index","required","setup","_ref","emit","slots","adapter","interval","start","addMinutes","startOfDay","date","end","label","format","filter","e","allDay","isEqual","isWithinRange","map","first","last","_createVNode","_resolveComponent","value","some","event"],"sources":["../../../src/labs/VCalendar/VCalendarInterval.tsx"],"sourcesContent":["// Styles\nimport './VCalendarInterval.sass'\n\n// Components\nimport { VCalendarIntervalEvent } from './VCalendarIntervalEvent'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarIntervalProps = propsFactory({\n  day: {\n    type: Object,\n    default: () => ({}),\n  },\n  dayIndex: Number,\n  events: Array<any>,\n  intervalDivisions: {\n    type: Number,\n    default: 2,\n  },\n  intervalDuration: {\n    type: Number,\n    default: 60,\n  },\n  intervalHeight: {\n    type: Number,\n    default: 48,\n  },\n  intervalFormat: {\n    type: [String, Function],\n    default: 'fullTime12h',\n  },\n  intervalStart: {\n    type: Number,\n    default: 0,\n  },\n}, 'VCalendarInterval')\n\nexport const VCalendarInterval = genericComponent()({\n  name: 'VCalendarInterval',\n\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n\n    ...makeVCalendarIntervalProps(),\n  },\n\n  setup (props, { emit, slots }) {\n    const adapter = useDate()\n    const interval = computed(() => {\n      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), (props.intervalDuration * (props.index + props.intervalStart)))\n      const end = adapter.addMinutes(\n        adapter.startOfDay(props.day.date),\n        (props.intervalDuration * (props.index + props.intervalStart + 1)) - 1\n      )\n      return {\n        ...props.day,\n        label: adapter.format(start, 'fullTime24h'),\n        start,\n        end,\n        events: props.events\n          ? props.events\n            .filter(e => !e.allDay &&\n              (adapter.isEqual(start, e.start) ||\n              adapter.isWithinRange(e.start, [start, end]) ||\n              adapter.isWithinRange(start, [e.start, e.end]) ||\n              adapter.isEqual(end, e.end))\n            )\n            .map(e => {\n              return {\n                ...e,\n                first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),\n                last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end]),\n              }\n            })\n          : [],\n      }\n    })\n\n    useRender(() => {\n      return (\n        props.dayIndex === 0 ? (\n          <div class=\"v-calendar-day__row-with-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div class=\"v-calendar-day__row-label\">\n              <slot name=\"intervalFormat\" interval={ interval.value }>\n                { props.index\n                  ? props.intervalFormat\n                    ? typeof props.intervalFormat === 'string'\n                      ? adapter.format(interval.value.start, 'hours12h')\n                      : props.intervalFormat(interval.value)\n                    : interval.value.label\n                  : ''\n                }\n              </slot>\n            </div>\n            <div class=\"v-calendar-day__row-hairline\"></div>\n            <div class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n              ? 'v-calendar-day__row-content-through'\n              : '']}\n            >\n              <slot name=\"intervalBody\" interval={ interval.value }>\n                  { interval.value.events?.map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                    />\n                  ))}\n              </slot>\n            </div>\n          </div>\n        ) : (\n          <div class=\"v-calendar-day__row-without-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n              ? 'v-calendar-day__row-content-through'\n              : '']}\n            >\n              <slot name=\"intervalBody\" interval={ interval.value }>\n                  { interval.value.events?.filter(event => !event.allDay).map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                    />\n                  ))}\n              </slot>\n            </div>\n          </div>\n        )\n      )\n    })\n\n    return { interval }\n  },\n})\n\nexport type VCalendarInterval = InstanceType<typeof VCalendarInterval>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarIntervalEvent.css

@@ -1,8 +1,6 @@
-@layer vuetify.components {
-  .v-calendar-internal-event {
-    overflow: hidden;
-    padding: 4px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+.v-calendar-internal-event {
+  overflow: hidden;
+  padding: 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

package/lib/labs/VCalendar/VCalendarMonthDay.css

@@ -1,64 +1,61 @@
-@layer vuetify.components {
-  .v-calendar-month__day {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    min-height: 150px;
-    border-right: thin solid #e0e0e0;
-    border-bottom: thin solid #e0e0e0;
-    flex: 1 1 auto;
-    border-inline-end: thin solid #e0e0e0;
-  }
-  .v-calendar-weekly__day {
-    width: 0;
-    overflow: hidden;
-    user-select: none;
-    position: relative;
-    padding: 0px 0px 0px 0px;
-    min-width: 0;
-    min-height: 150px;
-    border-right: thin solid #e0e0e0;
-    border-bottom: thin solid #e0e0e0;
-    flex: 1 1 auto;
-    border-inline-end: thin solid #e0e0e0;
-    text-align: center;
-  }
-  .v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
-    color: currentColor;
-  }
-  .v-calendar-weekly__day-label {
-    text-decoration: none;
-    user-select: none;
-    cursor: pointer;
-    box-shadow: none;
-    text-align: center;
-  }
-  .v-calendar-weekly__day-label .v-btn {
-    font-size: 12px;
-  }
+.v-calendar-month__day {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 150px;
+  border-right: thin solid #e0e0e0;
+  border-bottom: thin solid #e0e0e0;
+  flex: 1 1 auto;
+  border-inline-end: thin solid #e0e0e0;
 }
-@layer vuetify.overrides {
-  .v-calendar-weekly__day-label .v-btn {
-    text-transform: none;
-  }
+
+.v-calendar-weekly__day {
+  flex: 1;
+  width: 0;
+  overflow: hidden;
+  user-select: none;
+  position: relative;
+  padding: 0px 0px 0px 0px;
+  min-width: 0;
+  min-height: 150px;
+  border-right: thin solid #e0e0e0;
+  border-bottom: thin solid #e0e0e0;
+  flex: 1 1 auto;
+  border-inline-end: thin solid #e0e0e0;
+  text-align: center;
 }
-@layer vuetify.components {
-  .v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
-    background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
-    color: rgb(var(--v-theme-on-surface-variant));
-  }
-  .v-calendar-weekly__day-month {
-    position: absolute;
-    text-decoration: none;
-    user-select: none;
-    box-shadow: none;
-    top: 0;
-    left: 36px;
-    height: 32px;
-    line-height: 32px;
-  }
-  .v-calendar-weekly__day-alldayevents-container {
-    min-height: 24px;
-  }
+.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
+  color: currentColor;
+}
+
+.v-calendar-weekly__day-label {
+  text-decoration: none;
+  user-select: none;
+  cursor: pointer;
+  box-shadow: none;
+  text-align: center;
+}
+.v-calendar-weekly__day-label .v-btn {
+  font-size: 12px;
+  text-transform: none !important;
+}
+.v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
+  background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+
+.v-calendar-weekly__day-month {
+  position: absolute;
+  text-decoration: none;
+  user-select: none;
+  box-shadow: none;
+  top: 0;
+  left: 36px;
+  height: 32px;
+  line-height: 32px;
+}
+
+.v-calendar-weekly__day-alldayevents-container {
+  min-height: 24px;
 }

package/lib/labs/VCalendar/VCalendarMonthDay.sass

@@ -17,6 +17,7 @@
     border-inline-end: $calendar-line-width solid $calendar-line-color
 
   .v-calendar-weekly__day
+    flex: 1
     width: 0
     overflow: hidden
     user-select: none
@@ -46,9 +47,7 @@
 
     .v-btn
       font-size: $calendar-weekly-day-label-font-size
-
-      @include tools.layer('overrides')
-        text-transform: none
+      text-transform: none !important
 
       &.v-calendar-weekly__day-label__today
         background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity))

package/lib/labs/VDateInput/VDateInput.d.ts

@@ -387,10 +387,10 @@ export declare const makeVDateInputProps: <Defaults extends {
     };
     firstDayOfWeek: unknown extends Defaults["firstDayOfWeek"] ? {
         type: (StringConstructor | NumberConstructor)[];
-        default: number;
+        default: undefined;
     } : Omit<{
         type: (StringConstructor | NumberConstructor)[];
-        default: number;
+        default: undefined;
     }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["firstDayOfWeek"] ? string | number : string | number | Defaults["firstDayOfWeek"]>;
         default: unknown extends Defaults["firstDayOfWeek"] ? string | number : NonNullable<string | number> | Defaults["firstDayOfWeek"];
@@ -824,7 +824,6 @@ export declare const VDateInput: {
         showAdjacentMonths: boolean;
         weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
         weeksInMonth: "static" | "dynamic";
-        firstDayOfWeek: string | number;
         hideWeekdays: boolean;
         showWeek: boolean;
     } & {
@@ -878,6 +877,7 @@ export declare const VDateInput: {
         suffix?: string | undefined;
         counterValue?: number | ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
+        firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayFormat?: string | Function | undefined;
     } & {
@@ -3015,7 +3015,6 @@ export declare const VDateInput: {
         showAdjacentMonths: boolean;
         weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
         weeksInMonth: "static" | "dynamic";
-        firstDayOfWeek: string | number;
         hideWeekdays: boolean;
         showWeek: boolean;
     } & {
@@ -3069,6 +3068,7 @@ export declare const VDateInput: {
         suffix?: string | undefined;
         counterValue?: number | ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
+        firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
         displayFormat?: string | Function | undefined;
     } & {
@@ -5181,7 +5181,6 @@ export declare const VDateInput: {
     showAdjacentMonths: boolean;
     weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
     weeksInMonth: "static" | "dynamic";
-    firstDayOfWeek: string | number;
     hideWeekdays: boolean;
     showWeek: boolean;
 } & {
@@ -5235,6 +5234,7 @@ export declare const VDateInput: {
     suffix?: string | undefined;
     counterValue?: number | ((value: any) => number) | undefined;
     modelModifiers?: Record<string, boolean> | undefined;
+    firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
     displayFormat?: string | Function | undefined;
 } & {
@@ -7411,7 +7411,7 @@ export declare const VDateInput: {
     };
     firstDayOfWeek: {
         type: (StringConstructor | NumberConstructor)[];
-        default: number;
+        default: undefined;
     };
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     hideWeekdays: BooleanConstructor;
@@ -7634,7 +7634,7 @@ export declare const VDateInput: {
     };
     firstDayOfWeek: {
         type: (StringConstructor | NumberConstructor)[];
-        default: number;
+        default: undefined;
     };
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     hideWeekdays: BooleanConstructor;

package/lib/labs/VFileUpload/VFileUpload.css

@@ -1,75 +1,78 @@
-@layer vuetify.components {
-  .v-file-upload {
-    padding: 64px 16px;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-  }
-  .v-file-upload.v-sheet {
-    display: flex;
-    border-radius: 4px;
-    border-style: dashed;
-    border-width: 2px;
-  }
-  .v-file-upload.v-file-upload--density-compact {
-    padding: 32px 0;
-    flex-direction: row;
-    gap: 1rem;
-  }
-  .v-file-upload .v-overlay__scrim {
-    pointer-events: none;
-  }
-  .v-file-upload--disabled {
-    pointer-events: none;
-    opacity: var(--v-disabled-opacity);
-  }
-  .v-file-upload--dragging > * {
-    pointer-events: none;
-  }
-  .v-file-upload--clickable {
-    cursor: pointer;
-  }
-  .v-file-upload input[type=file] {
-    left: 0;
-    opacity: 0;
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    z-index: -1;
-  }
-  .v-file-upload-title {
-    font-size: 1.5rem;
-    font-weight: 600;
-    text-align: center;
-  }
-  .v-file-upload-icon {
-    opacity: var(--v-medium-emphasis-opacity);
-    font-size: 3rem;
-    margin-bottom: 1rem;
-  }
-  .v-file-upload--density-comfortable .v-file-upload-icon {
-    font-size: 2.5rem;
-    margin-bottom: 0.5rem;
-  }
-  .v-file-upload--density-compact .v-file-upload-icon {
-    font-size: 2rem;
-    margin-bottom: 0rem;
-  }
-  .v-file-upload-divider {
-    align-items: center;
-    display: flex;
-    margin: 32px 0;
-    justify-content: center;
-    width: 100%;
-  }
-  .v-file-upload-divider .v-divider__wrapper {
-    max-width: 100%;
-  }
-  .v-file-upload-items {
-    margin: 16px 0;
-  }
-  .v-file-upload-item:not(:first-child) {
-    margin-top: 8px;
-  }
+.v-file-upload {
+  padding: 64px 16px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+.v-file-upload.v-sheet {
+  display: flex;
+  border-radius: 4px;
+  border-style: dashed;
+  border-width: 2px;
+}
+.v-file-upload.v-file-upload--density-compact {
+  padding: 32px 0;
+  flex-direction: row;
+  gap: 1rem;
+}
+.v-file-upload .v-overlay__scrim {
+  pointer-events: none;
+}
+.v-file-upload--disabled {
+  pointer-events: none;
+  opacity: var(--v-disabled-opacity);
+}
+.v-file-upload--dragging > * {
+  pointer-events: none;
+}
+.v-file-upload--clickable {
+  cursor: pointer;
+}
+.v-file-upload input[type=file] {
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  z-index: -1;
+}
+
+.v-file-upload-title {
+  font-size: 1.5rem;
+  font-weight: 600;
+  text-align: center;
+}
+
+.v-file-upload-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+  font-size: 3rem;
+  margin-bottom: 1rem;
+}
+.v-file-upload--density-comfortable .v-file-upload-icon {
+  font-size: 2.5rem;
+  margin-bottom: 0.5rem;
+}
+.v-file-upload--density-compact .v-file-upload-icon {
+  font-size: 2rem;
+  margin-bottom: 0rem;
+}
+
+.v-file-upload-divider {
+  align-items: center;
+  display: flex;
+  margin: 32px 0;
+  justify-content: center;
+  width: 100%;
+}
+.v-file-upload-divider .v-divider__wrapper {
+  max-width: 100%;
+}
+
+.v-file-upload-items {
+  margin: 16px 0;
+}
+
+.v-file-upload-item:not(:first-child) {
+  margin-top: 8px;
 }