@vuetify/nightly 3.8.2-master.2025-04-17 → 3.8.2-master.2025-04-22

package/lib/labs/VCalendar/VCalendarDay.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Styles
 import "./VCalendarDay.css";
 
@@ -7,7 +7,7 @@ import { makeVCalendarIntervalProps, VCalendarInterval } from "./VCalendarInterv
 import { VBtn } from "../../components/VBtn/index.js"; // Composables
 import { useDate } from "../../composables/date/index.js"; // Utilities
 import { computed } from 'vue';
-import { genericComponent, propsFactory, useRender } from "../../util/index.js";
+import { genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVCalendarDayProps = propsFactory({
   hideDayHeader: Boolean,
   intervals: {
@@ -18,26 +18,34 @@ export const makeVCalendarDayProps = propsFactory({
 }, 'VCalendarDay');
 export const VCalendarDay = genericComponent()({
   name: 'VCalendarDay',
+  inheritAttrs: false,
   props: makeVCalendarDayProps(),
-  setup(props) {
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
     const adapter = useDate();
     const intervals = computed(() => [...Array.from({
       length: props.intervals
-    }, (v, i) => i).filter((int, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
+    }, (v, i) => i).filter((_, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
     useRender(() => {
       const calendarIntervalProps = VCalendarInterval.filterProps(props);
       return _createVNode("div", {
         "class": "v-calendar-day__container"
-      }, [!props.hideDayHeader && _createVNode("div", {
-        "key": "calender-week-name",
+      }, [!props.hideDayHeader && _createVNode("div", _mergeProps({
+        "key": "calendar-week-name",
         "class": "v-calendar-weekly__head-weekday"
-      }, [adapter.format(props.day.date, 'weekdayShort'), _createVNode("div", null, [_createVNode(VBtn, {
+      }, getPrefixedEventHandlers(attrs, ':day', () => props.day)), [adapter.format(props.day.date, 'weekdayShort'), _createVNode("div", null, [_createVNode(VBtn, _mergeProps(getPrefixedEventHandlers(attrs, ':date', () => props.day), {
+        "class": props.day?.isToday ? 'v-calendar-day-label__today' : undefined,
         "icon": true,
         "text": adapter.format(props.day.date, 'dayOfMonth'),
-        "variant": "text"
-      }, null)])]), intervals.value.map((_, index) => _createVNode(VCalendarInterval, _mergeProps({
+        "variant": props.day?.isToday ? undefined : 'text'
+      }), null)])]), intervals.value.map((_, index) => slots.interval?.(calendarIntervalProps) ?? _createVNode(VCalendarInterval, _mergeProps({
         "index": index
-      }, calendarIntervalProps), null))]);
+      }, calendarIntervalProps, attrs, getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps)), {
+        ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle'])
+      }))]);
     });
     return {
       intervals

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

@@ -1 +1 @@
-{"version":3,"file":"VCalendarDay.js","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","props","setup","adapter","Array","from","length","v","i","filter","int","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createVNode","format","day","date","value","map","_","_mergeProps"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarDayProps = propsFactory({\n  hideDayHeader: Boolean,\n  intervals: {\n    type: Number,\n    default: 24,\n  },\n\n  ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent()({\n  name: 'VCalendarDay',\n\n  props: makeVCalendarDayProps(),\n\n  setup (props) {\n    const adapter = useDate()\n    const intervals = computed(() => [\n      ...Array.from({ length: props.intervals }, (v, i) => i)\n        .filter((int, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n    ])\n\n    useRender(() => {\n      const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n      return (\n        <div class=\"v-calendar-day__container\">\n          { !props.hideDayHeader && (\n            <div\n              key=\"calender-week-name\"\n              class=\"v-calendar-weekly__head-weekday\"\n            >\n              { adapter.format(props.day.date, 'weekdayShort') }\n\n              <div>\n                <VBtn\n                  icon\n                  text={ adapter.format(props.day.date, 'dayOfMonth') }\n                  variant=\"text\"\n                />\n              </div>\n            </div>\n          )}\n\n          { intervals.value.map((_, index) => (\n            <VCalendarInterval\n              index={ index }\n              { ...calendarIntervalProps }\n            ></VCalendarInterval>\n          ))\n          }\n        </div>\n      )\n    })\n\n    return { intervals }\n  },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,0CAEb;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMe,YAAY,GAAGV,gBAAgB,CAAC,CAAC,CAAC;EAC7CW,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAET,qBAAqB,CAAC,CAAC;EAE9BU,KAAKA,CAAED,KAAK,EAAE;IACZ,MAAME,OAAO,GAAGhB,OAAO,CAAC,CAAC;IACzB,MAAMQ,SAAS,GAAGP,QAAQ,CAAC,MAAM,CAC/B,GAAGgB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEL,KAAK,CAACN;IAAU,CAAC,EAAE,CAACY,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAMV,KAAK,CAACW,gBAAgB,IAAID,KAAK,GAAGV,KAAK,CAACY,aAAa,CAAC,GAAI,IAAI,CAAC,CAC3F,CAAC;IAEFtB,SAAS,CAAC,MAAM;MACd,MAAMuB,qBAAqB,GAAG7B,iBAAiB,CAAC8B,WAAW,CAACd,KAAK,CAAC;MAElE,OAAAe,YAAA;QAAA;MAAA,IAEM,CAACf,KAAK,CAACR,aAAa,IAAAuB,YAAA;QAAA;QAAA;MAAA,IAKhBb,OAAO,CAACc,MAAM,CAAChB,KAAK,CAACiB,GAAG,CAACC,IAAI,EAAE,cAAc,CAAC,EAAAH,YAAA,eAAAA,YAAA,CAAA9B,IAAA;QAAA;QAAA,QAKrCiB,OAAO,CAACc,MAAM,CAAChB,KAAK,CAACiB,GAAG,CAACC,IAAI,EAAE,YAAY,CAAC;QAAA;MAAA,YAK1D,EAECxB,SAAS,CAACyB,KAAK,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEX,KAAK,KAAAK,YAAA,CAAA/B,iBAAA,EAAAsC,WAAA;QAAA,SAEnBZ;MAAK,GACRG,qBAAqB,QAE7B,CAAC;IAIR,CAAC,CAAC;IAEF,OAAO;MAAEnB;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarDay.js","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","inheritAttrs","props","setup","_ref","attrs","slots","adapter","Array","from","length","v","i","filter","_","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createVNode","_mergeProps","day","format","date","isToday","undefined","value","map","interval"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarIntervalSlots } from './VCalendarInterval'\n\nexport type VCalendarDaySlots = VCalendarIntervalSlots & {\n  interval: Record<string, unknown>\n}\n\nexport const makeVCalendarDayProps = propsFactory({\n  hideDayHeader: Boolean,\n  intervals: {\n    type: Number,\n    default: 24,\n  },\n\n  ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent<VCalendarDaySlots>()({\n  name: 'VCalendarDay',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarDayProps(),\n\n  setup (props, { attrs, slots }) {\n    const adapter = useDate()\n    const intervals = computed(() => [\n      ...Array.from({ length: props.intervals }, (v, i) => i)\n        .filter((_, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n    ])\n\n    useRender(() => {\n      const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n      return (\n        <div class=\"v-calendar-day__container\">\n          { !props.hideDayHeader && (\n            <div\n              key=\"calendar-week-name\"\n              class=\"v-calendar-weekly__head-weekday\"\n              { ...getPrefixedEventHandlers(attrs, ':day', () => props.day) }\n            >\n              { adapter.format(props.day.date, 'weekdayShort') }\n\n              <div>\n                <VBtn\n                  { ...getPrefixedEventHandlers(attrs, ':date', () => props.day) }\n                  class={ props.day?.isToday ? 'v-calendar-day-label__today' : undefined }\n                  icon\n                  text={ adapter.format(props.day.date, 'dayOfMonth') }\n                  variant={ props.day?.isToday ? undefined : 'text' }\n                />\n              </div>\n            </div>\n          )}\n          { intervals.value.map((_, index) =>\n            slots.interval?.(calendarIntervalProps) ?? (\n              <VCalendarInterval\n                index={ index }\n                { ...calendarIntervalProps }\n                { ...attrs }\n                { ...getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps) }\n              >\n                {{\n                  ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle']),\n                }}\n              </VCalendarInterval>\n            )\n          )}\n        </div>\n      )\n    })\n\n    return { intervals }\n  },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,0CAEb;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAElF;AAOA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGhB,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMiB,YAAY,GAAGZ,gBAAgB,CAAoB,CAAC,CAAC;EAChEa,IAAI,EAAE,cAAc;EAEpBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEV,qBAAqB,CAAC,CAAC;EAE9BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,OAAO,GAAGtB,OAAO,CAAC,CAAC;IACzB,MAAMU,SAAS,GAAGT,QAAQ,CAAC,MAAM,CAC/B,GAAGsB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAER,KAAK,CAACP;IAAU,CAAC,EAAE,CAACgB,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAMb,KAAK,CAACc,gBAAgB,IAAID,KAAK,GAAGb,KAAK,CAACe,aAAa,CAAC,GAAI,IAAI,CAAC,CACzF,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd,MAAM2B,qBAAqB,GAAGnC,iBAAiB,CAACoC,WAAW,CAACjB,KAAK,CAAC;MAElE,OAAAkB,YAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,YAAA,QAAAC,WAAA;QAAA;QAAA;MAAA,GAIbjC,wBAAwB,CAACiB,KAAK,EAAE,MAAM,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC,IAE3Df,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,cAAc,CAAC,EAAAJ,YAAA,eAAAA,YAAA,CAAApC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEG,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DnB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEG,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACC/B,SAAS,CAACgC,KAAK,CAACC,GAAG,CAAC,CAACd,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACuB,QAAQ,GAAGX,qBAAqB,CAAC,IAAAE,YAAA,CAAArC,iBAAA,EAAAsC,WAAA;QAAA,SAE3BN;MAAK,GACRG,qBAAqB,EACrBb,KAAK,EACLjB,wBAAwB,CAACiB,KAAK,EAAE,WAAW,EAAE,MAAMa,qBAAqB,CAAC;QAG5E,GAAG7B,IAAI,CAACiB,KAAK,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAAC,EAI1E,CAAC;IAGP,CAAC,CAAC;IAEF,OAAO;MAAEX;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarDay.sass

@@ -33,3 +33,11 @@
 
       &.days__0
         grid-template-columns: repeat(1, 1fr)
+
+  .v-calendar-weekly__head-weekday
+    // without a little padding at the bottom the drop shadow gets clipped on the current day
+    padding-bottom: 4px
+
+  .v-calendar-weekly__head-weekday .v-calendar-day-label__today
+    background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity))
+    color: rgb(var(--v-theme-on-surface-variant))

package/lib/labs/VCalendar/VCalendarEvent.js

@@ -1,8 +1,8 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Components
 import { VBadge } from "../../components/VBadge/index.js";
 import { VChip } from "../../components/VChip/index.js"; // Utilities
-import { genericComponent, propsFactory, useRender } from "../../util/index.js";
+import { genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from "../../util/index.js";
 export const makeVCalendarEventProps = propsFactory({
   allDay: Boolean,
   day: Object,
@@ -10,14 +10,24 @@ export const makeVCalendarEventProps = propsFactory({
 }, 'VCalendarEvent');
 export const VCalendarEvent = genericComponent()({
   name: 'VCalendarEvent',
+  inheritAttrs: false,
   props: makeVCalendarEventProps(),
-  setup(props) {
-    useRender(() => _createVNode(VChip, {
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    useRender(() => _createVNode(VChip, _mergeProps({
       "color": props.allDay ? 'primary' : undefined,
       "density": "comfortable",
       "label": props.allDay,
       "width": "100%"
-    }, {
+    }, getPrefixedEventHandlers(attrs, ':event', () => ({
+      allDay: props.allDay,
+      day: props.day,
+      event: props.event
+    }))), {
       default: () => [_createVNode(VBadge, {
         "inline": true,
         "dot": true,

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

@@ -1 +1 @@
-{"version":3,"file":"VCalendarEvent.js","names":["VBadge","VChip","genericComponent","propsFactory","useRender","makeVCalendarEventProps","allDay","Boolean","day","Object","event","VCalendarEvent","name","props","setup","_createVNode","undefined","default","color","title"],"sources":["../../../src/labs/VCalendar/VCalendarEvent.tsx"],"sourcesContent":["// Components\nimport { VBadge } from '@/components/VBadge'\nimport { VChip } from '@/components/VChip'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarEventProps = propsFactory({\n  allDay: Boolean,\n  day: Object,\n  event: Object,\n}, 'VCalendarEvent')\n\nexport const VCalendarEvent = genericComponent()({\n  name: 'VCalendarEvent',\n\n  props: makeVCalendarEventProps(),\n\n  setup (props) {\n    useRender(() => (\n      <VChip\n        color={ props.allDay ? 'primary' : undefined }\n        density=\"comfortable\"\n        label={ props.allDay }\n        width=\"100%\"\n      >\n        <VBadge\n          inline\n          dot\n          color={ props.event?.color }\n        />\n\n        { props.event?.title }\n      </VChip>\n    ))\n\n    return {}\n  },\n\n})\n\nexport type VCalendarEvent = InstanceType<typeof VCalendarEvent>\n"],"mappings":";AAAA;AAAA,SACSA,MAAM;AAAA,SACNC,KAAK,2CAEd;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClDG,MAAM,EAAEC,OAAO;EACfC,GAAG,EAAEC,MAAM;EACXC,KAAK,EAAED;AACT,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAME,cAAc,GAAGT,gBAAgB,CAAC,CAAC,CAAC;EAC/CU,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAER,uBAAuB,CAAC,CAAC;EAEhCS,KAAKA,CAAED,KAAK,EAAE;IACZT,SAAS,CAAC,MAAAW,YAAA,CAAAd,KAAA;MAAA,SAEEY,KAAK,CAACP,MAAM,GAAG,SAAS,GAAGU,SAAS;MAAA;MAAA,SAEpCH,KAAK,CAACP,MAAM;MAAA;IAAA;MAAAW,OAAA,EAAAA,CAAA,MAAAF,YAAA,CAAAf,MAAA;QAAA;QAAA;QAAA,SAMVa,KAAK,CAACH,KAAK,EAAEQ;MAAK,UAG1BL,KAAK,CAACH,KAAK,EAAES,KAAK;IAAA,EAEvB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AAEF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarEvent.js","names":["VBadge","VChip","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarEventProps","allDay","Boolean","day","Object","event","VCalendarEvent","name","inheritAttrs","props","setup","_ref","attrs","emit","slots","_createVNode","_mergeProps","undefined","default","color","title"],"sources":["../../../src/labs/VCalendar/VCalendarEvent.tsx"],"sourcesContent":["// Components\nimport { VBadge } from '@/components/VBadge'\nimport { VChip } from '@/components/VChip'\n\n// Utilities\nimport { genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarEventProps = propsFactory({\n  allDay: Boolean,\n  day: Object,\n  event: Object,\n}, 'VCalendarEvent')\n\nexport const VCalendarEvent = genericComponent()({\n  name: 'VCalendarEvent',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarEventProps(),\n\n  setup (props, { attrs, emit, slots }) {\n    useRender(() => (\n      <VChip\n        color={ props.allDay ? 'primary' : undefined }\n        density=\"comfortable\"\n        label={ props.allDay }\n        width=\"100%\"\n        { ...getPrefixedEventHandlers(attrs, ':event', () => ({\n          allDay: props.allDay,\n          day: props.day,\n          event: props.event,\n        }))}\n      >\n        <VBadge\n          inline\n          dot\n          color={ props.event?.color }\n        />\n\n        { props.event?.title }\n      </VChip>\n    ))\n\n    return {}\n  },\n\n})\n\nexport type VCalendarEvent = InstanceType<typeof VCalendarEvent>\n"],"mappings":";AAAA;AAAA,SACSA,MAAM;AAAA,SACNC,KAAK,2CAEd;AAAA,SACSC,gBAAgB,EAAEC,wBAAwB,EAAEC,YAAY,EAAEC,SAAS;AAE5E,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClDG,MAAM,EAAEC,OAAO;EACfC,GAAG,EAAEC,MAAM;EACXC,KAAK,EAAED;AACT,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAME,cAAc,GAAGV,gBAAgB,CAAC,CAAC,CAAC;EAC/CW,IAAI,EAAE,gBAAgB;EAEtBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAET,uBAAuB,CAAC,CAAC;EAEhCU,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAA0B;IAAA,IAAxB;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAH,IAAA;IAClCZ,SAAS,CAAC,MAAAgB,YAAA,CAAApB,KAAA,EAAAqB,WAAA;MAAA,SAEEP,KAAK,CAACR,MAAM,GAAG,SAAS,GAAGgB,SAAS;MAAA;MAAA,SAEpCR,KAAK,CAACR,MAAM;MAAA;IAAA,GAEfJ,wBAAwB,CAACe,KAAK,EAAE,QAAQ,EAAE,OAAO;MACpDX,MAAM,EAAEQ,KAAK,CAACR,MAAM;MACpBE,GAAG,EAAEM,KAAK,CAACN,GAAG;MACdE,KAAK,EAAEI,KAAK,CAACJ;IACf,CAAC,CAAC,CAAC;MAAAa,OAAA,EAAAA,CAAA,MAAAH,YAAA,CAAArB,MAAA;QAAA;QAAA;QAAA,SAKOe,KAAK,CAACJ,KAAK,EAAEc;MAAK,UAG1BV,KAAK,CAACJ,KAAK,EAAEe,KAAK;IAAA,EAEvB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AAEF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarHeader.d.ts

@@ -1,4 +1,9 @@
 import type { PropType } from 'vue';
+export type VCalendarHeaderSlots = {
+    title: {
+        title?: string;
+    };
+};
 export declare const makeVCalendarHeaderProps: <Defaults extends {
     nextIcon?: unknown;
     prevIcon?: unknown;
@@ -60,14 +65,20 @@ export declare const VCalendarHeader: {
     } & {
         title?: string | undefined;
     } & {
-        $children?: import("vue").VNodeChild | {
-            default?: (() => import("vue").VNodeChild) | undefined;
-        } | (() => import("vue").VNodeChild);
+        $children?: {} | import("vue").VNodeChild | {
+            title?: ((arg: {
+                title?: string;
+            }) => import("vue").VNodeChild) | undefined;
+        };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
+            title?: false | ((arg: {
+                title?: string;
+            }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+        "v-slot:title"?: false | ((arg: {
+            title?: string;
+        }) => import("vue").VNodeChild) | undefined;
     } & {
         "onClick:prev"?: (() => any) | undefined;
         "onClick:next"?: (() => any) | undefined;
@@ -82,7 +93,9 @@ export declare const VCalendarHeader: {
         prevIcon: string;
         viewMode: "day" | "month" | "week";
     }, true, {}, import("vue").SlotsType<Partial<{
-        default: () => import("vue").VNode[];
+        title: (arg: {
+            title?: string;
+        }) => import("vue").VNode[];
     }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -98,14 +111,20 @@ export declare const VCalendarHeader: {
     } & {
         title?: string | undefined;
     } & {
-        $children?: import("vue").VNodeChild | {
-            default?: (() => import("vue").VNodeChild) | undefined;
-        } | (() => import("vue").VNodeChild);
+        $children?: {} | import("vue").VNodeChild | {
+            title?: ((arg: {
+                title?: string;
+            }) => import("vue").VNodeChild) | undefined;
+        };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
+            title?: false | ((arg: {
+                title?: string;
+            }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+        "v-slot:title"?: false | ((arg: {
+            title?: string;
+        }) => import("vue").VNodeChild) | undefined;
     } & {
         "onClick:prev"?: (() => any) | undefined;
         "onClick:next"?: (() => any) | undefined;
@@ -127,14 +146,20 @@ export declare const VCalendarHeader: {
 } & {
     title?: string | undefined;
 } & {
-    $children?: import("vue").VNodeChild | {
-        default?: (() => import("vue").VNodeChild) | undefined;
-    } | (() => import("vue").VNodeChild);
+    $children?: {} | import("vue").VNodeChild | {
+        title?: ((arg: {
+            title?: string;
+        }) => import("vue").VNodeChild) | undefined;
+    };
     'v-slots'?: {
-        default?: false | (() => import("vue").VNodeChild) | undefined;
+        title?: false | ((arg: {
+            title?: string;
+        }) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+    "v-slot:title"?: false | ((arg: {
+        title?: string;
+    }) => import("vue").VNodeChild) | undefined;
 } & {
     "onClick:prev"?: (() => any) | undefined;
     "onClick:next"?: (() => any) | undefined;
@@ -149,7 +174,9 @@ export declare const VCalendarHeader: {
     prevIcon: string;
     viewMode: "day" | "month" | "week";
 }, {}, string, import("vue").SlotsType<Partial<{
-    default: () => import("vue").VNode[];
+    title: (arg: {
+        title?: string;
+    }) => import("vue").VNode[];
 }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
     nextIcon: {
         type: StringConstructor;

package/lib/labs/VCalendar/VCalendarHeader.js

@@ -35,7 +35,8 @@ export const VCalendarHeader = genericComponent()({
   },
   setup(props, _ref) {
     let {
-      emit
+      emit,
+      slots
     } = _ref;
     const {
       t
@@ -69,7 +70,9 @@ export const VCalendarHeader = genericComponent()({
       "onClick": next
     }, null), _createVNode("div", {
       "class": "v-calendar-header__title"
-    }, [props.title])]));
+    }, [slots.title?.({
+      title: props.title
+    }) ?? _createVNode("span", null, [props.title])])]));
     return {};
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"VCalendarHeader.js","names":["VBtn","useLocale","genericComponent","propsFactory","useRender","makeVCalendarHeaderProps","nextIcon","type","String","default","prevIcon","title","text","viewMode","VCalendarHeader","name","props","emits","click:next","click:prev","click:toToday","setup","_ref","emit","t","prev","next","toToday","_createVNode"],"sources":["../../../src/labs/VCalendar/VCalendarHeader.tsx"],"sourcesContent":["// Styles\nimport './VCalendarHeader.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVCalendarHeaderProps = propsFactory({\n  nextIcon: {\n    type: String,\n    default: '$next',\n  },\n  prevIcon: {\n    type: String,\n    default: '$prev',\n  },\n  title: String,\n  text: {\n    type: String,\n    default: '$vuetify.calendar.today',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'week' | 'day'>,\n    default: 'month',\n  },\n}, 'VCalendarHeader')\n\nexport const VCalendarHeader = genericComponent()({\n  name: 'VCalendarHeader',\n\n  props: makeVCalendarHeaderProps(),\n\n  emits: {\n    'click:next': () => true,\n    'click:prev': () => true,\n    'click:toToday': () => true,\n  },\n\n  setup (props, { emit }) {\n    const { t } = useLocale()\n\n    function prev () {\n      emit('click:prev')\n    }\n\n    function next () {\n      emit('click:next')\n    }\n\n    function toToday () {\n      emit('click:toToday')\n    }\n\n    useRender(() => (\n      <div class=\"v-calendar-header\">\n        { props.text && (\n          <VBtn\n            key=\"today\"\n            class=\"v-calendar-header__today\"\n            text={ t(props.text) }\n            variant=\"outlined\"\n            onClick={ toToday }\n          />\n        )}\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.prevIcon }\n          variant=\"text\"\n          onClick={ prev }\n        />\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.nextIcon }\n          variant=\"text\"\n          onClick={ next }\n        />\n\n        <div class=\"v-calendar-header__title\">{ props.title }</div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCalendarHeader = InstanceType<typeof VCalendarHeader>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,0CAEb;AAAA,SACSC,SAAS,uCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAGA,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,QAAQ,EAAE;IACRC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAEH,MAAM;EACbI,IAAI,EAAE;IACJL,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDI,QAAQ,EAAE;IACRN,IAAI,EAAEC,MAA4C;IAClDC,OAAO,EAAE;EACX;AACF,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMK,eAAe,GAAGZ,gBAAgB,CAAC,CAAC,CAAC;EAChDa,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEX,wBAAwB,CAAC,CAAC;EAEjCY,KAAK,EAAE;IACL,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,eAAe,EAAEC,CAAA,KAAM;EACzB,CAAC;EAEDC,KAAKA,CAAEL,KAAK,EAAAM,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE;IAAE,CAAC,GAAGvB,SAAS,CAAC,CAAC;IAEzB,SAASwB,IAAIA,CAAA,EAAI;MACfF,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASG,IAAIA,CAAA,EAAI;MACfH,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASI,OAAOA,CAAA,EAAI;MAClBJ,IAAI,CAAC,eAAe,CAAC;IACvB;IAEAnB,SAAS,CAAC,MAAAwB,YAAA;MAAA;IAAA,IAEJZ,KAAK,CAACJ,IAAI,IAAAgB,YAAA,CAAA5B,IAAA;MAAA;MAAA;MAAA,QAIDwB,CAAC,CAACR,KAAK,CAACJ,IAAI,CAAC;MAAA;MAAA,WAEVe;IAAO,QAEpB,EAAAC,YAAA,CAAA5B,IAAA;MAAA;MAAA,QAIQgB,KAAK,CAACN,QAAQ;MAAA;MAAA,WAEXe;IAAI,UAAAG,YAAA,CAAA5B,IAAA;MAAA;MAAA,QAKPgB,KAAK,CAACV,QAAQ;MAAA;MAAA,WAEXoB;IAAI,UAAAE,YAAA;MAAA;IAAA,IAGwBZ,KAAK,CAACL,KAAK,IAEtD,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarHeader.js","names":["VBtn","useLocale","genericComponent","propsFactory","useRender","makeVCalendarHeaderProps","nextIcon","type","String","default","prevIcon","title","text","viewMode","VCalendarHeader","name","props","emits","click:next","click:prev","click:toToday","setup","_ref","emit","slots","t","prev","next","toToday","_createVNode"],"sources":["../../../src/labs/VCalendar/VCalendarHeader.tsx"],"sourcesContent":["// Styles\nimport './VCalendarHeader.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VCalendarHeaderSlots = {\n  title: { title?: string }\n}\n\nexport const makeVCalendarHeaderProps = propsFactory({\n  nextIcon: {\n    type: String,\n    default: '$next',\n  },\n  prevIcon: {\n    type: String,\n    default: '$prev',\n  },\n  title: String,\n  text: {\n    type: String,\n    default: '$vuetify.calendar.today',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'week' | 'day'>,\n    default: 'month',\n  },\n}, 'VCalendarHeader')\n\nexport const VCalendarHeader = genericComponent<VCalendarHeaderSlots>()({\n  name: 'VCalendarHeader',\n\n  props: makeVCalendarHeaderProps(),\n\n  emits: {\n    'click:next': () => true,\n    'click:prev': () => true,\n    'click:toToday': () => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n\n    function prev () {\n      emit('click:prev')\n    }\n\n    function next () {\n      emit('click:next')\n    }\n\n    function toToday () {\n      emit('click:toToday')\n    }\n\n    useRender(() => (\n      <div class=\"v-calendar-header\">\n        { props.text && (\n          <VBtn\n            key=\"today\"\n            class=\"v-calendar-header__today\"\n            text={ t(props.text) }\n            variant=\"outlined\"\n            onClick={ toToday }\n          />\n        )}\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.prevIcon }\n          variant=\"text\"\n          onClick={ prev }\n        />\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.nextIcon }\n          variant=\"text\"\n          onClick={ next }\n        />\n\n        <div class=\"v-calendar-header__title\">\n          { slots.title?.({ title: props.title }) ?? (\n            <span>{ props.title }</span>\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCalendarHeader = InstanceType<typeof VCalendarHeader>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,0CAEb;AAAA,SACSC,SAAS,uCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAOA,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,QAAQ,EAAE;IACRC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAEH,MAAM;EACbI,IAAI,EAAE;IACJL,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDI,QAAQ,EAAE;IACRN,IAAI,EAAEC,MAA4C;IAClDC,OAAO,EAAE;EACX;AACF,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMK,eAAe,GAAGZ,gBAAgB,CAAuB,CAAC,CAAC;EACtEa,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEX,wBAAwB,CAAC,CAAC;EAEjCY,KAAK,EAAE;IACL,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,eAAe,EAAEC,CAAA,KAAM;EACzB,CAAC;EAEDC,KAAKA,CAAEL,KAAK,EAAAM,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAM;MAAEG;IAAE,CAAC,GAAGxB,SAAS,CAAC,CAAC;IAEzB,SAASyB,IAAIA,CAAA,EAAI;MACfH,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASI,IAAIA,CAAA,EAAI;MACfJ,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASK,OAAOA,CAAA,EAAI;MAClBL,IAAI,CAAC,eAAe,CAAC;IACvB;IAEAnB,SAAS,CAAC,MAAAyB,YAAA;MAAA;IAAA,IAEJb,KAAK,CAACJ,IAAI,IAAAiB,YAAA,CAAA7B,IAAA;MAAA;MAAA;MAAA,QAIDyB,CAAC,CAACT,KAAK,CAACJ,IAAI,CAAC;MAAA;MAAA,WAEVgB;IAAO,QAEpB,EAAAC,YAAA,CAAA7B,IAAA;MAAA;MAAA,QAIQgB,KAAK,CAACN,QAAQ;MAAA;MAAA,WAEXgB;IAAI,UAAAG,YAAA,CAAA7B,IAAA;MAAA;MAAA,QAKPgB,KAAK,CAACV,QAAQ;MAAA;MAAA,WAEXqB;IAAI,UAAAE,YAAA;MAAA;IAAA,IAIZL,KAAK,CAACb,KAAK,GAAG;MAAEA,KAAK,EAAEK,KAAK,CAACL;IAAM,CAAC,CAAC,IAAAkB,YAAA,gBAC7Bb,KAAK,CAACL,KAAK,EACpB,IAGN,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarInterval.d.ts

@@ -1,3 +1,24 @@
+type Interval = {
+    label: string;
+    start: unknown;
+    end: unknown;
+    events: any[];
+};
+export type VCalendarIntervalSlots = {
+    intervalBody: {
+        interval: Interval;
+    };
+    intervalEvent: {
+        height: string;
+        margin: string;
+        eventClass: string;
+        event: any;
+        interval: Interval;
+    };
+    intervalTitle: {
+        interval: Interval;
+    };
+};
 export declare const makeVCalendarIntervalProps: <Defaults extends {
     day?: unknown;
     dayIndex?: unknown;
@@ -105,14 +126,50 @@ export declare const VCalendarInterval: {
         events?: any[] | undefined;
         dayIndex?: number | undefined;
     } & {
-        $children?: import("vue").VNodeChild | {
-            default?: (() => import("vue").VNodeChild) | undefined;
-        } | (() => import("vue").VNodeChild);
+        $children?: {} | import("vue").VNodeChild | {
+            intervalBody?: ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+        };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
+            intervalBody?: false | ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: false | ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: false | ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalBody"?: false | ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalEvent"?: false | ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalTitle"?: false | ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
     }, {
         interval: import("vue").ComputedRef<{
             label: string;
@@ -128,7 +185,19 @@ export declare const VCalendarInterval: {
         intervalFormat: string | Function;
         intervalStart: number;
     }, true, {}, import("vue").SlotsType<Partial<{
-        default: () => import("vue").VNode[];
+        intervalBody: (arg: {
+            interval: Interval;
+        }) => import("vue").VNode[];
+        intervalEvent: (arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: Interval;
+        }) => import("vue").VNode[];
+        intervalTitle: (arg: {
+            interval: Interval;
+        }) => import("vue").VNode[];
     }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -148,14 +217,50 @@ export declare const VCalendarInterval: {
         events?: any[] | undefined;
         dayIndex?: number | undefined;
     } & {
-        $children?: import("vue").VNodeChild | {
-            default?: (() => import("vue").VNodeChild) | undefined;
-        } | (() => import("vue").VNodeChild);
+        $children?: {} | import("vue").VNodeChild | {
+            intervalBody?: ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+        };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
+            intervalBody?: false | ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: false | ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: false | ((arg: {
+                interval: Interval;
+            }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalBody"?: false | ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalEvent"?: false | ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalTitle"?: false | ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
     }, {
         interval: import("vue").ComputedRef<{
             label: string;
@@ -186,14 +291,50 @@ export declare const VCalendarInterval: {
     events?: any[] | undefined;
     dayIndex?: number | undefined;
 } & {
-    $children?: import("vue").VNodeChild | {
-        default?: (() => import("vue").VNodeChild) | undefined;
-    } | (() => import("vue").VNodeChild);
+    $children?: {} | import("vue").VNodeChild | {
+        intervalBody?: ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        intervalEvent?: ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        intervalTitle?: ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+    };
     'v-slots'?: {
-        default?: false | (() => import("vue").VNodeChild) | undefined;
+        intervalBody?: false | ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        intervalEvent?: false | ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
+        intervalTitle?: false | ((arg: {
+            interval: Interval;
+        }) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+    "v-slot:intervalBody"?: false | ((arg: {
+        interval: Interval;
+    }) => import("vue").VNodeChild) | undefined;
+    "v-slot:intervalEvent"?: false | ((arg: {
+        height: string;
+        margin: string;
+        eventClass: string;
+        event: any;
+        interval: Interval;
+    }) => import("vue").VNodeChild) | undefined;
+    "v-slot:intervalTitle"?: false | ((arg: {
+        interval: Interval;
+    }) => import("vue").VNodeChild) | undefined;
 }, {
     interval: import("vue").ComputedRef<{
         label: string;
@@ -209,7 +350,19 @@ export declare const VCalendarInterval: {
     intervalFormat: string | Function;
     intervalStart: number;
 }, {}, string, import("vue").SlotsType<Partial<{
-    default: () => import("vue").VNode[];
+    intervalBody: (arg: {
+        interval: Interval;
+    }) => import("vue").VNode[];
+    intervalEvent: (arg: {
+        height: string;
+        margin: string;
+        eventClass: string;
+        event: any;
+        interval: Interval;
+    }) => import("vue").VNode[];
+    intervalTitle: (arg: {
+        interval: Interval;
+    }) => import("vue").VNode[];
 }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
     day: {
         type: ObjectConstructor;
@@ -304,3 +457,4 @@ export declare const VCalendarInterval: {
     };
 }>>;
 export type VCalendarInterval = InstanceType<typeof VCalendarInterval>;
+