@vuetify/nightly 3.9.0-beta.1-dev.2025-06-26 → 3.9.0-beta.1-dev.2025-07-02

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

@@ -1 +1 @@
-{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","nextTick","chunkArray","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","today","setup","_ref","attrs","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","displayValue","weekNumbers","weekDays","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createElementVNode","_normalizeClass","header","clickNext","clickPrev","clickToday","_createVNode","_mergeProps","length","hideDayHeader","map","weekday","week","wi","weekNumber","day","getTime","events","filter","e","isSameDay","start","end","i","dayIndex"],"sources":["../../../src/labs/VCalendar/VCalendar.tsx"],"sourcesContent":["// Styles\nimport './VCalendar.sass'\n\n// Components\nimport { makeVCalendarDayProps, VCalendarDay } from './VCalendarDay'\nimport { makeVCalendarHeaderProps, VCalendarHeader } from './VCalendarHeader'\nimport { VCalendarMonthDay } from './VCalendarMonthDay'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, nextTick } from 'vue'\nimport { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarDaySlots } from './VCalendarDay'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalendar')\n\nexport type VCalendarSlots = VCalendarDaySlots & {\n  'day-body': { day?: CalendarDay, events?: Array<any> }\n  'day-title': { title?: number | string }\n  'day-event': { day?: CalendarDay, allDay: boolean, event?: Record<string, unknown> }\n  header: { title: string, clickNext: Function, clickPrev: Function, clickToday: Function }\n  'day-interval': { day?: CalendarDay, dayIndex: number, events?: Array<any> }\n  title: { title?: string }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    today: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, displayValue, weekNumbers, weekDays } = useCalendar(props as any)\n\n    const dayNames = adapter.getWeekdays()\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, 1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n      nextTick(() => {\n        emit('next', model.value[0])\n      })\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n      nextTick(() => {\n        emit('prev', model.value[0])\n      })\n    }\n\n    function onClickToday () {\n      const date = adapter.date()\n      model.value = [date]\n      nextTick(() => {\n        emit('today', model.value[0])\n      })\n    }\n\n    const title = computed(() => {\n      return adapter.format(displayValue.value, 'monthAndYear')\n    })\n\n    useRender(() => {\n      const calendarDayProps = VCalendarDay.filterProps(props)\n      const calendarHeaderProps = VCalendarHeader.filterProps(props)\n\n      return (\n        <div class={[\n          'v-calendar',\n          {\n            'v-calendar-monthly': props.viewMode === 'month',\n            'v-calendar-weekly': props.viewMode === 'week',\n            'v-calendar-day': props.viewMode === 'day',\n          },\n        ]}\n        >\n          <div>\n            { !props.hideHeader && (\n              slots.header?.({\n                title: title.value,\n                clickNext: onClickNext,\n                clickPrev: onClickPrev,\n                clickToday: onClickToday,\n              }) ?? (\n                <VCalendarHeader\n                  key=\"calendar-header\"\n                  { ...calendarHeaderProps }\n                  title={ title.value }\n                  onClick:next={ onClickNext }\n                  onClick:prev={ onClickPrev }\n                  onClick:toToday={ onClickToday }\n                >\n                  {{ title: slots.title }}\n                </VCalendarHeader>\n              )\n            )}\n          </div>\n\n          <div class={['v-calendar__container', `days__${weekDays.value.length}`]}>\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : []),\n                  ]\n                }\n                key=\"calendarWeeklyHead\"\n              >\n                { !props.hideWeekNumber ? <div key=\"weekNumber0\" class=\"v-calendar-weekly__head-weeknumber\"></div> : '' }\n                {\n                  weekDays.value.map(weekday => (\n                    <div class={ `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}` }>\n                      { dayNames[weekday] }\n                    </div>\n                  ))\n                }\n              </div>\n            )}\n\n            { props.viewMode === 'month' && (\n              <div\n                key=\"VCalendarMonth\"\n                class={\n                  [\n                    'v-calendar-month__days',\n                    `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value, weekDays.value.length)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? (\n                        <div\n                          class=\"v-calendar-month__weeknumber\"\n                          { ...getPrefixedEventHandlers(attrs, ':weekNumber', () => ({ weekNumber: weekNumbers.value[wi], week })) }\n                        >{ weekNumbers.value[wi] }</div>\n                      ) : '',\n                      week.map(day => (\n                          <VCalendarMonthDay\n                            key={ day.date.getTime() }\n                            { ...calendarDayProps }\n                            day={ day }\n                            title={ adapter.format(day.date, 'dayOfMonth') }\n                            events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                            { ...attrs }\n                          >\n                            {{\n                              ...pick(slots, ['day-body', 'day-event', 'day-title']),\n                            }}\n                          </VCalendarMonthDay>\n                      )),\n                    ]\n                  ))\n                }\n              </div>\n            )}\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) =>\n                slots['day-interval'] ? slots['day-interval']?.({\n                  ...calendarDayProps,\n                  day,\n                  dayIndex: i,\n                  events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)),\n                }) : (\n                  <VCalendarDay\n                    { ...calendarDayProps }\n                    day={ day }\n                    dayIndex={ i }\n                    events={ props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)) }\n                    { ...attrs }\n                  >\n                    {{ ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle']) }}\n                  </VCalendarDay>\n                )\n              ))\n            }\n\n            { props.viewMode === 'day' && (\n              slots['day-interval'] ? slots['day-interval']({\n                day: genDays([displayValue.value as Date], adapter.date() as Date)[0],\n                dayIndex: 0,\n                events: props.events?.filter(e =>\n                  adapter.isSameDay(e.start, genDays([displayValue.value as Date], adapter.date() as Date)[0].date) ||\n                  adapter.isSameDay(e.end, genDays([displayValue.value as Date], adapter.date() as Date)[0].date)\n                ),\n              }) : (\n                <VCalendarDay\n                  { ...calendarDayProps }\n                  day={ genDays([model.value[0] as Date], adapter.date() as Date)[0] }\n                  dayIndex={ 0 }\n                  events={\n                    props.events?.filter(e =>\n                      adapter.isSameDay(e.start, genDays([model.value[0] as Date], adapter.date() as Date)[0].date) ||\n                      adapter.isSameDay(e.end, genDays([model.value[0] as Date], adapter.date() as Date)[0].date)\n                    )\n                  }\n                  { ...attrs }\n                ></VCalendarDay>\n              )\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return { daysInMonth, daysInWeek, genDays }\n  },\n})\n\nexport type VCalendar = InstanceType<typeof VCalendar>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","nextTick","chunkArray","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","today","setup","_ref","attrs","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","displayValue","weekNumbers","weekdayLabels","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","weekdaysCount","length","_createElementVNode","_normalizeClass","header","clickNext","clickPrev","clickToday","_createVNode","_mergeProps","hideDayHeader","map","weekday","week","wi","weekNumber","day","getTime","events","filter","e","isSameDay","start","end","i","dayIndex"],"sources":["../../../src/labs/VCalendar/VCalendar.tsx"],"sourcesContent":["// Styles\nimport './VCalendar.sass'\n\n// Components\nimport { makeVCalendarDayProps, VCalendarDay } from './VCalendarDay'\nimport { makeVCalendarHeaderProps, VCalendarHeader } from './VCalendarHeader'\nimport { VCalendarMonthDay } from './VCalendarMonthDay'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, nextTick } from 'vue'\nimport { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarDaySlots } from './VCalendarDay'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalendar')\n\nexport type VCalendarSlots = VCalendarDaySlots & {\n  'day-body': { day?: CalendarDay, events?: Array<any> }\n  'day-title': { title?: number | string }\n  'day-event': { day?: CalendarDay, allDay: boolean, event?: Record<string, unknown> }\n  header: { title: string, clickNext: Function, clickPrev: Function, clickToday: Function }\n  'day-interval': { day?: CalendarDay, dayIndex: number, events?: Array<any> }\n  title: { title?: string }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    today: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, displayValue, weekNumbers, weekdayLabels } = useCalendar(props as any)\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, 1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n      nextTick(() => {\n        emit('next', model.value[0])\n      })\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n      nextTick(() => {\n        emit('prev', model.value[0])\n      })\n    }\n\n    function onClickToday () {\n      const date = adapter.date()\n      model.value = [date]\n      nextTick(() => {\n        emit('today', model.value[0])\n      })\n    }\n\n    const title = computed(() => {\n      return adapter.format(displayValue.value, 'monthAndYear')\n    })\n\n    useRender(() => {\n      const calendarDayProps = VCalendarDay.filterProps(props)\n      const calendarHeaderProps = VCalendarHeader.filterProps(props)\n\n      const weekdaysCount = daysInWeek.value.length\n\n      return (\n        <div class={[\n          'v-calendar',\n          {\n            'v-calendar-monthly': props.viewMode === 'month',\n            'v-calendar-weekly': props.viewMode === 'week',\n            'v-calendar-day': props.viewMode === 'day',\n          },\n        ]}\n        >\n          <div>\n            { !props.hideHeader && (\n              slots.header?.({\n                title: title.value,\n                clickNext: onClickNext,\n                clickPrev: onClickPrev,\n                clickToday: onClickToday,\n              }) ?? (\n                <VCalendarHeader\n                  key=\"calendar-header\"\n                  { ...calendarHeaderProps }\n                  title={ title.value }\n                  onClick:next={ onClickNext }\n                  onClick:prev={ onClickPrev }\n                  onClick:toToday={ onClickToday }\n                >\n                  {{ title: slots.title }}\n                </VCalendarHeader>\n              )\n            )}\n          </div>\n\n          <div class={['v-calendar__container', `days__${weekdaysCount}`]}>\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${weekdaysCount}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : []),\n                  ]\n                }\n                key=\"calendarWeeklyHead\"\n              >\n                { !props.hideWeekNumber ? <div key=\"weekNumber0\" class=\"v-calendar-weekly__head-weeknumber\"></div> : '' }\n                {\n                  weekdayLabels.value.map(weekday => (\n                    <div class={ `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}` }>\n                      { weekday }\n                    </div>\n                  ))\n                }\n              </div>\n            )}\n\n            { props.viewMode === 'month' && (\n              <div\n                key=\"VCalendarMonth\"\n                class={\n                  [\n                    'v-calendar-month__days',\n                    `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekdaysCount}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value, weekdaysCount)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? (\n                        <div\n                          class=\"v-calendar-month__weeknumber\"\n                          { ...getPrefixedEventHandlers(attrs, ':weekNumber', () => ({ weekNumber: weekNumbers.value[wi], week })) }\n                        >{ weekNumbers.value[wi] }</div>\n                      ) : '',\n                      week.map(day => (\n                          <VCalendarMonthDay\n                            key={ day.date.getTime() }\n                            { ...calendarDayProps }\n                            day={ day }\n                            title={ adapter.format(day.date, 'dayOfMonth') }\n                            events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                            { ...attrs }\n                          >\n                            {{\n                              ...pick(slots, ['day-body', 'day-event', 'day-title']),\n                            }}\n                          </VCalendarMonthDay>\n                      )),\n                    ]\n                  ))\n                }\n              </div>\n            )}\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) =>\n                slots['day-interval'] ? slots['day-interval']?.({\n                  ...calendarDayProps,\n                  day,\n                  dayIndex: i,\n                  events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)),\n                }) : (\n                  <VCalendarDay\n                    { ...calendarDayProps }\n                    day={ day }\n                    dayIndex={ i }\n                    events={ props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)) }\n                    { ...attrs }\n                  >\n                    {{ ...pick(slots, ['interval', 'interval-body', 'interval-event', 'interval-title']) }}\n                  </VCalendarDay>\n                )\n              ))\n            }\n\n            { props.viewMode === 'day' && (\n              slots['day-interval'] ? slots['day-interval']({\n                day: genDays([displayValue.value as Date], adapter.date() as Date)[0],\n                dayIndex: 0,\n                events: props.events?.filter(e =>\n                  adapter.isSameDay(e.start, genDays([displayValue.value as Date], adapter.date() as Date)[0].date) ||\n                  adapter.isSameDay(e.end, genDays([displayValue.value as Date], adapter.date() as Date)[0].date)\n                ),\n              }) : (\n                <VCalendarDay\n                  { ...calendarDayProps }\n                  day={ genDays([model.value[0] as Date], adapter.date() as Date)[0] }\n                  dayIndex={ 0 }\n                  events={\n                    props.events?.filter(e =>\n                      adapter.isSameDay(e.start, genDays([model.value[0] as Date], adapter.date() as Date)[0].date) ||\n                      adapter.isSameDay(e.end, genDays([model.value[0] as Date], adapter.date() as Date)[0].date)\n                    )\n                  }\n                  { ...attrs }\n                ></VCalendarDay>\n              )\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return { daysInMonth, daysInWeek, genDays }\n  },\n})\n\nexport type VCalendar = InstanceType<typeof VCalendar>\n"],"mappings":"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","ignoreList":[]}

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

@@ -127,7 +127,7 @@ export declare const VCalendarDay: {
         dayIndex?: number | undefined;
     } & {
         $children?: {} | import("vue").VNodeChild | {
-            intervalBody?: ((arg: {
+            'interval-body'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -135,7 +135,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: ((arg: {
+            'interval-event'?: ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -147,7 +147,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: ((arg: {
+            'interval-title'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -158,7 +158,7 @@ export declare const VCalendarDay: {
             interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            intervalBody?: false | ((arg: {
+            'interval-body'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -166,7 +166,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: false | ((arg: {
+            'interval-event'?: false | ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -178,7 +178,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: false | ((arg: {
+            'interval-title'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -189,7 +189,7 @@ export declare const VCalendarDay: {
             interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:intervalBody"?: false | ((arg: {
+        "v-slot:interval-body"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -197,7 +197,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalEvent"?: false | ((arg: {
+        "v-slot:interval-event"?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -209,7 +209,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalTitle"?: false | ((arg: {
+        "v-slot:interval-title"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -230,7 +230,7 @@ export declare const VCalendarDay: {
         hideDayHeader: boolean;
         intervals: number;
     }, true, {}, import("vue").SlotsType<Partial<{
-        intervalBody: (arg: {
+        'interval-body': (arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -238,7 +238,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNode[];
-        intervalEvent: (arg: {
+        'interval-event': (arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -250,7 +250,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNode[];
-        intervalTitle: (arg: {
+        'interval-title': (arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -280,7 +280,7 @@ export declare const VCalendarDay: {
         dayIndex?: number | undefined;
     } & {
         $children?: {} | import("vue").VNodeChild | {
-            intervalBody?: ((arg: {
+            'interval-body'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -288,7 +288,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: ((arg: {
+            'interval-event'?: ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -300,7 +300,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: ((arg: {
+            'interval-title'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -311,7 +311,7 @@ export declare const VCalendarDay: {
             interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            intervalBody?: false | ((arg: {
+            'interval-body'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -319,7 +319,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: false | ((arg: {
+            'interval-event'?: false | ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -331,7 +331,7 @@ export declare const VCalendarDay: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: false | ((arg: {
+            'interval-title'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -342,7 +342,7 @@ export declare const VCalendarDay: {
             interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:intervalBody"?: false | ((arg: {
+        "v-slot:interval-body"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -350,7 +350,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalEvent"?: false | ((arg: {
+        "v-slot:interval-event"?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -362,7 +362,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalTitle"?: false | ((arg: {
+        "v-slot:interval-title"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -400,7 +400,7 @@ export declare const VCalendarDay: {
     dayIndex?: number | undefined;
 } & {
     $children?: {} | import("vue").VNodeChild | {
-        intervalBody?: ((arg: {
+        'interval-body'?: ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -408,7 +408,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalEvent?: ((arg: {
+        'interval-event'?: ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -420,7 +420,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalTitle?: ((arg: {
+        'interval-title'?: ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -431,7 +431,7 @@ export declare const VCalendarDay: {
         interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
     };
     'v-slots'?: {
-        intervalBody?: false | ((arg: {
+        'interval-body'?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -439,7 +439,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalEvent?: false | ((arg: {
+        'interval-event'?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -451,7 +451,7 @@ export declare const VCalendarDay: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalTitle?: false | ((arg: {
+        'interval-title'?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -462,7 +462,7 @@ export declare const VCalendarDay: {
         interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:intervalBody"?: false | ((arg: {
+    "v-slot:interval-body"?: false | ((arg: {
         interval: {
             label: string;
             start: unknown;
@@ -470,7 +470,7 @@ export declare const VCalendarDay: {
             events: any[];
         };
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:intervalEvent"?: false | ((arg: {
+    "v-slot:interval-event"?: false | ((arg: {
         height: string;
         margin: string;
         eventClass: string;
@@ -482,7 +482,7 @@ export declare const VCalendarDay: {
             events: any[];
         };
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:intervalTitle"?: false | ((arg: {
+    "v-slot:interval-title"?: false | ((arg: {
         interval: {
             label: string;
             start: unknown;
@@ -503,7 +503,7 @@ export declare const VCalendarDay: {
     hideDayHeader: boolean;
     intervals: number;
 }, {}, string, import("vue").SlotsType<Partial<{
-    intervalBody: (arg: {
+    'interval-body': (arg: {
         interval: {
             label: string;
             start: unknown;
@@ -511,7 +511,7 @@ export declare const VCalendarDay: {
             events: any[];
         };
     }) => import("vue").VNode[];
-    intervalEvent: (arg: {
+    'interval-event': (arg: {
         height: string;
         margin: string;
         eventClass: string;
@@ -523,7 +523,7 @@ export declare const VCalendarDay: {
             events: any[];
         };
     }) => import("vue").VNode[];
-    intervalTitle: (arg: {
+    'interval-title': (arg: {
         interval: {
             label: string;
             start: unknown;

package/lib/labs/VCalendar/VCalendarDay.js

@@ -44,7 +44,7 @@ export const VCalendarDay = genericComponent()({
       }), null)])]), intervals.value.map((_, index) => slots.interval?.(calendarIntervalProps) ?? _createVNode(VCalendarInterval, _mergeProps({
         "index": index
       }, calendarIntervalProps, attrs, getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps)), {
-        ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle'])
+        ...pick(slots, ['interval-body', 'interval-event', 'interval-title'])
       }))]);
     });
     return {

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

@@ -1 +1 @@
-{"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","_createElementVNode","_mergeProps","day","format","date","_createVNode","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,mBAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,mBAAA,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,mBAAA,eAAAK,YAAA,CAAAzC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DpB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACChC,SAAS,CAACiC,KAAK,CAACC,GAAG,CAAC,CAACf,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACwB,QAAQ,GAAGZ,qBAAqB,CAAC,IAAAO,YAAA,CAAA1C,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":[]}
+{"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","_createElementVNode","_mergeProps","day","format","date","_createVNode","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, ['interval-body', 'interval-event', 'interval-title']),\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,mBAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,mBAAA,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,mBAAA,eAAAK,YAAA,CAAAzC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DpB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACChC,SAAS,CAACiC,KAAK,CAACC,GAAG,CAAC,CAACf,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACwB,QAAQ,GAAGZ,qBAAqB,CAAC,IAAAO,YAAA,CAAA1C,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,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;MAAC,EAI7E,CAAC;IAGP,CAAC,CAAC;IAEF,OAAO;MAAEX;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -5,17 +5,17 @@ type Interval = {
     events: any[];
 };
 export type VCalendarIntervalSlots = {
-    intervalBody: {
+    'interval-body': {
         interval: Interval;
     };
-    intervalEvent: {
+    'interval-event': {
         height: string;
         margin: string;
         eventClass: string;
         event: any;
         interval: Interval;
     };
-    intervalTitle: {
+    'interval-title': {
         interval: Interval;
     };
 };
@@ -127,47 +127,47 @@ export declare const VCalendarInterval: {
         dayIndex?: number | undefined;
     } & {
         $children?: {} | import("vue").VNodeChild | {
-            intervalBody?: ((arg: {
+            'interval-body'?: ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: ((arg: {
+            'interval-event'?: ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
                 event: any;
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: ((arg: {
+            'interval-title'?: ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            intervalBody?: false | ((arg: {
+            'interval-body'?: false | ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: false | ((arg: {
+            'interval-event'?: false | ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
                 event: any;
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: false | ((arg: {
+            'interval-title'?: false | ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:intervalBody"?: false | ((arg: {
+        "v-slot:interval-body"?: false | ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalEvent"?: false | ((arg: {
+        "v-slot:interval-event"?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
             event: any;
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalTitle"?: false | ((arg: {
+        "v-slot:interval-title"?: false | ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
     }, {
@@ -185,17 +185,17 @@ export declare const VCalendarInterval: {
         intervalFormat: string | Function;
         intervalStart: number;
     }, true, {}, import("vue").SlotsType<Partial<{
-        intervalBody: (arg: {
+        'interval-body': (arg: {
             interval: Interval;
         }) => import("vue").VNode[];
-        intervalEvent: (arg: {
+        'interval-event': (arg: {
             height: string;
             margin: string;
             eventClass: string;
             event: any;
             interval: Interval;
         }) => import("vue").VNode[];
-        intervalTitle: (arg: {
+        'interval-title': (arg: {
             interval: Interval;
         }) => import("vue").VNode[];
     }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -218,47 +218,47 @@ export declare const VCalendarInterval: {
         dayIndex?: number | undefined;
     } & {
         $children?: {} | import("vue").VNodeChild | {
-            intervalBody?: ((arg: {
+            'interval-body'?: ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: ((arg: {
+            'interval-event'?: ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
                 event: any;
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: ((arg: {
+            'interval-title'?: ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            intervalBody?: false | ((arg: {
+            'interval-body'?: false | ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: false | ((arg: {
+            'interval-event'?: false | ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
                 event: any;
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: false | ((arg: {
+            'interval-title'?: false | ((arg: {
                 interval: Interval;
             }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:intervalBody"?: false | ((arg: {
+        "v-slot:interval-body"?: false | ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalEvent"?: false | ((arg: {
+        "v-slot:interval-event"?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
             event: any;
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalTitle"?: false | ((arg: {
+        "v-slot:interval-title"?: false | ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
     }, {
@@ -292,47 +292,47 @@ export declare const VCalendarInterval: {
     dayIndex?: number | undefined;
 } & {
     $children?: {} | import("vue").VNodeChild | {
-        intervalBody?: ((arg: {
+        'interval-body'?: ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        intervalEvent?: ((arg: {
+        'interval-event'?: ((arg: {
             height: string;
             margin: string;
             eventClass: string;
             event: any;
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        intervalTitle?: ((arg: {
+        'interval-title'?: ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
     };
     'v-slots'?: {
-        intervalBody?: false | ((arg: {
+        'interval-body'?: false | ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        intervalEvent?: false | ((arg: {
+        'interval-event'?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
             event: any;
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
-        intervalTitle?: false | ((arg: {
+        'interval-title'?: false | ((arg: {
             interval: Interval;
         }) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:intervalBody"?: false | ((arg: {
+    "v-slot:interval-body"?: false | ((arg: {
         interval: Interval;
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:intervalEvent"?: false | ((arg: {
+    "v-slot:interval-event"?: false | ((arg: {
         height: string;
         margin: string;
         eventClass: string;
         event: any;
         interval: Interval;
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:intervalTitle"?: false | ((arg: {
+    "v-slot:interval-title"?: false | ((arg: {
         interval: Interval;
     }) => import("vue").VNodeChild) | undefined;
 }, {
@@ -350,17 +350,17 @@ export declare const VCalendarInterval: {
     intervalFormat: string | Function;
     intervalStart: number;
 }, {}, string, import("vue").SlotsType<Partial<{
-    intervalBody: (arg: {
+    'interval-body': (arg: {
         interval: Interval;
     }) => import("vue").VNode[];
-    intervalEvent: (arg: {
+    'interval-event': (arg: {
         height: string;
         margin: string;
         eventClass: string;
         event: any;
         interval: Interval;
     }) => import("vue").VNode[];
-    intervalTitle: (arg: {
+    'interval-title': (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<{