fix: don't allow sizing end to midnight from next day

Author: vicdotexe

src/components/Day.vue

@@ -52,7 +52,7 @@
 import DayEvent from "./DayEvent.vue";
 import { $CalendarEvent } from "../types/interfaces";
 import { computed, onMounted, onUnmounted, ref } from "vue";
-import { isSameDay, isToday } from "date-fns";
+import { isSameDay, isAfter } from "date-fns";
 import {
   calculatePositions,
   processConcurrency,
@@ -90,7 +90,11 @@ onUnmounted(() => {
 const isDateToday = computed(() => isSameDay(now.value, props.date));
 
 const filteredEvents = computed(() => {
-  let filtered = props.events.filter((e) => isSameDay(e.startDate, props.date) || isSameDay(e.endDate, props.date));
+  let filtered = props.events.filter(
+    (e) =>
+      isSameDay(e.startDate, props.date) ||
+      (isSameDay(e.endDate, props.date) && isAfter(e.endDate, props.date))
+  );
   return props.concurrencyMode == "stack"
     ? processConcurrency(filtered)
     : calculatePositions(filtered);

src/components/Week.vue

@@ -192,6 +192,7 @@ import {
   addMinutes,
   endOfDay,
   isAfter,
+  isBefore,
   startOfDay,
   differenceInCalendarDays,
   addDays,
@@ -338,14 +339,23 @@ function onMouseMove(mouseEvent: MouseEvent) {
       : [newTime, anchor];
 
     const mouseDownColumnDate = getDateFromX(startX);
-    let max = isSameDay(mouseDownColumnDate, initialState.endDate)
-      ? endOfDay(mouseDownColumnDate)
-      : startOfDay(addDays(initialState.startDate, 1));
-    max = addHours(max, props.hoursPastMidnight);
+
+    let max: Date;
+    if (isSameDay(mouseDownColumnDate, initialState.endDate)) {
+      max = endOfDay(mouseDownColumnDate);
+    } else {
+      max = startOfDay(addDays(initialState.startDate, 1));
+      max = addHours(max, props.hoursPastMidnight);
+    }
 
     if (
       !isSameDay(startDate, initialState.startDate) ||
-      isAfter(endDate, max)
+      isAfter(endDate, max) ||
+      (mouseDown.handle == "bottom" &&
+        isBefore(
+          endDate,
+          addMinutes(mouseDownColumnDate, props.intervalMinutes)
+        ))
     ) {
       return;
     }