vuetify 3.4.8 → 3.4.10

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendar.mjs","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","weekNumbers","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","Date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createVNode","header","_mergeProps","weekdays","length","hideDayHeader","sort","a","b","map","weekday","week","wi","day","isSameDay","date","undefined","events","filter","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 { 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}\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', `days__${props.weekdays.length}`]}>\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, props.weekdays.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(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,33 @@
+.v-calendar-day {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.v-calendar-weekly .v-calendar__container {
+  display: grid;
+}
+.v-calendar-weekly .v-calendar__container.days__7 {
+  grid-template-columns: repeat(7, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__6 {
+  grid-template-columns: repeat(6, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__5 {
+  grid-template-columns: repeat(5, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__1 {
+  grid-template-columns: repeat(1, 1fr);
+}
+.v-calendar-weekly .v-calendar__container.days__0 {
+  grid-template-columns: repeat(1, 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,32 @@
+.v-calendar-day
+  position: relative
+  display: flex
+  flex-direction: column
+
+.v-calendar-weekly
+  .v-calendar__container
+    display: grid
+
+    &.days__7
+      grid-template-columns: repeat(7, 1fr)
+
+    &.days__6
+      grid-template-columns: repeat(6, 1fr)
+
+    &.days__5
+      grid-template-columns: repeat(5, 1fr)
+
+    &.days__4
+      grid-template-columns: repeat(4, 1fr)
+
+    &.days__3
+      grid-template-columns: repeat(3, 1fr)
+
+    &.days__2
+      grid-template-columns: repeat(2, 1fr)
+
+    &.days__1
+      grid-template-columns: repeat(1, 1fr)
+
+    &.days__0
+      grid-template-columns: repeat(1, 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"}

package/lib/labs/VCalendar/VCalendarHeader.css

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

package/lib/labs/VCalendar/VCalendarHeader.mjs

@@ -0,0 +1,76 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VCalendarHeader.css";
+
+// Components
+import { VBtn } from "../../components/VBtn/index.mjs"; // Composables
+import { useLocale } from "../../composables/locale.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVCalendarHeaderProps = propsFactory({
+  nextIcon: {
+    type: String,
+    default: '$next'
+  },
+  prevIcon: {
+    type: String,
+    default: '$prev'
+  },
+  title: String,
+  text: {
+    type: String,
+    default: '$vuetify.calendar.today'
+  },
+  viewMode: {
+    type: String,
+    default: 'month'
+  }
+}, 'VCalendarHeader');
+export const VCalendarHeader = genericComponent()({
+  name: 'VCalendarHeader',
+  props: makeVCalendarHeaderProps(),
+  emits: {
+    'click:next': () => true,
+    'click:prev': () => true,
+    'click:toToday': () => true
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    function prev() {
+      emit('click:prev');
+    }
+    function next() {
+      emit('click:next');
+    }
+    function toToday() {
+      emit('click:toToday');
+    }
+    useRender(() => _createVNode("div", {
+      "class": "v-calendar-header"
+    }, [props.text && _createVNode(VBtn, {
+      "key": "today",
+      "class": "v-calendar-header__today",
+      "text": t(props.text),
+      "variant": "outlined",
+      "onClick": toToday
+    }, null), _createVNode(VBtn, {
+      "density": "comfortable",
+      "icon": props.prevIcon,
+      "variant": "text",
+      "onClick": prev
+    }, null), _createVNode(VBtn, {
+      "density": "comfortable",
+      "icon": props.nextIcon,
+      "variant": "text",
+      "onClick": next
+    }, null), _createVNode("div", {
+      "class": "v-calendar-header__title"
+    }, [props.title])]));
+    return {};
+  }
+});
+//# sourceMappingURL=VCalendarHeader.mjs.map

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

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

package/lib/labs/VCalendar/VCalendarHeader.sass

@@ -0,0 +1,13 @@
+@import './_variables.scss'
+
+.v-calendar-header
+  align-items: $calendar-header-align
+  display: $calendar-header-display
+  min-height: $calendar-header-min-height
+
+.v-calendar-header__today
+  margin-inline-end: $calendar-header-today-margin-end
+
+.v-calendar-header__title
+  font-size: $calendar-header-title-font-size
+  margin-inline-start: $calendar-header-title-margin-start

package/lib/labs/VCalendar/VCalendarInterval.css

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

package/lib/labs/VCalendar/VCalendarInterval.mjs

@@ -0,0 +1,113 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VCalendarInterval.css";
+
+// Components
+import { VCalendarIntervalEvent } from "./VCalendarIntervalEvent.mjs"; // Composables
+import { useDate } from "../../composables/date/index.mjs"; // Utilities
+import { computed } from 'vue';
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarIntervalProps = propsFactory({
+  day: {
+    type: Object,
+    default: () => ({})
+  },
+  dayIndex: Number,
+  events: Array,
+  intervalDivisions: {
+    type: Number,
+    default: 2
+  },
+  intervalDuration: {
+    type: Number,
+    default: 60
+  },
+  intervalHeight: {
+    type: Number,
+    default: 48
+  },
+  intervalFormat: {
+    type: [String, Function],
+    default: 'fullTime12h'
+  },
+  intervalStart: {
+    type: Number,
+    default: 0
+  }
+}, 'VCalendarInterval');
+export const VCalendarInterval = genericComponent()({
+  name: 'VCalendarInterval',
+  props: {
+    index: {
+      type: Number,
+      required: true
+    },
+    ...makeVCalendarIntervalProps()
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const adapter = useDate();
+    const interval = computed(() => {
+      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart));
+      const end = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart + 1) - 1);
+      return {
+        ...props.day,
+        label: adapter.format(start, 'fullTime24h'),
+        start,
+        end,
+        events: props.events ? props.events.filter(e => !e.allDay && (adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]) || adapter.isWithinRange(start, [e.start, e.end]) || adapter.isEqual(end, e.end))).map(e => {
+          return {
+            ...e,
+            first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),
+            last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end])
+          };
+        }) : []
+      };
+    });
+    useRender(() => {
+      return props.dayIndex === 0 ? _createVNode("div", {
+        "class": "v-calendar-day__row-with-label",
+        "style": `height: ${convertToUnit(props.intervalHeight)}`
+      }, [_createVNode("div", {
+        "class": "v-calendar-day__row-label"
+      }, [_createVNode("slot", {
+        "name": "intervalFormat",
+        "interval": interval.value
+      }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), _createVNode("div", {
+        "class": "v-calendar-day__row-hairline"
+      }, null), _createVNode("div", {
+        "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
+      }, [_createVNode("slot", {
+        "name": "intervalBody",
+        "interval": interval.value
+      }, [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]) : _createVNode("div", {
+        "class": "v-calendar-day__row-without-label",
+        "style": `height: ${convertToUnit(props.intervalHeight)}`
+      }, [_createVNode("div", {
+        "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
+      }, [_createVNode("slot", {
+        "name": "intervalBody",
+        "interval": interval.value
+      }, [interval.value.events?.filter(event => !event.allDay).map(event => _createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]);
+    });
+    return {
+      interval
+    };
+  }
+});
+//# sourceMappingURL=VCalendarInterval.mjs.map