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

package/lib/labs/VCalendar/VCalendar.js

@@ -8,25 +8,27 @@ import { makeVCalendarHeaderProps, VCalendarHeader } from "./VCalendarHeader.js"
 import { VCalendarMonthDay } from "./VCalendarMonthDay.js"; // Composables
 import { makeCalendarProps, useCalendar } from "../../composables/calendar.js";
 import { useDate } from "../../composables/date/date.js"; // Utilities
-import { computed } from 'vue';
-import { chunkArray, genericComponent, propsFactory, useRender } from "../../util/index.js";
+import { computed, nextTick } from 'vue';
+import { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVCalendarProps = propsFactory({
   hideHeader: Boolean,
   hideWeekNumber: Boolean,
   ...makeCalendarProps(),
   ...makeVCalendarDayProps(),
   ...makeVCalendarHeaderProps()
-}, 'VCalender');
+}, 'VCalendar');
 export const VCalendar = genericComponent()({
   name: 'VCalendar',
   props: makeVCalendarProps(),
   emits: {
     next: null,
     prev: null,
+    today: null,
     'update:modelValue': null
   },
   setup(props, _ref) {
     let {
+      attrs,
       emit,
       slots
     } = _ref;
@@ -44,27 +46,33 @@ export const VCalendar = genericComponent()({
     function onClickNext() {
       if (props.viewMode === 'month') {
         model.value = [adapter.addMonths(displayValue.value, 1)];
-      }
-      if (props.viewMode === 'week') {
+      } else if (props.viewMode === 'week') {
         model.value = [adapter.addDays(displayValue.value, 7)];
-      }
-      if (props.viewMode === 'day') {
+      } else if (props.viewMode === 'day') {
         model.value = [adapter.addDays(displayValue.value, 1)];
       }
+      nextTick(() => {
+        emit('next', model.value[0]);
+      });
     }
     function onClickPrev() {
       if (props.viewMode === 'month') {
         model.value = [adapter.addMonths(displayValue.value, -1)];
-      }
-      if (props.viewMode === 'week') {
+      } else if (props.viewMode === 'week') {
         model.value = [adapter.addDays(displayValue.value, -7)];
-      }
-      if (props.viewMode === 'day') {
+      } else if (props.viewMode === 'day') {
         model.value = [adapter.addDays(displayValue.value, -1)];
       }
+      nextTick(() => {
+        emit('prev', model.value[0]);
+      });
     }
     function onClickToday() {
-      model.value = [adapter.date()];
+      const date = adapter.date();
+      model.value = [date];
+      nextTick(() => {
+        emit('today', model.value[0]);
+      });
     }
     const title = computed(() => {
       return adapter.format(displayValue.value, 'monthAndYear');
@@ -78,20 +86,25 @@ export const VCalendar = genericComponent()({
           'v-calendar-weekly': props.viewMode === 'week',
           'v-calendar-day': props.viewMode === 'day'
         }]
-      }, [_createVNode("div", null, [!props.hideHeader && (!slots.header ? _createVNode(VCalendarHeader, _mergeProps({
+      }, [_createVNode("div", null, [!props.hideHeader && (slots.header?.({
+        title: title.value,
+        clickNext: onClickNext,
+        clickPrev: onClickPrev,
+        clickToday: onClickToday
+      }) ?? _createVNode(VCalendarHeader, _mergeProps({
         "key": "calendar-header"
       }, calendarHeaderProps, {
         "title": title.value,
         "onClick:next": onClickNext,
         "onClick:prev": onClickPrev,
         "onClick:toToday": onClickToday
-      }), null) : slots.header({
-        title: title.value
+      }), {
+        title: slots.title
       }))]), _createVNode("div", {
         "class": ['v-calendar__container', `days__${weekDays.value.length}`]
       }, [props.viewMode === 'month' && !props.hideDayHeader && _createVNode("div", {
         "class": ['v-calendar-weekly__head', `days__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])],
-        "key": "calenderWeeklyHead"
+        "key": "calendarWeeklyHead"
       }, [!props.hideWeekNumber ? _createVNode("div", {
         "key": "weekNumber0",
         "class": "v-calendar-weekly__head-weeknumber"
@@ -100,24 +113,39 @@ export const VCalendar = genericComponent()({
       }, [dayNames[weekday]]))]), props.viewMode === 'month' && _createVNode("div", {
         "key": "VCalendarMonth",
         "class": ['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])]
-      }, [chunkArray(daysInMonth.value, weekDays.value.length).map((week, wi) => [!props.hideWeekNumber ? _createVNode("div", {
+      }, [chunkArray(daysInMonth.value, weekDays.value.length).map((week, wi) => [!props.hideWeekNumber ? _createVNode("div", _mergeProps({
         "class": "v-calendar-month__weeknumber"
-      }, [weekNumbers.value[wi]]) : '', week.map(day => _createVNode(VCalendarMonthDay, {
-        "color": adapter.isSameDay(adapter.date(), day.date) ? 'primary' : undefined,
+      }, getPrefixedEventHandlers(attrs, ':weekNumber', () => ({
+        weekNumber: weekNumbers.value[wi],
+        week
+      }))), [weekNumbers.value[wi]]) : '', week.map(day => _createVNode(VCalendarMonthDay, _mergeProps({
+        "key": day.date.getTime()
+      }, calendarDayProps, {
         "day": day,
-        "title": day ? adapter.format(day.date, 'dayOfMonth') : 'NaN',
+        "title": adapter.format(day.date, 'dayOfMonth'),
         "events": props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end))
-      }, {
-        event: slots.event
-      }))])]), props.viewMode === 'week' && daysInWeek.value.map((day, i) => _createVNode(VCalendarDay, _mergeProps(calendarDayProps, {
+      }, attrs), {
+        ...pick(slots, ['day-body', 'day-event', 'day-title'])
+      }))])]), props.viewMode === 'week' && daysInWeek.value.map((day, i) => slots['day-interval'] ? slots['day-interval']?.({
+        ...calendarDayProps,
+        day,
+        dayIndex: i,
+        events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date))
+      }) : _createVNode(VCalendarDay, _mergeProps(calendarDayProps, {
         "day": day,
         "dayIndex": i,
         "events": props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date))
-      }), null)), props.viewMode === 'day' && _createVNode(VCalendarDay, _mergeProps(calendarDayProps, {
-        "day": genDays([displayValue.value], adapter.date())[0],
+      }, attrs), {
+        ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle'])
+      })), props.viewMode === 'day' && (slots['day-interval'] ? slots['day-interval']({
+        day: genDays([displayValue.value], adapter.date())[0],
+        dayIndex: 0,
+        events: props.events?.filter(e => adapter.isSameDay(e.start, genDays([displayValue.value], adapter.date())[0].date) || adapter.isSameDay(e.end, genDays([displayValue.value], adapter.date())[0].date))
+      }) : _createVNode(VCalendarDay, _mergeProps(calendarDayProps, {
+        "day": genDays([model.value[0]], adapter.date())[0],
         "dayIndex": 0,
-        "events": props.events?.filter(e => adapter.isSameDay(e.start, genDays([displayValue.value], adapter.date())[0].date) || adapter.isSameDay(e.end, genDays([displayValue.value], adapter.date())[0].date))
-      }), null)])]);
+        "events": props.events?.filter(e => adapter.isSameDay(e.start, genDays([model.value[0]], adapter.date())[0].date) || adapter.isSameDay(e.end, genDays([model.value[0]], adapter.date())[0].date))
+      }, attrs), null))])]);
     });
     return {
       daysInMonth,

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

@@ -1 +1 @@
-{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","chunkArray","genericComponent","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","setup","_ref","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","_createVNode","header","_mergeProps","length","hideDayHeader","map","weekday","week","wi","day","isSameDay","undefined","events","filter","e","start","end","event","i"],"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 } from 'vue'\nimport { chunkArray, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalender')\n\nexport type VCalendarSlots = {\n  header: { title: string }\n  event: { day?: Object, allDay: boolean, event: Record<string, unknown> }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { 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      }\n      if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      }\n      if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      }\n      if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      }\n      if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n    }\n\n    function onClickToday () {\n      model.value = [adapter.date()]\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                <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              ) : (\n                slots.header({ title: title.value })\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=\"calenderWeeklyHead\"\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 ? <div class=\"v-calendar-month__weeknumber\">{ weekNumbers.value[wi] }</div> : '',\n                      week.map(day => (\n                        <VCalendarMonthDay\n                          color={ adapter.isSameDay(adapter.date(), day.date) ? 'primary' : undefined }\n                          day={ day }\n                          title={ day ? adapter.format(day.date, 'dayOfMonth') : 'NaN' }\n                          events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                          v-slots={{\n                            event: slots.event,\n                          }}\n                        ></VCalendarMonthDay>\n                      )),\n                    ]\n                  ))}\n              </div>\n            )}\n\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) => (\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                ></VCalendarDay>\n              ))\n            )}\n\n            { props.viewMode === 'day' && (\n              <VCalendarDay\n                { ...calendarDayProps }\n                day={ genDays([displayValue.value as Date], adapter.date() as Date)[0] }\n                dayIndex={ 0 }\n                events={\n                  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            )}\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","weekDays","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createVNode","header","clickNext","clickPrev","clickToday","_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":[]}

package/lib/labs/VCalendar/VCalendarDay.css

@@ -30,4 +30,13 @@
 }
 .v-calendar-weekly .v-calendar__container.days__0 {
   grid-template-columns: repeat(1, 1fr);
+}
+
+.v-calendar-weekly__head-weekday {
+  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/VCalendarDay.d.ts

@@ -1,3 +1,7 @@
+import type { VCalendarIntervalSlots } from './VCalendarInterval.js';
+export type VCalendarDaySlots = VCalendarIntervalSlots & {
+    interval: Record<string, unknown>;
+};
 export declare const makeVCalendarDayProps: <Defaults extends {
     day?: unknown;
     dayIndex?: unknown;
@@ -122,14 +126,98 @@ export declare const VCalendarDay: {
         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: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: ((arg: {
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
+        };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
+            intervalBody?: false | ((arg: {
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: false | ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: false | ((arg: {
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalBody"?: false | ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalEvent"?: false | ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalTitle"?: false | ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:interval"?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
     }, {
         intervals: import("vue").ComputedRef<number[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
@@ -142,7 +230,35 @@ export declare const VCalendarDay: {
         hideDayHeader: boolean;
         intervals: number;
     }, true, {}, import("vue").SlotsType<Partial<{
-        default: () => import("vue").VNode[];
+        intervalBody: (arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNode[];
+        intervalEvent: (arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNode[];
+        intervalTitle: (arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNode[];
+        interval: (arg: Record<string, unknown>) => import("vue").VNode[];
     }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -163,14 +279,98 @@ export declare const VCalendarDay: {
         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: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: ((arg: {
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
+        };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
+            intervalBody?: false | ((arg: {
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalEvent?: false | ((arg: {
+                height: string;
+                margin: string;
+                eventClass: string;
+                event: any;
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            intervalTitle?: false | ((arg: {
+                interval: {
+                    label: string;
+                    start: unknown;
+                    end: unknown;
+                    events: any[];
+                };
+            }) => import("vue").VNodeChild) | undefined;
+            interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalBody"?: false | ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalEvent"?: false | ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:intervalTitle"?: false | ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        "v-slot:interval"?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
     }, {
         intervals: import("vue").ComputedRef<number[]>;
     }, {}, {}, {}, {
@@ -199,14 +399,98 @@ export declare const VCalendarDay: {
     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: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        intervalEvent?: ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        intervalTitle?: ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
+    };
     'v-slots'?: {
-        default?: false | (() => import("vue").VNodeChild) | undefined;
+        intervalBody?: false | ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        intervalEvent?: false | ((arg: {
+            height: string;
+            margin: string;
+            eventClass: string;
+            event: any;
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        intervalTitle?: false | ((arg: {
+            interval: {
+                label: string;
+                start: unknown;
+                end: unknown;
+                events: any[];
+            };
+        }) => import("vue").VNodeChild) | undefined;
+        interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
+    "v-slot:intervalBody"?: false | ((arg: {
+        interval: {
+            label: string;
+            start: unknown;
+            end: unknown;
+            events: any[];
+        };
+    }) => import("vue").VNodeChild) | undefined;
+    "v-slot:intervalEvent"?: false | ((arg: {
+        height: string;
+        margin: string;
+        eventClass: string;
+        event: any;
+        interval: {
+            label: string;
+            start: unknown;
+            end: unknown;
+            events: any[];
+        };
+    }) => import("vue").VNodeChild) | undefined;
+    "v-slot:intervalTitle"?: false | ((arg: {
+        interval: {
+            label: string;
+            start: unknown;
+            end: unknown;
+            events: any[];
+        };
+    }) => import("vue").VNodeChild) | undefined;
+    "v-slot:interval"?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
 }, {
     intervals: import("vue").ComputedRef<number[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -219,7 +503,35 @@ export declare const VCalendarDay: {
     hideDayHeader: boolean;
     intervals: number;
 }, {}, string, import("vue").SlotsType<Partial<{
-    default: () => import("vue").VNode[];
+    intervalBody: (arg: {
+        interval: {
+            label: string;
+            start: unknown;
+            end: unknown;
+            events: any[];
+        };
+    }) => import("vue").VNode[];
+    intervalEvent: (arg: {
+        height: string;
+        margin: string;
+        eventClass: string;
+        event: any;
+        interval: {
+            label: string;
+            start: unknown;
+            end: unknown;
+            events: any[];
+        };
+    }) => import("vue").VNode[];
+    intervalTitle: (arg: {
+        interval: {
+            label: string;
+            start: unknown;
+            end: unknown;
+            events: any[];
+        };
+    }) => import("vue").VNode[];
+    interval: (arg: Record<string, unknown>) => 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;