vuetify 3.4.7 → 3.4.9

package/lib/labs/VCalendar/VCalendar.css

@@ -0,0 +1,220 @@
+.v-calendar-weekly {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  background-color: #fff;
+}
+
+.v-calendar__container {
+  border-top: thin solid #e0e0e0;
+  border-left: thin solid #e0e0e0;
+  border-right: thin solid #e0e0e0;
+}
+
+.v-calendar-weekly__head {
+  display: grid;
+  grid-template-columns: 24px repeat(7, 1fr);
+  user-select: none;
+}
+.v-calendar-weekly__head.days__0 {
+  grid-template-columns: 1fr;
+}
+.v-calendar-weekly__head.days__0.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px 1fr;
+}
+.v-calendar-weekly__head.days__1 {
+  grid-template-columns: 1fr;
+}
+.v-calendar-weekly__head.days__1.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px 1fr;
+}
+.v-calendar-weekly__head.days__2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+.v-calendar-weekly__head.days__2.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px repeat(2, 1fr);
+}
+.v-calendar-weekly__head.days__3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+.v-calendar-weekly__head.days__3.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px repeat(3, 1fr);
+}
+.v-calendar-weekly__head.days__4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+.v-calendar-weekly__head.days__4.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px repeat(4, 1fr);
+}
+.v-calendar-weekly__head.days__5 {
+  grid-template-columns: repeat(5, 1fr);
+}
+.v-calendar-weekly__head.days__5.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px repeat(5, 1fr);
+}
+.v-calendar-weekly__head.days__6 {
+  grid-template-columns: repeat(6, 1fr);
+}
+.v-calendar-weekly__head.days__6.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px repeat(6, 1fr);
+}
+.v-calendar-weekly__head.days__7 {
+  grid-template-columns: repeat(7, 1fr);
+}
+.v-calendar-weekly__head.days__7.v-calendar-weekly__head-weeknumbers {
+  grid-template-columns: 24px repeat(7, 1fr);
+}
+
+.v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber {
+  flex: 1 0 20px;
+  user-select: none;
+  padding: 8px 4px 0px 4px;
+  font-size: 11px;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-weekly__head-weekday:last-child, .v-calendar-weekly__head-weekday-with-weeknumber:last-child {
+  border-right: none;
+}
+.v-calendar-weekly__head-weekday > div .v-btn, .v-calendar-weekly__head-weekday-with-weeknumber > div .v-btn {
+  font-size: 1.5rem;
+}
+
+.v-calendar-weekly__head-weeknumber {
+  background: rgb(var(--v-theme-on-surface-variant));
+}
+
+.v-calendar-weekly__week {
+  display: flex;
+  flex: 1;
+  height: unset;
+  min-height: 0;
+}
+
+.v-calendar-month__weeknumber {
+  padding-top: 6px;
+  background: rgb(var(--v-theme-on-surface-variant));
+  border-bottom: thin solid #e0e0e0;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.v-calendar-month__days {
+  display: grid;
+  flex: 1 1;
+}
+.v-calendar-month__days > .v-calendar-month__day {
+  min-height: 150px;
+}
+.v-calendar-month__days.days__0 {
+  grid-template-columns: 1fr;
+}
+.v-calendar-month__days.days__0 > .v-calendar-month__day {
+  border-right: none;
+}
+.v-calendar-month__days.days__1 {
+  grid-template-columns: 1fr;
+}
+.v-calendar-month__days.days__1 > .v-calendar-month__day {
+  border-right: none;
+}
+.v-calendar-month__days.days__2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+.v-calendar-month__days.days__2 > .v-calendar-month__day:nth-child(2n) {
+  border-right: none;
+}
+.v-calendar-month__days.days__3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+.v-calendar-month__days.days__3 > .v-calendar-month__day:nth-child(3n) {
+  border-right: none;
+}
+.v-calendar-month__days.days__4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+.v-calendar-month__days.days__4 > .v-calendar-month__day:nth-child(4n) {
+  border-right: none;
+}
+.v-calendar-month__days.days__5 {
+  grid-template-columns: repeat(5, 1fr);
+}
+.v-calendar-month__days.days__5 > .v-calendar-month__day:nth-child(5n) {
+  border-right: none;
+}
+.v-calendar-month__days.days__6 {
+  grid-template-columns: repeat(6, 1fr);
+}
+.v-calendar-month__days.days__6 > .v-calendar-month__day:nth-child(6n) {
+  border-right: none;
+}
+.v-calendar-month__days.days__6.v-calendar-month__weeknumbers {
+  grid-template-columns: 24px repeat(6, 1fr);
+}
+.v-calendar-month__days.days__7 {
+  grid-template-columns: repeat(7, 1fr);
+}
+.v-calendar-month__days.days__7 > .v-calendar-month__day:nth-child(7n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__0 {
+  grid-template-columns: 24px 1fr;
+}
+.v-calendar-month__days.days-with-weeknumbers__0 > .v-calendar-month__day {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__1 {
+  grid-template-columns: 24px 1fr;
+}
+.v-calendar-month__days.days-with-weeknumbers__1 > .v-calendar-month__day {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__2 {
+  grid-template-columns: 24px repeat(2, 1fr);
+}
+.v-calendar-month__days.days-with-weeknumbers__2 > .v-calendar-month__day:nth-child(3n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__3 {
+  grid-template-columns: 24px repeat(3, 1fr);
+}
+.v-calendar-month__days.days-with-weeknumbers__3 > .v-calendar-month__day:nth-child(4n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__4 {
+  grid-template-columns: 24px repeat(4, 1fr);
+}
+.v-calendar-month__days.days-with-weeknumbers__4 > .v-calendar-month__day:nth-child(5n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__5 {
+  grid-template-columns: 24px repeat(5, 1fr);
+}
+.v-calendar-month__days.days-with-weeknumbers__5 > .v-calendar-month__day:nth-child(6n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__6 {
+  grid-template-columns: 24px repeat(6, 1fr);
+}
+.v-calendar-month__days.days-with-weeknumbers__6 > .v-calendar-month__day:nth-child(7n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__7 {
+  grid-template-columns: 24px repeat(7, 1fr);
+}
+.v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(7n) {
+  border-right: thin solid thin;
+}
+.v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
+  border-right: none;
+}
+.v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
+  border-right: none;
+}

package/lib/labs/VCalendar/VCalendar.mjs

@@ -0,0 +1,128 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+// Styles
+import "./VCalendar.css";
+
+// Components
+import { makeVCalendarDayProps, VCalendarDay } from "./VCalendarDay.mjs";
+import { makeVCalendarHeaderProps, VCalendarHeader } from "./VCalendarHeader.mjs";
+import { VCalendarMonthDay } from "./VCalendarMonthDay.mjs"; // Composables
+import { makeCalendarProps, useCalendar } from "../../composables/calendar.mjs";
+import { getDay, useDate } from "../../composables/date/date.mjs"; // Utilities
+import { computed } from 'vue';
+import { chunkArray, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarProps = propsFactory({
+  hideHeader: Boolean,
+  hideWeekNumber: Boolean,
+  weekdays: {
+    type: Array,
+    default: () => [0, 1, 2, 3, 4, 5, 6]
+  },
+  ...makeCalendarProps(),
+  ...makeVCalendarDayProps(),
+  ...makeVCalendarHeaderProps()
+}, 'VCalender');
+export const VCalendar = genericComponent()({
+  name: 'VCalendar',
+  props: makeVCalendarProps(),
+  emits: {
+    next: null,
+    prev: null,
+    'update:modelValue': null
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const adapter = useDate();
+    const {
+      daysInMonth,
+      daysInWeek,
+      genDays,
+      model,
+      weekNumbers
+    } = useCalendar(props);
+    const dayNames = adapter.getWeekdays();
+    function onClickNext() {
+      if (props.viewMode === 'month') {
+        model.value = [adapter.addMonths(model.value[0], 1)];
+      }
+      if (props.viewMode === 'week') {
+        model.value = [adapter.addDays(model.value[0], 7)];
+      }
+      if (props.viewMode === 'day') {
+        model.value = [adapter.addDays(model.value[0], 1)];
+      }
+    }
+    function onClickPrev() {
+      if (props.viewMode === 'month') {
+        model.value = [adapter.addMonths(model.value[0], -1)];
+      }
+      if (props.viewMode === 'week') {
+        model.value = [adapter.addDays(model.value[0], -7)];
+      }
+      if (props.viewMode === 'day') {
+        model.value = [adapter.addDays(model.value[0], -1)];
+      }
+    }
+    function onClickToday() {
+      model.value = [new Date()];
+    }
+    const title = computed(() => {
+      return adapter.format(model.value[0], 'monthAndYear');
+    });
+    useRender(() => {
+      const calendarDayProps = VCalendarDay.filterProps(props);
+      const calendarHeaderProps = VCalendarHeader.filterProps(props);
+      return _createVNode("div", {
+        "class": ['v-calendar', {
+          'v-calendar-monthly': props.viewMode === 'month',
+          'v-calendar-weekly': props.viewMode === 'week',
+          'v-calendar-day': props.viewMode === 'day'
+        }]
+      }, [_createVNode("div", null, [!props.hideHeader && (!slots.header ? _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
+      }))]), _createVNode("div", {
+        "class": "v-calendar__container"
+      }, [props.viewMode === 'month' && !props.hideDayHeader && _createVNode("div", {
+        "class": ['v-calendar-weekly__head', `days__${props.weekdays.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])],
+        "key": "calenderWeeklyHead"
+      }, [!props.hideWeekNumber ? _createVNode("div", {
+        "key": "weekNumber0",
+        "class": "v-calendar-weekly__head-weeknumber"
+      }, null) : '', props.weekdays.sort((a, b) => a - b).map(weekday => _createVNode("div", {
+        "class": `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`
+      }, [dayNames[weekday]]))]), props.viewMode === 'month' && _createVNode("div", {
+        "key": "VCalendarMonth",
+        "class": ['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${props.weekdays.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])]
+      }, [chunkArray(daysInMonth.value.filter(day => props.weekdays.includes(getDay(adapter, day.date))), props.weekdays.length).map((week, wi) => [!props.hideWeekNumber ? _createVNode("div", {
+        "class": "v-calendar-month__weeknumber"
+      }, [weekNumbers.value[wi]]) : '', week.filter(day => props.weekdays.includes(getDay(adapter, day.date))).map(day => _createVNode(VCalendarMonthDay, {
+        "color": adapter.isSameDay(new Date(), day.date) ? 'primary' : undefined,
+        "day": day,
+        "title": day ? adapter.format(day.date, 'dayOfMonth') : 'NaN',
+        "events": props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end))
+      }, null))])]), props.viewMode === 'week' && daysInWeek.value.map((day, i) => _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([model.value[0]], adapter.date())[0],
+        "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))
+      }), null)])]);
+    });
+    return {
+      daysInMonth,
+      daysInWeek,
+      genDays
+    };
+  }
+});
+//# sourceMappingURL=VCalendar.mjs.map

package/lib/labs/VCalendar/VCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendar.mjs","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","getDay","useDate","computed","chunkArray","genericComponent","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","weekdays","type","Array","default","VCalendar","name","props","emits","next","prev","setup","_ref","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","weekNumbers","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","Date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createVNode","header","_mergeProps","hideDayHeader","length","sort","a","b","map","weekday","filter","day","includes","date","week","wi","isSameDay","undefined","events","e","start","end","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 { getDay, 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  weekdays: {\n    type: Array<number>,\n    default: () => [0, 1, 2, 3, 4, 5, 6],\n  },\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalender')\n\nexport type VCalendarSlots = {\n  header: { 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    'update:modelValue': null,\n  },\n\n  setup (props, { emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, weekNumbers } = useCalendar(props as any)\n\n    const dayNames = adapter.getWeekdays()\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(model.value[0], 1)]\n      }\n      if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(model.value[0], 7)]\n      }\n      if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(model.value[0], 1)]\n      }\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(model.value[0], -1)]\n      }\n      if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(model.value[0], -7)]\n      }\n      if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(model.value[0], -1)]\n      }\n    }\n\n    function onClickToday () {\n      model.value = [new Date()]\n    }\n\n    const title = computed(() => {\n      return adapter.format(model.value[0], '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\">\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${props.weekdays.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                  props.weekdays.sort((a, b) => a - b).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' : ''}__${props.weekdays.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value\n                  .filter(day => props.weekdays.includes(getDay(adapter, day.date))), props.weekdays.length)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? <div class=\"v-calendar-month__weeknumber\">{ weekNumbers.value[wi] }</div> : '',\n                      week.filter(day => props.weekdays.includes(getDay(adapter, day.date))).map(day => (\n                        <VCalendarMonthDay\n                          color={ adapter.isSameDay(new 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                        ></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([model.value[0] as Date], adapter.date() as Date)[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              ></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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"}

package/lib/labs/VCalendar/VCalendar.sass

@@ -0,0 +1,168 @@
+@import './_variables.scss'
+
+.v-calendar-weekly
+  width: 100%
+  height: 100%
+  display: flex
+  flex-direction: column
+  // https://github.com/vuetifyjs/vuetify/issues/8319
+  min-height: 0
+  // Themed
+  background-color: #fff
+
+.v-calendar__container
+  border-top: $calendar-line-width solid $calendar-line-color
+  border-left: $calendar-line-width solid $calendar-line-color
+  border-right: $calendar-line-width solid $calendar-line-color
+
+.v-calendar-weekly__head
+  display: grid
+  grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(7, 1fr)
+  user-select: none
+  &.days__0
+    grid-template-columns: 1fr
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
+  &.days__1
+    grid-template-columns: 1fr
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
+  &.days__2
+    grid-template-columns: repeat(2, 1fr)
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(2, 1fr)
+  &.days__3
+    grid-template-columns: repeat(3, 1fr)
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(3, 1fr)
+  &.days__4
+    grid-template-columns: repeat(4, 1fr)
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(4, 1fr)
+  &.days__5
+    grid-template-columns: repeat(5, 1fr)
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(5, 1fr)
+  &.days__6
+    grid-template-columns: repeat(6, 1fr)
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(6, 1fr)
+  &.days__7
+    grid-template-columns: repeat(7, 1fr)
+    &.v-calendar-weekly__head-weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(7, 1fr)
+
+.v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber
+  flex: 1 0 20px
+  user-select: none
+  padding: $calendar-weekly-weekday-padding
+  font-size: $calendar-weekly-weekday-font-size
+  overflow: hidden
+  text-align: center
+  text-overflow: ellipsis
+  text-transform: uppercase
+  white-space: nowrap
+  // Themed
+  border-right: $calendar-line-width solid $calendar-line-color
+
+  &:last-child
+    border-right: none
+
+  // TODO change this
+  > div .v-btn
+    font-size: 1.5rem
+
+.v-calendar-weekly__head-weeknumber
+  background: rgb(var(--v-theme-on-surface-variant))
+
+.v-calendar-weekly__week
+  display: flex
+  flex: 1
+  height: unset
+  // https://github.com/vuetifyjs/vuetify/issues/8319
+  min-height: 0
+
+.v-calendar-month__weeknumber
+  padding-top: $calendar-weekly-weeknumber-padding-top
+  background: rgb(var(--v-theme-on-surface-variant))
+  border-bottom: $calendar-line-width solid $calendar-line-color
+  text-align: center
+  font-size: $calendar-weekly-weeknumber-font-size
+  font-weight: $calendar-weekly-weeknumber-font-weight
+
+.v-calendar-month__days
+  display: grid
+  flex: 1 1
+  > .v-calendar-month__day
+    min-height: $calendar-weekly-day-min-height
+  &.days__0
+    grid-template-columns: 1fr
+    > .v-calendar-month__day
+      border-right: none
+  &.days__1
+    grid-template-columns: 1fr
+    > .v-calendar-month__day
+      border-right: none
+  &.days__2
+    grid-template-columns: repeat(2, 1fr)
+    > .v-calendar-month__day:nth-child(2n)
+      border-right: none
+  &.days__3
+    grid-template-columns: repeat(3, 1fr)
+    > .v-calendar-month__day:nth-child(3n)
+      border-right: none
+  &.days__4
+    grid-template-columns: repeat(4, 1fr)
+    > .v-calendar-month__day:nth-child(4n)
+      border-right: none
+  &.days__5
+    grid-template-columns: repeat(5, 1fr)
+    > .v-calendar-month__day:nth-child(5n)
+      border-right: none
+  &.days__6
+    grid-template-columns: repeat(6, 1fr)
+    > .v-calendar-month__day:nth-child(6n)
+      border-right: none
+    &.v-calendar-month__weeknumbers
+      grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(6, 1fr)
+  &.days__7
+    grid-template-columns: repeat(7, 1fr)
+    > .v-calendar-month__day:nth-child(7n)
+      border-right: none
+
+  &.days-with-weeknumbers__0
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
+    > .v-calendar-month__day
+      border-right: none
+  &.days-with-weeknumbers__1
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
+    > .v-calendar-month__day
+      border-right: none
+  &.days-with-weeknumbers__2
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(2, 1fr)
+    > .v-calendar-month__day:nth-child(3n)
+      border-right: none
+  &.days-with-weeknumbers__3
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(3, 1fr)
+    > .v-calendar-month__day:nth-child(4n)
+      border-right: none
+  &.days-with-weeknumbers__4
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(4, 1fr)
+    > .v-calendar-month__day:nth-child(5n)
+      border-right: none
+  &.days-with-weeknumbers__5
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(5, 1fr)
+    > .v-calendar-month__day:nth-child(6n)
+      border-right: none
+  &.days-with-weeknumbers__6
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(6, 1fr)
+    > .v-calendar-month__day:nth-child(7n)
+      border-right: none
+  &.days-with-weeknumbers__7
+    grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(7, 1fr)
+    > .v-calendar-month__day:nth-child(7n)
+      border-right: $calendar-line-width solid $calendar-line-width
+    > .v-calendar-month__day:nth-child(8n)
+      border-right: none
+    > .v-calendar-month__day:nth-child(8n)
+      border-right: none

package/lib/labs/VCalendar/VCalendarDay.css

@@ -0,0 +1,10 @@
+.v-calendar-day {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.v-calendar-weekly .v-calendar__container {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+}

package/lib/labs/VCalendar/VCalendarDay.mjs

@@ -0,0 +1,47 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Styles
+import "./VCalendarDay.css";
+
+// Components
+import { makeVCalendarIntervalProps, VCalendarInterval } from "./VCalendarInterval.mjs";
+import { VBtn } from "../../components/VBtn/index.mjs"; // Composables
+import { useDate } from "../../composables/date/index.mjs"; // Utilities
+import { computed } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarDayProps = propsFactory({
+  hideDayHeader: Boolean,
+  intervals: {
+    type: Number,
+    default: 24
+  },
+  ...makeVCalendarIntervalProps()
+}, 'VCalendarDay');
+export const VCalendarDay = genericComponent()({
+  name: 'VCalendarDay',
+  props: makeVCalendarDayProps(),
+  setup(props) {
+    const adapter = useDate();
+    const intervals = computed(() => [...Array.from({
+      length: props.intervals
+    }, (v, i) => i).filter((int, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
+    useRender(() => {
+      const calendarIntervalProps = VCalendarInterval.filterProps(props);
+      return _createVNode("div", {
+        "class": "v-calendar-day__container"
+      }, [!props.hideDayHeader && _createVNode("div", {
+        "key": "calender-week-name",
+        "class": "v-calendar-weekly__head-weekday"
+      }, [adapter.format(props.day.date, 'weekdayShort'), _createVNode("div", null, [_createVNode(VBtn, {
+        "icon": true,
+        "text": adapter.format(props.day.date, 'dayOfMonth'),
+        "variant": "text"
+      }, null)])]), intervals.value.map((_, index) => _createVNode(VCalendarInterval, _mergeProps({
+        "index": index
+      }, calendarIntervalProps), null))]);
+    });
+    return {
+      intervals
+    };
+  }
+});
+//# sourceMappingURL=VCalendarDay.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendarDay.mjs","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","props","setup","adapter","Array","from","length","v","i","filter","int","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createVNode","format","day","date","value","map","_","_mergeProps"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarDayProps = propsFactory({\n  hideDayHeader: Boolean,\n  intervals: {\n    type: Number,\n    default: 24,\n  },\n\n  ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent()({\n  name: 'VCalendarDay',\n\n  props: makeVCalendarDayProps(),\n\n  setup (props) {\n    const adapter = useDate()\n    const intervals = computed(() => [\n      ...Array.from({ length: props.intervals }, (v, i) => i)\n        .filter((int, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n    ])\n\n    useRender(() => {\n      const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n      return (\n        <div class=\"v-calendar-day__container\">\n          { !props.hideDayHeader && (\n            <div\n              key=\"calender-week-name\"\n              class=\"v-calendar-weekly__head-weekday\"\n            >\n              { adapter.format(props.day.date, 'weekdayShort') }\n\n              <div>\n                <VBtn\n                  icon\n                  text={ adapter.format(props.day.date, 'dayOfMonth') }\n                  variant=\"text\"\n                />\n              </div>\n            </div>\n          )}\n\n          { intervals.value.map((_, index) => (\n            <VCalendarInterval\n              index={ index }\n              { ...calendarIntervalProps }\n            ></VCalendarInterval>\n          ))\n          }\n        </div>\n      )\n    })\n\n    return { intervals }\n  },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,2CAEb;AAAA,SACSC,OAAO,4CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMe,YAAY,GAAGV,gBAAgB,CAAC,CAAC,CAAC;EAC7CW,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAET,qBAAqB,CAAC,CAAC;EAE9BU,KAAKA,CAAED,KAAK,EAAE;IACZ,MAAME,OAAO,GAAGhB,OAAO,CAAC,CAAC;IACzB,MAAMQ,SAAS,GAAGP,QAAQ,CAAC,MAAM,CAC/B,GAAGgB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEL,KAAK,CAACN;IAAU,CAAC,EAAE,CAACY,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAMV,KAAK,CAACW,gBAAgB,IAAID,KAAK,GAAGV,KAAK,CAACY,aAAa,CAAC,GAAI,IAAI,CAAC,CAC3F,CAAC;IAEFtB,SAAS,CAAC,MAAM;MACd,MAAMuB,qBAAqB,GAAG7B,iBAAiB,CAAC8B,WAAW,CAACd,KAAK,CAAC;MAElE,OAAAe,YAAA;QAAA;MAAA,IAEM,CAACf,KAAK,CAACR,aAAa,IAAAuB,YAAA;QAAA;QAAA;MAAA,IAKhBb,OAAO,CAACc,MAAM,CAAChB,KAAK,CAACiB,GAAG,CAACC,IAAI,EAAE,cAAc,CAAC,EAAAH,YAAA,eAAAA,YAAA,CAAA9B,IAAA;QAAA;QAAA,QAKrCiB,OAAO,CAACc,MAAM,CAAChB,KAAK,CAACiB,GAAG,CAACC,IAAI,EAAE,YAAY,CAAC;QAAA;MAAA,YAK1D,EAECxB,SAAS,CAACyB,KAAK,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEX,KAAK,KAAAK,YAAA,CAAA/B,iBAAA,EAAAsC,WAAA;QAAA,SAEnBZ;MAAK,GACRG,qBAAqB,QAE7B,CAAC;IAIR,CAAC,CAAC;IAEF,OAAO;MAAEnB;IAAU,CAAC;EACtB;AACF,CAAC,CAAC"}

package/lib/labs/VCalendar/VCalendarDay.sass

@@ -0,0 +1,9 @@
+.v-calendar-day
+  position: relative
+  display: flex
+  flex-direction: column
+
+.v-calendar-weekly
+  .v-calendar__container
+    display: grid
+    grid-template-columns: repeat(7, 1fr)

package/lib/labs/VCalendar/VCalendarEvent.mjs

@@ -0,0 +1,30 @@
+import { createVNode as _createVNode } from "vue";
+// Components
+import { VBadge } from "../../components/VBadge/index.mjs";
+import { VChip } from "../../components/VChip/index.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarEventProps = propsFactory({
+  allDay: Boolean,
+  day: Object,
+  event: Object
+}, 'VCalendarEvent');
+export const VCalendarEvent = genericComponent()({
+  name: 'VCalendarEvent',
+  props: makeVCalendarEventProps(),
+  setup(props) {
+    useRender(() => _createVNode(VChip, {
+      "color": props.allDay ? 'primary' : undefined,
+      "density": "comfortable",
+      "label": props.allDay,
+      "width": "100%"
+    }, {
+      default: () => [_createVNode(VBadge, {
+        "inline": true,
+        "dot": true,
+        "color": props.event?.color
+      }, null), props.event?.title]
+    }));
+    return {};
+  }
+});
+//# sourceMappingURL=VCalendarEvent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendarEvent.mjs","names":["VBadge","VChip","genericComponent","propsFactory","useRender","makeVCalendarEventProps","allDay","Boolean","day","Object","event","VCalendarEvent","name","props","setup","_createVNode","undefined","default","color","title"],"sources":["../../../src/labs/VCalendar/VCalendarEvent.tsx"],"sourcesContent":["// Components\nimport { VBadge } from '@/components/VBadge'\nimport { VChip } from '@/components/VChip'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarEventProps = propsFactory({\n  allDay: Boolean,\n  day: Object,\n  event: Object,\n}, 'VCalendarEvent')\n\nexport const VCalendarEvent = genericComponent()({\n  name: 'VCalendarEvent',\n\n  props: makeVCalendarEventProps(),\n\n  setup (props) {\n    useRender(() => (\n      <VChip\n        color={ props.allDay ? 'primary' : undefined }\n        density=\"comfortable\"\n        label={ props.allDay }\n        width=\"100%\"\n      >\n        <VBadge\n          inline\n          dot\n          color={ props.event?.color }\n        />\n\n        { props.event?.title }\n      </VChip>\n    ))\n\n    return {}\n  },\n\n})\n\nexport type VCalendarEvent = InstanceType<typeof VCalendarEvent>\n"],"mappings":";AAAA;AAAA,SACSA,MAAM;AAAA,SACNC,KAAK,4CAEd;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClDG,MAAM,EAAEC,OAAO;EACfC,GAAG,EAAEC,MAAM;EACXC,KAAK,EAAED;AACT,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAME,cAAc,GAAGT,gBAAgB,CAAC,CAAC,CAAC;EAC/CU,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAER,uBAAuB,CAAC,CAAC;EAEhCS,KAAKA,CAAED,KAAK,EAAE;IACZT,SAAS,CAAC,MAAAW,YAAA,CAAAd,KAAA;MAAA,SAEEY,KAAK,CAACP,MAAM,GAAG,SAAS,GAAGU,SAAS;MAAA;MAAA,SAEpCH,KAAK,CAACP,MAAM;MAAA;IAAA;MAAAW,OAAA,EAAAA,CAAA,MAAAF,YAAA,CAAAf,MAAA;QAAA;QAAA;QAAA,SAMVa,KAAK,CAACH,KAAK,EAAEQ;MAAK,UAG1BL,KAAK,CAACH,KAAK,EAAES,KAAK;IAAA,EAEvB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AAEF,CAAC,CAAC"}