npm - @mantine-vue/schedule - Versions diffs - 3.4.0 → 3.6.0 - Mend

@mantine-vue/schedule 3.4.0 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/styles.layer.css CHANGED Viewed

@@ -61,7 +61,7 @@
   z-index: 2;
   text-transform: uppercase;
 }
-._event_19lsr_1 {
+._event_iymqv_1 {
   padding: calc(0.0625rem * var(--mantine-scale));
   pointer-events: none;
   display: flex;
@@ -71,58 +71,96 @@
   z-index: 3;
 }
-  ._event_19lsr_1:where([data-auto-size]) {
+  ._event_iymqv_1:where([data-cascade]) {
+    z-index: var(--event-z-index, 3);
+    transition: z-index 0s;
+  }
+  ._event_iymqv_1:where([data-cascade]) ._eventInner_iymqv_14 {
+      box-shadow: 0 0 0 1px var(--mantine-color-body);
+    }
+  @media (hover: hover) {
+  ._event_iymqv_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):hover {
+        z-index: var(--event-z-index-raised, 9);
+        transition-delay: var(--event-raise-delay, 600ms);
+  }
+}
+  @media (hover: none) {
+  ._event_iymqv_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):active {
+        z-index: var(--event-z-index-raised, 9);
+        transition-delay: var(--event-raise-delay, 600ms);
+  }
+}
+  ._event_iymqv_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):where(:focus-visible) {
+        z-index: var(--event-z-index-raised, 9);
+      }
+  ._event_iymqv_1:where([data-auto-size]) {
     container-type: size;
   }
-  ._event_19lsr_1:where([data-draggable]) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-invalid]) ._eventInner_iymqv_14 {
+    border: 1px solid var(--mantine-color-error);
+    opacity: 0.6;
+  }
+  ._event_iymqv_1:where([data-draggable]) ._eventInner_iymqv_14 {
     cursor: grab;
   }
-  ._event_19lsr_1:where([data-draggable]) ._eventInner_19lsr_14:active {
+  ._event_iymqv_1:where([data-draggable]) ._eventInner_iymqv_14:active {
       cursor: grabbing;
     }
-  ._event_19lsr_1:where([data-dragging]) {
+  ._event_iymqv_1:where([data-dragging]) {
     opacity: 0.2;
   }
-  ._event_19lsr_1:where([data-dragging]) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-dragging]) ._eventInner_iymqv_14 {
       cursor: grabbing;
     }
-  ._event_19lsr_1:where([data-any-dragging]:not([data-dragging])) {
+  ._event_iymqv_1:where([data-any-dragging]:not([data-dragging])) {
     pointer-events: none;
   }
-  ._event_19lsr_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_iymqv_14 {
       pointer-events: none;
     }
-  ._event_19lsr_1:where([data-static]) {
+  ._event_iymqv_1:where([data-static]) {
     pointer-events: none;
     cursor: default;
   }
-  ._event_19lsr_1:where([data-resizing]) {
+  ._event_iymqv_1:where([data-resizing]) {
     z-index: 10;
   }
   @media (hover: hover) {
-  ._event_19lsr_1:where([data-resizing]) ._eventInner_19lsr_14:hover {
+  ._event_iymqv_1:where([data-resizing]) ._eventInner_iymqv_14:hover {
         background-color: var(--event-bg);
   }
 }
   @media (hover: none) {
-  ._event_19lsr_1:where([data-resizing]) ._eventInner_19lsr_14:active {
+  ._event_iymqv_1:where([data-resizing]) ._eventInner_iymqv_14:active {
         background-color: var(--event-bg);
   }
 }
-  ._event_19lsr_1:where([data-hanging='start'], [data-hanging='both'])::before {
+  ._event_iymqv_1:where([data-cascade][data-resizing]) {
+    z-index: var(--event-cascade-interaction-z-index, 999);
+  }
+  ._event_iymqv_1:where([data-hanging='start'], [data-hanging='both'])::before {
       content: '';
       position: absolute;
       inset-block: calc(0.125rem * var(--mantine-scale));
@@ -133,13 +171,13 @@
       opacity: 0.3;
     }
-  ._event_19lsr_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_iymqv_14 {
       padding-inline-start: calc(0.375rem * var(--mantine-scale));
       border-start-start-radius: 0;
       border-end-start-radius: 0;
     }
-  ._event_19lsr_1:where([data-hanging='end'], [data-hanging='both'])::after {
+  ._event_iymqv_1:where([data-hanging='end'], [data-hanging='both'])::after {
       content: '';
       position: absolute;
       inset-block: calc(0.125rem * var(--mantine-scale));
@@ -150,27 +188,27 @@
       opacity: 0.3;
     }
-  ._event_19lsr_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_iymqv_14 {
       padding-inline-end: calc(0.375rem * var(--mantine-scale));
       border-start-end-radius: 0;
       border-end-end-radius: 0;
     }
-  ._event_19lsr_1:where([data-clip-start]) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-clip-start]) ._eventInner_iymqv_14 {
       padding-inline-start: calc(0.75rem * var(--mantine-scale));
       border-start-start-radius: 0;
       border-end-start-radius: 0;
       clip-path: polygon(10px 0, 100% 0, 100% 100%, calc(0.625rem * var(--mantine-scale)) 100%, 0 50%);
     }
-  ._event_19lsr_1:where([data-clip-end]) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-clip-end]) ._eventInner_iymqv_14 {
       padding-inline-end: calc(0.75rem * var(--mantine-scale));
       border-start-end-radius: 0;
       border-end-end-radius: 0;
       clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
     }
-  ._event_19lsr_1:where([data-clip-start][data-clip-end]) ._eventInner_19lsr_14 {
+  ._event_iymqv_1:where([data-clip-start][data-clip-end]) ._eventInner_iymqv_14 {
       clip-path: polygon(
         calc(0.625rem * var(--mantine-scale)) 0,
         calc(100% - 10px) 0,
@@ -181,7 +219,7 @@
       );
     }
-._eventInner_19lsr_14 {
+._eventInner_iymqv_14 {
   background-color: var(--event-bg);
   color: var(--event-color);
   pointer-events: all;
@@ -197,41 +235,41 @@
   overflow: hidden;
 }
-._eventInner_19lsr_14:where([data-nowrap]) {
+._eventInner_iymqv_14:where([data-nowrap]) {
     white-space: nowrap;
     text-overflow: ellipsis;
     line-height: 1.25;
   }
-._eventInner_19lsr_14:where([data-size='md']) {
+._eventInner_iymqv_14:where([data-size='md']) {
     font-size: calc(0.875rem * var(--mantine-scale));
     padding: calc(0.25rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
   }
 @media (hover: hover) {
-  ._eventInner_19lsr_14:hover {
+  ._eventInner_iymqv_14:hover {
     background-color: var(--event-hover);
   }
 }
 @media (hover: none) {
-  ._eventInner_19lsr_14:active {
+  ._eventInner_iymqv_14:active {
     background-color: var(--event-hover);
   }
 }
 @container (max-width: 12px) {
-._eventInner_19lsr_14:where([data-auto-size]) {
+._eventInner_iymqv_14:where([data-auto-size]) {
       padding-inline: 0
   }
     }
 @container (min-width: 16px) {
-._eventInner_19lsr_14:where([data-auto-size]) {
+._eventInner_iymqv_14:where([data-auto-size]) {
       width: calc(100% - 2px);
       margin-inline: auto
   }
@@ -239,7 +277,7 @@
 @container (max-height: 18px) {
-._eventInner_19lsr_14:where([data-auto-size]) {
+._eventInner_iymqv_14:where([data-auto-size]) {
       font-size: calc(0.5625rem * var(--mantine-scale));
       padding-block: 0rem;
       display: flex;
@@ -248,30 +286,30 @@
   }
     }
-._event_19lsr_1[data-static] ._eventInner_19lsr_14 {
+._event_iymqv_1[data-static] ._eventInner_iymqv_14 {
     cursor: default;
     pointer-events: none;
   }
 @media (hover: hover) {
-  ._event_19lsr_1[data-static] ._eventInner_19lsr_14:hover {
+  ._event_iymqv_1[data-static] ._eventInner_iymqv_14:hover {
       background-color: var(--event-bg);
   }
 }
 @media (hover: none) {
-  ._event_19lsr_1[data-static] ._eventInner_19lsr_14:active {
+  ._event_iymqv_1[data-static] ._eventInner_iymqv_14:active {
       background-color: var(--event-bg);
   }
 }
-:where([data-slot-dragging]) ._eventInner_19lsr_14 {
+:where([data-slot-dragging]) ._eventInner_iymqv_14 {
     pointer-events: none;
   }
-._eventResizeHandle_19lsr_186 {
+._eventResizeHandle_iymqv_215 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -288,34 +326,34 @@
   transition: opacity 100ms ease;
 }
-._eventResizeHandle_19lsr_186::before {
+._eventResizeHandle_iymqv_215::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
-._eventResizeHandle_19lsr_186:where([data-edge='top']) {
+._eventResizeHandle_iymqv_215:where([data-edge='top']) {
     top: calc(-0.125rem * var(--mantine-scale));
   }
-._eventResizeHandle_19lsr_186:where([data-edge='bottom']) {
+._eventResizeHandle_iymqv_215:where([data-edge='bottom']) {
     bottom: calc(-0.125rem * var(--mantine-scale));
   }
-._event_19lsr_1:where(:hover, [data-resizing]) ._eventResizeHandle_19lsr_186 {
+._event_iymqv_1:where(:hover, [data-resizing]) ._eventResizeHandle_iymqv_215 {
     opacity: 0.5;
   }
 @media (hover: hover) {
-  ._eventResizeHandle_19lsr_186:hover {
+  ._eventResizeHandle_iymqv_215:hover {
     opacity: 0.8;
   }
 }
 @media (hover: none) {
-  ._eventResizeHandle_19lsr_186:active {
+  ._eventResizeHandle_iymqv_215:active {
     opacity: 0.8;
   }
 }
@@ -570,7 +608,7 @@
   display: flex;
   gap: calc(0.25rem * var(--mantine-scale));
 }
-._dayView_1nebu_1 {
+._dayView_18224_1 {
   --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
   --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
   --day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
@@ -579,45 +617,54 @@
   overflow: hidden;
 }
-  :where([data-mantine-color-scheme='light']) ._dayView_1nebu_1 {
+  ._dayView_18224_1:where(:has([data-cascade])) {
+    isolation: isolate;
+    --event-cascade-interaction-z-index: 999;
+  }
+  ._dayView_18224_1:where(:has([data-cascade])) ._dayViewDragPreview_18224_13 {
+      z-index: var(--event-cascade-interaction-z-index);
+    }
+  :where([data-mantine-color-scheme='light']) ._dayView_18224_1 {
     --day-view-border-color: var(--mantine-color-gray-3);
     --day-view-business-hours-bg: var(--mantine-color-white);
     --day-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._dayView_1nebu_1 {
+  :where([data-mantine-color-scheme='dark']) ._dayView_18224_1 {
     --day-view-border-color: var(--mantine-color-dark-4);
     --day-view-business-hours-bg: var(--mantine-color-dark-7);
     --day-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
-._dayViewScrollArea_1nebu_22 {
+._dayViewScrollArea_18224_31 {
   border: 1px solid var(--day-view-border-color);
   border-radius: var(--day-view-radius);
   overflow: hidden;
 }
-._dayViewScrollArea_1nebu_22 :where(.mantine-ScrollArea-scrollbar) {
+._dayViewScrollArea_18224_31 :where(.mantine-ScrollArea-scrollbar) {
     z-index: 4;
   }
-._dayViewInner_1nebu_32 {
+._dayViewInner_18224_41 {
   display: flex;
 }
-._dayViewTimeSlots_1nebu_36 {
+._dayViewTimeSlots_18224_45 {
   position: relative;
 }
-._dayViewTimeSlots_1nebu_36:where(:first-of-type) ._dayViewSlot_1nebu_39:where([data-first]) {
+._dayViewTimeSlots_18224_45:where(:first-of-type) ._dayViewSlot_18224_48:where([data-first]) {
     border-top-color: transparent;
   }
-._dayViewSlotLabels_1nebu_44 {
+._dayViewSlotLabels_18224_53 {
   width: var(--day-view-slot-labels-width);
 }
-._dayViewSlotLabel_1nebu_44 {
+._dayViewSlotLabel_18224_53 {
   height: var(--slot-height);
   border-top: 1px solid var(--day-view-border-color);
   font-size: var(--mantine-font-size-sm);
@@ -626,28 +673,28 @@
   font-variant-numeric: tabular-nums;
 }
-._dayViewSlotLabel_1nebu_44:where([data-all-day]) {
+._dayViewSlotLabel_18224_53:where([data-all-day]) {
     height: var(--all-day-slot-height);
     border-top: 0;
   }
-._dayViewSlotLabel_1nebu_44:where(:first-of-type) {
+._dayViewSlotLabel_18224_53:where(:first-of-type) {
     border-top: 0;
   }
-._dayViewSlotLabel_1nebu_44:where([data-business-hours]) {
+._dayViewSlotLabel_18224_53:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
-._dayViewSlotLabel_1nebu_44:where([data-non-business-hours]) {
+._dayViewSlotLabel_18224_53:where([data-non-business-hours]) {
     background-color: var(--day-view-non-business-hours-bg);
   }
-._dayViewSlots_1nebu_74 {
+._dayViewSlots_18224_83 {
   flex: 1;
 }
-._dayViewSlot_1nebu_39 {
+._dayViewSlot_18224_48 {
   display: block;
   width: 100%;
   border-top: 1px dotted var(--day-view-border-color);
@@ -655,56 +702,56 @@
   position: relative;
 }
-._dayViewSlot_1nebu_39:where(:focus) {
+._dayViewSlot_18224_48:where(:focus) {
     z-index: 1;
   }
-._dayViewSlot_1nebu_39:where([data-hour-start]) {
+._dayViewSlot_18224_48:where([data-hour-start]) {
     border-top: 1px solid var(--day-view-border-color);
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:hover {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:hover {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:hover {
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:active {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:active {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:active {
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
-._dayViewSlot_1nebu_39:where([data-all-day]) {
+._dayViewSlot_18224_48:where([data-all-day]) {
     height: var(--all-day-slot-height);
     border-top: 0;
   }
-._dayViewSlot_1nebu_39:where([data-business-hours]) {
+._dayViewSlot_18224_48:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
-._dayViewSlot_1nebu_39:where([data-non-business-hours]) {
+._dayViewSlot_18224_48:where([data-non-business-hours]) {
     background-color: var(--day-view-non-business-hours-bg);
   }
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._dayViewSlot_1nebu_39:where([data-drop-target])::before {
+._dayViewSlot_18224_48:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -714,20 +761,29 @@
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
-._dayViewSlot_1nebu_39:where([data-drag-selected]),
-    ._dayViewSlot_1nebu_39:where([data-drag-selected]):hover {
+._dayViewSlot_18224_48:where([data-drop-target]):where([data-invalid]) {
+      background-color: transparent;
+    }
+._dayViewSlot_18224_48:where([data-drop-target]):where([data-invalid])::before {
+        border-color: var(--mantine-color-error);
+        opacity: 0.6;
+      }
+._dayViewSlot_18224_48:where([data-drag-selected]),
+    ._dayViewSlot_18224_48:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
+._dayViewSlot_18224_48:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -736,24 +792,24 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
     }
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-2);
 }
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-9);
 }
-._dayViewSlot_1nebu_39:where([data-drag-slot-index]) {
+._dayViewSlot_18224_48:where([data-drag-slot-index]) {
     touch-action: none;
   }
-._dayViewSlot_1nebu_39:where([data-static]) {
+._dayViewSlot_18224_48:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._dayViewBackgroundEvent_1nebu_178 {
+._dayViewBackgroundEvent_18224_196 {
   position: absolute;
   border-radius: 0;
   pointer-events: none;
@@ -766,7 +822,7 @@
   color: var(--bg-event-color);
 }
-._dayViewBackgroundEvent_1nebu_178:where([data-interactive]) {
+._dayViewBackgroundEvent_18224_196:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
@@ -774,24 +830,98 @@
 @media (hover: hover) {
-  ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):hover {
+  ._dayViewBackgroundEvent_18224_196:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
-  ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):active {
+  ._dayViewBackgroundEvent_18224_196:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._dayViewAllDay_1nebu_201 {
+@media (hover: hover) {
+  ._dayViewBackgroundEvent_18224_196:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+@media (hover: none) {
+  ._dayViewBackgroundEvent_18224_196:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+._dayViewBackgroundEventResizeHandle_18224_225 {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40%;
+  max-width: calc(2.5rem * var(--mantine-scale));
+  height: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  cursor: ns-resize;
+  pointer-events: all;
+  z-index: 4;
+  touch-action: none;
+  background-color: var(--bg-event-color);
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+._dayViewBackgroundEventResizeHandle_18224_225::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+._dayViewBackgroundEventResizeHandle_18224_225:where([data-edge='top']) {
+    top: 0;
+  }
+._dayViewBackgroundEventResizeHandle_18224_225:where([data-edge='bottom']) {
+    bottom: 0;
+  }
+._dayViewBackgroundEvent_18224_196:where(:hover, [data-resizing]) ._dayViewBackgroundEventResizeHandle_18224_225 {
+    opacity: 0.5;
+  }
+@media (hover: hover) {
+  ._dayViewBackgroundEventResizeHandle_18224_225:hover {
+    opacity: 0.8;
+  }
+}
+@media (hover: none) {
+  ._dayViewBackgroundEventResizeHandle_18224_225:active {
+    opacity: 0.8;
+  }
+}
+._dayView_18224_1:where([data-event-interaction], [data-slot-dragging])
+  ._dayViewBackgroundEvent_18224_196:not([data-resizing]) {
+  pointer-events: none;
+}
+._dayView_18224_1:where([data-event-interaction], [data-slot-dragging])
+  ._dayViewBackgroundEvent_18224_196:not([data-resizing]) ._dayViewBackgroundEventResizeHandle_18224_225 {
+    pointer-events: none;
+    opacity: 0;
+  }
+._dayViewAllDay_18224_272 {
   position: relative;
   height: var(--all-day-slot-height);
 }
-._dayViewAllDayEvents_1nebu_206 {
+._dayViewAllDayEvents_18224_277 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1110,7 +1240,7 @@
   text-align: center;
   padding-block: var(--mantine-spacing-xl);
 }
-._monthView_hbhp2_1 {
+._monthView_98v2r_1 {
   --week-numbers-offset: 0rem;
   --month-view-border: 1px solid var(--month-view-border-color);
   --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1118,29 +1248,29 @@
   --min-day-width: calc(5.25rem * var(--mantine-scale));
 }
-  ._monthView_hbhp2_1:where([data-with-week-numbers]) {
+  ._monthView_98v2r_1:where([data-with-week-numbers]) {
     --week-numbers-offset: calc(2.625rem * var(--mantine-scale));
   }
-  :where([data-mantine-color-scheme='light']) ._monthView_hbhp2_1 {
+  :where([data-mantine-color-scheme='light']) ._monthView_98v2r_1 {
     --month-view-border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) ._monthView_hbhp2_1 {
+  :where([data-mantine-color-scheme='dark']) ._monthView_98v2r_1 {
     --month-view-border-color: var(--mantine-color-dark-4);
 }
-._monthViewWeekdays_hbhp2_21 {
+._monthViewWeekdays_98v2r_21 {
   display: flex;
 }
-._monthViewWeek_hbhp2_21 {
+._monthViewWeek_98v2r_21 {
   display: flex;
   position: relative;
   min-width: calc(var(--min-day-width) * 7 + var(--week-numbers-offset));
 }
-._monthViewWeekNumber_hbhp2_31 {
+._monthViewWeekNumber_98v2r_31 {
   flex: 0 0 var(--week-numbers-offset);
   display: flex;
   align-items: center;
@@ -1156,45 +1286,45 @@
   user-select: none;
 }
-:where(._monthViewWeek_hbhp2_21:first-child) ._monthViewWeekNumber_hbhp2_31 {
+:where(._monthViewWeek_98v2r_21:first-child) ._monthViewWeekNumber_98v2r_31 {
     border-start-start-radius: var(--month-view-radius);
   }
-:where([data-with-weekdays] ._monthView_hbhp2_1) :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewWeekNumber_hbhp2_31 {
+:where([data-with-weekdays] ._monthView_98v2r_1) :where(._monthViewWeek_98v2r_21:first-child) ._monthViewWeekNumber_98v2r_31 {
       border-start-start-radius: 0;
     }
-:where(._monthViewWeek_hbhp2_21:last-child) ._monthViewWeekNumber_hbhp2_31 {
+:where(._monthViewWeek_98v2r_21:last-child) ._monthViewWeekNumber_98v2r_31 {
     border-block-end: var(--month-view-border);
     border-end-start-radius: var(--month-view-radius);
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_hbhp2_31:hover {
+    :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_98v2r_31:hover {
       background-color: var(--mantine-color-gray-0);
   }
-    :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_hbhp2_31:hover {
+    :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_98v2r_31:hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_hbhp2_31:active {
+    :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_98v2r_31:active {
       background-color: var(--mantine-color-gray-0);
   }
-    :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_hbhp2_31:active {
+    :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_98v2r_31:active {
       background-color: var(--mantine-color-dark-6);
   }
 }
-._monthViewWeekNumber_hbhp2_31:where([data-static]) {
+._monthViewWeekNumber_98v2r_31:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._monthViewWeekday_hbhp2_21 {
+._monthViewWeekday_98v2r_21 {
   flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
   min-width: var(--min-day-width);
   height: calc(2.25rem * var(--mantine-scale));
@@ -1213,27 +1343,27 @@
   user-select: none;
 }
-._monthViewWeekday_hbhp2_21:where(:first-child) {
+._monthViewWeekday_98v2r_21:where(:first-child) {
     border-start-start-radius: var(--month-view-radius);
   }
-:where([data-with-week-numbers] ._monthView_hbhp2_1) ._monthViewWeekday_hbhp2_21:where(:first-child) {
+:where([data-with-week-numbers] ._monthView_98v2r_1) ._monthViewWeekday_98v2r_21:where(:first-child) {
       border-start-start-radius: 0;
     }
-._monthViewWeekday_hbhp2_21:where(:last-child) {
+._monthViewWeekday_98v2r_21:where(:last-child) {
     border-inline-end: var(--month-view-border);
     border-start-end-radius: var(--month-view-radius);
   }
-._monthViewWeekdaysCorner_hbhp2_107 {
+._monthViewWeekdaysCorner_98v2r_107 {
   flex: 0 0 var(--week-numbers-offset);
   border-block-start: var(--month-view-border);
   border-inline-start: var(--month-view-border);
   border-start-start-radius: var(--month-view-radius);
 }
-._monthViewDay_hbhp2_114 {
+._monthViewDay_98v2r_114 {
   min-width: var(--min-day-width);
   flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
   height: calc(52px + var(--month-view-max-events, 2) * 24px);
@@ -1250,89 +1380,89 @@
   position: relative;
 }
-._monthViewDay_hbhp2_114:where(:last-child) {
+._monthViewDay_98v2r_114:where(:last-child) {
     border-inline-end: var(--month-view-border);
   }
-:where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114:where(:last-child) {
+:where(._monthViewWeek_98v2r_21:last-child) ._monthViewDay_98v2r_114:where(:last-child) {
       border-block-end: var(--month-view-border);
       border-end-end-radius: var(--month-view-radius);
     }
-:where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:last-child) {
+:where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:last-child) {
       border-start-end-radius: var(--month-view-radius);
     }
-:where(:not([data-with-weekdays])) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:last-child) {
+:where(:not([data-with-weekdays])) ._monthView_98v2r_1 :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:last-child) {
         border-start-end-radius: var(--month-view-radius);
       }
-:where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
+:where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
       border-start-start-radius: var(--month-view-radius);
     }
-:where([data-with-week-numbers]) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
+:where([data-with-week-numbers]) ._monthView_98v2r_1 :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
         border-start-start-radius: 0;
       }
-:where([data-with-weekdays]) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
+:where([data-with-weekdays]) ._monthView_98v2r_1 :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
         border-start-start-radius: 0;
       }
-:where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
+:where(._monthViewWeek_98v2r_21:last-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
       border-end-start-radius: var(--month-view-radius);
     }
-:where([data-with-week-numbers]) ._monthViewWeek_hbhp2_21:last-child ._monthViewDay_hbhp2_114:where(:first-of-type) {
+:where([data-with-week-numbers]) ._monthViewWeek_98v2r_21:last-child ._monthViewDay_98v2r_114:where(:first-of-type) {
       border-end-start-radius: 0;
     }
-:where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114 {
+:where(._monthViewWeek_98v2r_21:last-child) ._monthViewDay_98v2r_114 {
     border-block-end: var(--month-view-border);
   }
-._monthViewDay_hbhp2_114:where([data-weekend]) {
+._monthViewDay_98v2r_114:where([data-weekend]) {
     color: var(--mantine-color-red-6);
   }
-._monthViewDay_hbhp2_114:where([data-outside]) {
+._monthViewDay_98v2r_114:where([data-outside]) {
     color: color-mix(in srgb, var(--day-base-color), transparent 60%);
   }
-._monthViewDay_hbhp2_114:where([data-static]) {
+._monthViewDay_98v2r_114:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:hover:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:hover:where(:not([data-static])) {
         background-color: var(--mantine-color-gray-0);
   }
-      :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:hover:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:hover:where(:not([data-static])) {
         background-color: var(--mantine-color-dark-6);
   }
 }
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:active:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:active:where(:not([data-static])) {
         background-color: var(--mantine-color-gray-0);
   }
-      :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:active:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:active:where(:not([data-static])) {
         background-color: var(--mantine-color-dark-6);
   }
 }
-:where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._monthViewDay_hbhp2_114:where([data-drop-target])::before {
+._monthViewDay_98v2r_114:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0rem;
@@ -1342,20 +1472,29 @@
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-:where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
-:where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
-._monthViewDay_hbhp2_114:where([data-drag-selected]),
-    ._monthViewDay_hbhp2_114:where([data-drag-selected]):hover {
+._monthViewDay_98v2r_114:where([data-drop-target]):where([data-invalid]) {
+      background-color: transparent;
+    }
+._monthViewDay_98v2r_114:where([data-drop-target]):where([data-invalid])::before {
+        border-color: var(--mantine-color-error);
+        opacity: 0.6;
+      }
+._monthViewDay_98v2r_114:where([data-drag-selected]),
+    ._monthViewDay_98v2r_114:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
+._monthViewDay_98v2r_114:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1364,19 +1503,19 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
     }
-:where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-2);
 }
-:where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-9);
 }
-._monthViewDay_hbhp2_114:where([data-drag-slot-index]) {
+._monthViewDay_98v2r_114:where([data-drag-slot-index]) {
     touch-action: none;
   }
-._monthViewDayLabel_hbhp2_255 {
+._monthViewDayLabel_98v2r_264 {
   width: calc(1.625rem * var(--mantine-scale));
   aspect-ratio: 1;
   display: flex;
@@ -1387,12 +1526,12 @@
   user-select: none;
 }
-._monthViewDayLabel_hbhp2_255:where([data-today]) {
+._monthViewDayLabel_98v2r_264:where([data-today]) {
     background-color: var(--mantine-primary-color-filled);
     color: var(--mantine-primary-color-contrast);
   }
-._monthViewBackgroundEvent_hbhp2_271 {
+._monthViewBackgroundEvent_98v2r_280 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -1407,7 +1546,7 @@
   color: var(--bg-event-color);
 }
-._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]) {
+._monthViewBackgroundEvent_98v2r_280:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
@@ -1415,19 +1554,19 @@
 @media (hover: hover) {
-  ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]):hover {
+  ._monthViewBackgroundEvent_98v2r_280:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
-  ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]):active {
+  ._monthViewBackgroundEvent_98v2r_280:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._monthViewEvents_hbhp2_296 {
+._monthViewEvents_98v2r_305 {
   position: absolute;
   inset-inline: 0;
   inset-inline-start: var(--week-numbers-offset);
@@ -1436,7 +1575,7 @@
   pointer-events: none;
   z-index: 3;
 }
-._weekView_1f3zt_1 {
+._weekView_1ttnb_1 {
   --week-view-week-day-height: calc(3.625rem * var(--mantine-scale));
   --week-view-all-day-slots-height: calc(3rem * var(--mantine-scale));
   --week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1445,19 +1584,19 @@
   --week-view-slot-height: calc(4rem * var(--mantine-scale));
 }
-  :where([data-mantine-color-scheme='light']) ._weekView_1f3zt_1 {
+  :where([data-mantine-color-scheme='light']) ._weekView_1ttnb_1 {
     --week-view-border-color: var(--mantine-color-gray-3);
     --week-view-business-hours-bg: var(--mantine-color-white);
     --week-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._weekView_1f3zt_1 {
+  :where([data-mantine-color-scheme='dark']) ._weekView_1ttnb_1 {
     --week-view-border-color: var(--mantine-color-dark-4);
     --week-view-business-hours-bg: var(--mantine-color-dark-7);
     --week-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
-._weekViewRoot_1f3zt_22 {
+._weekViewRoot_1ttnb_22 {
   --indicator-labels-offset: calc(var(--week-view-slots-label-width) / var(--number-of-days));
   border: 1px solid var(--week-view-border-color);
@@ -1465,17 +1604,26 @@
   overflow: hidden;
 }
-._weekViewInner_1f3zt_30 {
+._weekViewRoot_1ttnb_22:where(:has([data-cascade])) {
+    isolation: isolate;
+    --event-cascade-interaction-z-index: 999;
+  }
+._weekViewRoot_1ttnb_22:where(:has([data-cascade])) ._weekViewDragPreview_1ttnb_33 {
+      z-index: var(--event-cascade-interaction-z-index);
+    }
+._weekViewInner_1ttnb_39 {
   display: flex;
   position: relative;
   overflow: hidden;
 }
-._weekViewScrollArea_1f3zt_36 :where(.mantine-ScrollArea-scrollbar) {
+._weekViewScrollArea_1ttnb_45 :where(.mantine-ScrollArea-scrollbar) {
     z-index: 4;
   }
-._weekViewHeader_1f3zt_42 {
+._weekViewHeader_1ttnb_51 {
   display: flex;
   position: sticky;
   top: 0;
@@ -1486,11 +1634,11 @@
   transition: box-shadow 100ms ease;
 }
-._weekViewHeader_1f3zt_42:where([data-scrolled]) {
+._weekViewHeader_1ttnb_51:where([data-scrolled]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._weekViewCorner_1f3zt_57 {
+._weekViewCorner_1ttnb_66 {
   height: var(--week-view-week-day-height);
   flex: 0 0 var(--week-view-slots-label-width);
   min-width: var(--week-view-slots-label-width);
@@ -1501,13 +1649,13 @@
   justify-content: center;
 }
-._weekViewSlotLabels_1f3zt_68 {
+._weekViewSlotLabels_1ttnb_77 {
   flex: 0 0 var(--week-view-slots-label-width);
   min-width: var(--week-view-slots-label-width);
   background-color: var(--mantine-color-body);
 }
-._weekViewSlotLabel_1f3zt_68 {
+._weekViewSlotLabel_1ttnb_77 {
   border-top: 1px solid var(--week-view-border-color);
   text-align: right;
   height: var(--week-view-slot-height);
@@ -1520,20 +1668,20 @@
   text-transform: uppercase;
 }
-._weekViewSlotLabel_1f3zt_68:where([data-business-hours]) {
+._weekViewSlotLabel_1ttnb_77:where([data-business-hours]) {
     background-color: var(--week-view-business-hours-bg);
   }
-._weekViewSlotLabel_1f3zt_68:where([data-non-business-hours]) {
+._weekViewSlotLabel_1ttnb_77:where([data-non-business-hours]) {
     background-color: var(--week-view-non-business-hours-bg);
   }
-._weekViewDay_1f3zt_95 {
+._weekViewDay_1ttnb_104 {
   flex: 1;
   border-inline-start: 1px solid var(--week-view-border-color);
 }
-._weekViewDayLabel_1f3zt_100 {
+._weekViewDayLabel_1ttnb_109 {
   height: var(--week-view-week-day-height);
   min-width: var(--week-view-min-slot-width);
   display: flex;
@@ -1548,40 +1696,40 @@
   padding-inline-start: calc(0.3125rem * var(--mantine-scale));
 }
-._weekViewDayLabel_1f3zt_100:where([data-weekend]) {
+._weekViewDayLabel_1ttnb_109:where([data-weekend]) {
     color: var(--mantine-color-error);
   }
-._weekViewDayLabel_1f3zt_100:where([data-today]) {
+._weekViewDayLabel_1ttnb_109:where([data-today]) {
     gap: calc(0.375rem * var(--mantine-scale));
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:hover {
+    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1ttnb_109:hover {
       background-color: var(--mantine-color-gray-0);
   }
-    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:hover {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1ttnb_109:hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:active {
+    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1ttnb_109:active {
       background-color: var(--mantine-color-gray-0);
   }
-    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:active {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1ttnb_109:active {
       background-color: var(--mantine-color-dark-6);
   }
 }
-._weekViewDayLabel_1f3zt_100:where([data-static]) {
+._weekViewDayLabel_1ttnb_109:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._weekViewDayNumber_1f3zt_138 {
+._weekViewDayNumber_1ttnb_147 {
   text-align: center;
   width: calc(1.625rem * var(--mantine-scale));
   aspect-ratio: 1;
@@ -1592,18 +1740,18 @@
   font-size: var(--mantine-font-size-sm);
 }
-:where(._weekViewDayLabel_1f3zt_100[data-today]) ._weekViewDayNumber_1f3zt_138 {
+:where(._weekViewDayLabel_1ttnb_109[data-today]) ._weekViewDayNumber_1ttnb_147 {
     background-color: var(--mantine-primary-color-filled);
     color: var(--mantine-primary-color-contrast);
   }
-._weekViewDayWeekday_1f3zt_154 {
+._weekViewDayWeekday_1ttnb_163 {
   text-align: center;
   font-size: var(--mantine-font-size-sm);
   text-transform: capitalize;
 }
-._weekViewBackgroundEvent_1f3zt_160 {
+._weekViewBackgroundEvent_1ttnb_169 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -1616,7 +1764,7 @@
   color: var(--bg-event-color);
 }
-._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]) {
+._weekViewBackgroundEvent_1ttnb_169:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
@@ -1624,23 +1772,97 @@
 @media (hover: hover) {
-  ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):hover {
+  ._weekViewBackgroundEvent_1ttnb_169:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
-  ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):active {
+  ._weekViewBackgroundEvent_1ttnb_169:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._weekViewDaySlots_1f3zt_183 {
+@media (hover: hover) {
+  ._weekViewBackgroundEvent_1ttnb_169:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+@media (hover: none) {
+  ._weekViewBackgroundEvent_1ttnb_169:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+._weekViewBackgroundEventResizeHandle_1ttnb_198 {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40%;
+  max-width: calc(2.5rem * var(--mantine-scale));
+  height: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  cursor: ns-resize;
+  pointer-events: all;
+  z-index: 4;
+  touch-action: none;
+  background-color: var(--bg-event-color);
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+._weekViewBackgroundEventResizeHandle_1ttnb_198::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+._weekViewBackgroundEventResizeHandle_1ttnb_198:where([data-edge='top']) {
+    top: 0;
+  }
+._weekViewBackgroundEventResizeHandle_1ttnb_198:where([data-edge='bottom']) {
+    bottom: 0;
+  }
+._weekViewBackgroundEvent_1ttnb_169:where(:hover, [data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198 {
+    opacity: 0.5;
+  }
+@media (hover: hover) {
+  ._weekViewBackgroundEventResizeHandle_1ttnb_198:hover {
+    opacity: 0.8;
+  }
+}
+@media (hover: none) {
+  ._weekViewBackgroundEventResizeHandle_1ttnb_198:active {
+    opacity: 0.8;
+  }
+}
+._weekView_1ttnb_1:where([data-slot-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]),
+._weekViewRoot_1ttnb_22:where([data-event-interaction]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]),
+._weekViewRoot_1ttnb_22:where([data-all-day-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) {
+  pointer-events: none;
+}
+._weekView_1ttnb_1:where([data-slot-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198, ._weekViewRoot_1ttnb_22:where([data-event-interaction]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198, ._weekViewRoot_1ttnb_22:where([data-all-day-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198 {
+    pointer-events: none;
+    opacity: 0;
+  }
+._weekViewDaySlots_1ttnb_246 {
   position: relative;
 }
-._weekViewDaySlot_1f3zt_183 {
+._weekViewDaySlot_1ttnb_246 {
   display: block;
   width: 100%;
   border-top: 1px solid var(--week-view-border-color);
@@ -1651,47 +1873,47 @@
   position: relative;
 }
-._weekViewDaySlot_1f3zt_183:where(:focus) {
+._weekViewDaySlot_1ttnb_246:where(:focus) {
     z-index: 1;
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:hover {
+    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:hover {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:hover {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:active {
+    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:active {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:active {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
-._weekViewDaySlot_1f3zt_183:where([data-business-hours]) {
+._weekViewDaySlot_1ttnb_246:where([data-business-hours]) {
     background-color: var(--week-view-business-hours-bg);
   }
-._weekViewDaySlot_1f3zt_183:where([data-non-business-hours]) {
+._weekViewDaySlot_1ttnb_246:where([data-non-business-hours]) {
     background-color: var(--week-view-non-business-hours-bg);
   }
-:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
+._weekViewDaySlot_1ttnb_246:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -1701,20 +1923,29 @@
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
-:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
-._weekViewDaySlot_1f3zt_183:where([data-drag-selected]),
-    ._weekViewDaySlot_1f3zt_183:where([data-drag-selected]):hover {
+._weekViewDaySlot_1ttnb_246:where([data-drop-target]):where([data-invalid]) {
+      background-color: transparent;
+    }
+._weekViewDaySlot_1ttnb_246:where([data-drop-target]):where([data-invalid])::before {
+        border-color: var(--mantine-color-error);
+        opacity: 0.6;
+      }
+._weekViewDaySlot_1ttnb_246:where([data-drag-selected]),
+    ._weekViewDaySlot_1ttnb_246:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
+._weekViewDaySlot_1ttnb_246:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1723,72 +1954,72 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
     }
-:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-2);
 }
-:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-9);
 }
-._weekViewDaySlot_1f3zt_183:where([data-drag-slot-index]) {
+._weekViewDaySlot_1ttnb_246:where([data-drag-slot-index]) {
     touch-action: none;
   }
-._weekViewDaySlot_1f3zt_183:where([data-static]) {
+._weekViewDaySlot_1ttnb_246:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._weekViewWeekLabel_1f3zt_281 {
+._weekViewWeekLabel_1ttnb_353 {
   text-align: center;
   margin-bottom: calc(0.25rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-sm);
 }
-._weekViewWeekNumber_1f3zt_287 {
+._weekViewWeekNumber_1ttnb_359 {
   font-weight: var(--mantine-font-weight-medium);
   text-align: center;
   font-size: var(--mantine-font-size-lg);
 }
-._weekViewAllDaySlots_1f3zt_293 {
+._weekViewAllDaySlots_1ttnb_365 {
   display: flex;
   height: var(--week-view-all-day-slots-height);
 }
-._weekViewAllDaySlotsLabel_1f3zt_298 {
+._weekViewAllDaySlotsLabel_1ttnb_370 {
   flex: 0 0 var(--week-view-slots-label-width);
   text-align: right;
   padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-sm);
 }
-._weekViewAllDaySlotsEvents_1f3zt_305 {
+._weekViewAllDaySlotsEvents_1ttnb_377 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._weekViewAllDaySlotsList_1f3zt_312 {
+._weekViewAllDaySlotsList_1ttnb_384 {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
 }
-._weekViewAllDaySlotsList_1f3zt_312 > ._weekViewDaySlot_1f3zt_183 {
+._weekViewAllDaySlotsList_1ttnb_384 > ._weekViewDaySlot_1ttnb_246 {
     flex: 1;
     border-inline-start: 1px solid var(--week-view-border-color);
     height: 100%;
   }
-._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305 {
+._weekViewAllDaySlotsList_1ttnb_384:hover ._weekViewAllDaySlotsEvents_1ttnb_377, ._weekViewAllDaySlotsList_1ttnb_384:focus-within ._weekViewAllDaySlotsEvents_1ttnb_377 {
       overflow: visible;
     }
-._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305::before, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305::before {
+._weekViewAllDaySlotsList_1ttnb_384:hover ._weekViewAllDaySlotsEvents_1ttnb_377::before, ._weekViewAllDaySlotsList_1ttnb_384:focus-within ._weekViewAllDaySlotsEvents_1ttnb_377::before {
         content: '';
         position: absolute;
         top: 100%;
@@ -2153,7 +2384,7 @@
     display: block
 }
   }
-._resourcesDayView_wmj51_1 {
+._resourcesDayView_1ak2d_1 {
   --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
   --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
   --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
@@ -2162,19 +2393,19 @@
   --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
 }
-  :where([data-mantine-color-scheme='light']) ._resourcesDayView_wmj51_1 {
+  :where([data-mantine-color-scheme='light']) ._resourcesDayView_1ak2d_1 {
     --resources-day-view-border-color: var(--mantine-color-gray-3);
     --resources-day-view-business-hours-bg: var(--mantine-color-white);
     --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._resourcesDayView_wmj51_1 {
+  :where([data-mantine-color-scheme='dark']) ._resourcesDayView_1ak2d_1 {
     --resources-day-view-border-color: var(--mantine-color-dark-4);
     --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);
     --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
-._resourcesDayViewRoot_wmj51_22 {
+._resourcesDayViewRoot_1ak2d_22 {
   border: 1px solid var(--resources-day-view-border-color);
   border-radius: var(--resources-day-view-radius);
   overflow: hidden;
@@ -2182,20 +2413,20 @@
   position: relative;
 }
-._resourcesDayViewScrollArea_wmj51_30 :where([data-mantine-scrollbar]) {
+._resourcesDayViewScrollArea_1ak2d_30 :where([data-mantine-scrollbar]) {
     z-index: 20;
   }
-._resourcesDayViewScrollArea_wmj51_30 :where([data-scrollarea-viewport]) {
+._resourcesDayViewScrollArea_1ak2d_30 :where([data-scrollarea-viewport]) {
     overscroll-behavior-x: none;
   }
-._resourcesDayViewInner_wmj51_39 {
+._resourcesDayViewInner_1ak2d_39 {
   display: inline-flex;
   flex-direction: column;
   position: relative;
 }
-._resourcesDayViewTimeLabelsRow_wmj51_44 {
+._resourcesDayViewTimeLabelsRow_1ak2d_44 {
   display: flex;
   position: sticky;
   top: 0;
@@ -2205,10 +2436,10 @@
   margin-bottom: calc(-0.0625rem * var(--mantine-scale));
   transition: box-shadow 100ms ease;
 }
-._resourcesDayViewTimeLabelsRow_wmj51_44:where([data-scrolled]) {
+._resourcesDayViewTimeLabelsRow_1ak2d_44:where([data-scrolled]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._resourcesDayViewCorner_wmj51_57 {
+._resourcesDayViewCorner_1ak2d_57 {
   flex: 0 0 var(--resources-day-view-resource-label-width);
   min-width: var(--resources-day-view-resource-label-width);
   border-inline-end: 1px solid var(--resources-day-view-border-color);
@@ -2223,7 +2454,7 @@
   font-weight: var(--mantine-font-weight-medium);
   user-select: none;
 }
-._resourcesDayViewTimeLabel_wmj51_44 {
+._resourcesDayViewTimeLabel_1ak2d_44 {
   flex: 0 0 var(--resources-day-view-slot-width);
   min-width: var(--resources-day-view-slot-width);
   max-width: var(--resources-day-view-slot-width);
@@ -2238,20 +2469,20 @@
   text-transform: uppercase;
   border-inline-end: 1px solid var(--resources-day-view-border-color);
 }
-._resourcesDayViewTimeLabel_wmj51_44:where(:last-of-type) {
+._resourcesDayViewTimeLabel_1ak2d_44:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesDayViewTimeLabel_wmj51_44:where([data-business-hours]) {
+._resourcesDayViewTimeLabel_1ak2d_44:where([data-business-hours]) {
     background-color: var(--resources-day-view-business-hours-bg);
   }
-._resourcesDayViewTimeLabel_wmj51_44:where([data-non-business-hours]) {
+._resourcesDayViewTimeLabel_1ak2d_44:where([data-non-business-hours]) {
     background-color: var(--resources-day-view-non-business-hours-bg);
   }
-._resourcesDayViewRow_wmj51_96 {
+._resourcesDayViewRow_1ak2d_96 {
   display: flex;
   border-top: 1px solid var(--resources-day-view-border-color);
 }
-._resourcesDayViewResourceLabel_wmj51_100 {
+._resourcesDayViewResourceLabel_1ak2d_100 {
   flex: 0 0 var(--resources-day-view-resource-label-width);
   min-width: var(--resources-day-view-resource-label-width);
   display: flex;
@@ -2269,14 +2500,14 @@
   background-color: var(--mantine-color-body);
   transition: box-shadow 100ms ease;
 }
-._resourcesDayViewResourceLabel_wmj51_100:where([data-scrolled-x]) {
+._resourcesDayViewResourceLabel_1ak2d_100:where([data-scrolled-x]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._resourcesDayViewResourceLabel_wmj51_100:where([data-has-groups]) {
+._resourcesDayViewResourceLabel_1ak2d_100:where([data-has-groups]) {
     left: var(--resources-day-view-group-label-width);
   }
-._resourcesDayViewGroupColumn_wmj51_124,
-._resourcesDayViewGroupColumnEmpty_wmj51_125 {
+._resourcesDayViewGroupColumn_1ak2d_124,
+._resourcesDayViewGroupColumnEmpty_1ak2d_125 {
   flex: 0 0 var(--resources-day-view-group-label-width);
   min-width: var(--resources-day-view-group-label-width);
   min-height: var(--resources-day-view-row-height);
@@ -2286,7 +2517,7 @@
   background-color: var(--mantine-color-body);
   border-inline-end: 1px solid var(--resources-day-view-border-color);
 }
-._resourcesDayViewGroupColumn_wmj51_124 {
+._resourcesDayViewGroupColumn_1ak2d_124 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2297,19 +2528,19 @@
   user-select: none;
   overflow: visible;
 }
-._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='first'], [data-group-position='only']) {
+._resourcesDayViewGroupColumn_1ak2d_124:where([data-group-position='first'], [data-group-position='only']) {
     z-index: 13;
   }
-._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='middle'], [data-group-position='last']) {
+._resourcesDayViewGroupColumn_1ak2d_124:where([data-group-position='middle'], [data-group-position='last']) {
     margin-top: calc(-0.0625rem * var(--mantine-scale));
     min-height: calc(var(--resources-day-view-row-height) + 1px);
   }
-._resourcesDayViewRowSlots_wmj51_153 {
+._resourcesDayViewRowSlots_1ak2d_153 {
   display: flex;
   position: relative;
   min-height: var(--resources-day-view-row-height);
 }
-._resourcesDayViewRowSlot_wmj51_153 {
+._resourcesDayViewRowSlot_1ak2d_153 {
   flex: 0 0 var(--resources-day-view-slot-width);
   min-width: var(--resources-day-view-slot-width);
   max-width: var(--resources-day-view-slot-width);
@@ -2318,41 +2549,41 @@
   cursor: pointer;
   position: relative;
 }
-._resourcesDayViewRowSlot_wmj51_153:where(:last-of-type) {
+._resourcesDayViewRowSlot_1ak2d_153:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesDayViewRowSlot_wmj51_153:where(:focus) {
+._resourcesDayViewRowSlot_1ak2d_153:where(:focus) {
     z-index: 1;
   }
-._resourcesDayViewRowSlot_wmj51_153:where([data-business-hours]) {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-business-hours]) {
     background-color: var(--resources-day-view-business-hours-bg);
   }
-._resourcesDayViewRowSlot_wmj51_153:where([data-non-business-hours]) {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-non-business-hours]) {
     background-color: var(--resources-day-view-non-business-hours-bg);
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:hover {
+    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:hover {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:hover {
+    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:active {
+    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:active {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:active {
+    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
-:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -2361,17 +2592,24 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]),
-    ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]):hover {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]):where([data-invalid]) {
+      background-color: transparent;
+    }
+._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]):where([data-invalid])::before {
+        border-color: var(--mantine-color-error);
+        opacity: 0.6;
+      }
+._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-selected]),
+    ._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected])::before {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2379,14 +2617,14 @@
       z-index: 2;
       border: 1px solid var(--mantine-primary-color-2);
     }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drag-slot-index]) {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-slot-index]) {
     touch-action: none;
   }
-._resourcesDayViewRowSlot_wmj51_153:where([data-static]) {
+._resourcesDayViewRowSlot_1ak2d_153:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._resourcesDayViewCurrentTimeIndicator_wmj51_231 {
+._resourcesDayViewCurrentTimeIndicator_1ak2d_240 {
   --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));
   --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
   --_thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -2398,13 +2636,13 @@
   width: calc(0.125rem * var(--mantine-scale));
   z-index: 3;
 }
-._resourcesDayViewCurrentTimeIndicatorLine_wmj51_243 {
+._resourcesDayViewCurrentTimeIndicatorLine_1ak2d_252 {
   width: 100%;
   position: absolute;
   inset-block: 0;
   background-color: var(--_indicator-color);
 }
-._resourcesDayViewCurrentTimeIndicatorThumb_wmj51_249 {
+._resourcesDayViewCurrentTimeIndicatorThumb_1ak2d_258 {
   position: absolute;
   top: calc(-0.3125rem * var(--mantine-scale));
   left: calc(-0.3125rem * var(--mantine-scale));
@@ -2414,7 +2652,7 @@
   border: 1px solid var(--mantine-color-body);
   background-color: var(--_indicator-color);
 }
-._resourcesDayViewCurrentTimeIndicatorTimeBubble_wmj51_259 {
+._resourcesDayViewCurrentTimeIndicatorTimeBubble_1ak2d_268 {
   position: absolute;
   height: var(--_time-bubble-height);
   width: var(--_time-bubble-width);
@@ -2433,7 +2671,7 @@
   left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
   z-index: 3;
 }
-._resourcesDayViewBackgroundEvent_wmj51_278 {
+._resourcesDayViewBackgroundEvent_1ak2d_287 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -2445,34 +2683,46 @@
   padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
   color: var(--bg-event-color);
 }
-._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]) {
+._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
   }
 @media (hover: hover) {
-  ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):hover {
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
-  ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):active {
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._resourcesDayViewAllDayEvent_wmj51_300 {
+@media (hover: hover) {
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+@media (hover: none) {
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+._resourcesDayViewAllDayEvent_1ak2d_315 {
   position: absolute;
   inset-inline: calc(0.0625rem * var(--mantine-scale));
   height: var(--resources-day-view-all-day-height);
   z-index: 3;
 }
-._resourcesDayViewEventWrapper_wmj51_306 {
+._resourcesDayViewEventWrapper_1ak2d_321 {
   position: absolute;
   z-index: 3;
 }
-._resourcesDayViewResizeHandle_wmj51_310 {
+._resourcesDayViewResizeHandle_1ak2d_325 {
   position: absolute;
   top: 20%;
   width: calc(0.25rem * var(--mantine-scale));
@@ -2485,35 +2735,64 @@
   pointer-events: all;
   background-color: var(--event-color);
 }
-._resourcesDayViewResizeHandle_wmj51_310::before {
+._resourcesDayViewResizeHandle_1ak2d_325::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
-._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='start']) {
+._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='start']) {
     left: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='end']) {
+._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='end']) {
     right: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesDayViewEventWrapper_wmj51_306:hover ._resourcesDayViewResizeHandle_wmj51_310 {
+._resourcesDayViewEventWrapper_1ak2d_321:hover ._resourcesDayViewResizeHandle_1ak2d_325 {
   opacity: 0.5;
 }
-._resourcesDayViewEventWrapper_wmj51_306 ._resourcesDayViewResizeHandle_wmj51_310:hover,
-._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310[data-active] {
+._resourcesDayViewEventWrapper_1ak2d_321 ._resourcesDayViewResizeHandle_1ak2d_325:hover,
+._resourcesDayViewEventWrapper_1ak2d_321[data-resizing] ._resourcesDayViewResizeHandle_1ak2d_325[data-active] {
   opacity: 0.8;
 }
-._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310:not([data-active]) {
+._resourcesDayViewEventWrapper_1ak2d_321[data-resizing] ._resourcesDayViewResizeHandle_1ak2d_325:not([data-active]) {
   opacity: 0;
   pointer-events: none;
 }
-._resourcesDayView_wmj51_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_wmj51_153 {
+._resourcesDayView_1ak2d_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_1ak2d_153 {
   pointer-events: none;
 }
-._resourcesDayView_wmj51_1:where([data-resizing]) * {
+._resourcesDayView_1ak2d_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:not([data-resizing]) {
+  pointer-events: none;
+}
+._resourcesDayView_1ak2d_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:not([data-resizing]) ._resourcesDayViewResizeHandle_1ak2d_325 {
+    pointer-events: none;
+    opacity: 0;
+  }
+._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325 {
+    background-color: var(--bg-event-color);
+  }
+._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='start']) {
+      left: 0;
+    }
+._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='end']) {
+      right: 0;
+    }
+._resourcesDayViewBackgroundEvent_1ak2d_287:hover ._resourcesDayViewResizeHandle_1ak2d_325 {
+    opacity: 0.5;
+  }
+._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325:hover,
+  ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]) ._resourcesDayViewResizeHandle_1ak2d_325:where([data-active]) {
+    opacity: 0.8;
+  }
+._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]) ._resourcesDayViewResizeHandle_1ak2d_325:not([data-active]) {
+    opacity: 0;
+    pointer-events: none;
+  }
+._resourcesDayView_1ak2d_1:where([data-resizing]) * {
   cursor: ew-resize !important;
 }
-._resourcesWeekView_1komm_1 {
+._resourcesWeekView_1g2tz_1 {
   --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
   --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
   --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
@@ -2521,35 +2800,35 @@
   --resources-week-view-group-label-width: calc(5rem * var(--mantine-scale));
   --resources-week-view-all-day-height: calc(1.25rem * var(--mantine-scale));
 }
-  :where([data-mantine-color-scheme='light']) ._resourcesWeekView_1komm_1 {
+  :where([data-mantine-color-scheme='light']) ._resourcesWeekView_1g2tz_1 {
     --resources-week-view-border-color: var(--mantine-color-gray-3);
     --resources-week-view-business-hours-bg: var(--mantine-color-white);
     --resources-week-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_1komm_1 {
+  :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_1g2tz_1 {
     --resources-week-view-border-color: var(--mantine-color-dark-4);
     --resources-week-view-business-hours-bg: var(--mantine-color-dark-7);
     --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
-._resourcesWeekViewRoot_1komm_19 {
+._resourcesWeekViewRoot_1g2tz_19 {
   border: 1px solid var(--resources-week-view-border-color);
   border-radius: var(--resources-week-view-radius);
   overflow: hidden;
   max-width: fit-content;
   position: relative;
 }
-._resourcesWeekViewScrollArea_1komm_26 :where([data-mantine-scrollbar]) {
+._resourcesWeekViewScrollArea_1g2tz_26 :where([data-mantine-scrollbar]) {
     z-index: 20;
   }
-._resourcesWeekViewScrollArea_1komm_26 :where([data-scrollarea-viewport]) {
+._resourcesWeekViewScrollArea_1g2tz_26 :where([data-scrollarea-viewport]) {
     overscroll-behavior-x: none;
   }
-._resourcesWeekViewInner_1komm_34 {
+._resourcesWeekViewInner_1g2tz_34 {
   display: inline-flex;
   flex-direction: column;
   position: relative;
 }
-._resourcesWeekViewHeaderRows_1komm_39 {
+._resourcesWeekViewHeaderRows_1g2tz_39 {
   display: flex;
   position: sticky;
   top: 0;
@@ -2558,7 +2837,7 @@
   border-bottom: 1px solid var(--resources-week-view-border-color);
   margin-bottom: calc(-0.0625rem * var(--mantine-scale));
 }
-._resourcesWeekViewCorner_1komm_48 {
+._resourcesWeekViewCorner_1g2tz_48 {
   flex: 0 0 var(--resources-week-view-resource-label-width);
   min-width: var(--resources-week-view-resource-label-width);
   border-inline-end: 1px solid var(--resources-week-view-border-color);
@@ -2573,15 +2852,15 @@
   font-weight: var(--mantine-font-weight-medium);
   user-select: none;
 }
-._resourcesWeekViewHeaderContent_1komm_63 {
+._resourcesWeekViewHeaderContent_1g2tz_63 {
   display: flex;
   flex-direction: column;
 }
-._resourcesWeekViewDayLabelsRow_1komm_67 {
+._resourcesWeekViewDayLabelsRow_1g2tz_67 {
   display: flex;
   border-bottom: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewDayLabel_1komm_67 {
+._resourcesWeekViewDayLabel_1g2tz_67 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2593,21 +2872,21 @@
   text-transform: capitalize;
   border-inline-end: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewDayLabel_1komm_67:where(:last-of-type) {
+._resourcesWeekViewDayLabel_1g2tz_67:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesWeekViewDayLabel_1komm_67:where([data-weekend]) {
+._resourcesWeekViewDayLabel_1g2tz_67:where([data-weekend]) {
     color: var(--mantine-color-red-6);
   }
-._resourcesWeekViewDayLabel_1komm_67:where([data-today]) {
+._resourcesWeekViewDayLabel_1g2tz_67:where([data-today]) {
     color: var(--mantine-primary-color-contrast);
     background-color: var(--mantine-primary-color-filled);
     font-weight: var(--mantine-font-weight-bold);
   }
-._resourcesWeekViewTimeLabelsRow_1komm_94 {
+._resourcesWeekViewTimeLabelsRow_1g2tz_94 {
   display: flex;
 }
-._resourcesWeekViewTimeLabel_1komm_94 {
+._resourcesWeekViewTimeLabel_1g2tz_94 {
   flex: 0 0 var(--resources-week-view-slot-width);
   min-width: var(--resources-week-view-slot-width);
   max-width: var(--resources-week-view-slot-width);
@@ -2622,20 +2901,20 @@
   text-transform: uppercase;
   border-inline-end: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewTimeLabel_1komm_94:where(:last-of-type) {
+._resourcesWeekViewTimeLabel_1g2tz_94:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesWeekViewTimeLabel_1komm_94:where([data-business-hours]) {
+._resourcesWeekViewTimeLabel_1g2tz_94:where([data-business-hours]) {
     background-color: var(--resources-week-view-business-hours-bg);
   }
-._resourcesWeekViewTimeLabel_1komm_94:where([data-non-business-hours]) {
+._resourcesWeekViewTimeLabel_1g2tz_94:where([data-non-business-hours]) {
     background-color: var(--resources-week-view-non-business-hours-bg);
   }
-._resourcesWeekViewRow_1komm_121 {
+._resourcesWeekViewRow_1g2tz_121 {
   display: flex;
   border-top: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewResourceLabel_1komm_125 {
+._resourcesWeekViewResourceLabel_1g2tz_125 {
   flex: 0 0 var(--resources-week-view-resource-label-width);
   min-width: var(--resources-week-view-resource-label-width);
   display: flex;
@@ -2653,14 +2932,14 @@
   background-color: var(--mantine-color-body);
   transition: box-shadow 100ms ease;
 }
-._resourcesWeekViewResourceLabel_1komm_125:where([data-scrolled-x]) {
+._resourcesWeekViewResourceLabel_1g2tz_125:where([data-scrolled-x]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._resourcesWeekViewResourceLabel_1komm_125:where([data-has-groups]) {
+._resourcesWeekViewResourceLabel_1g2tz_125:where([data-has-groups]) {
     left: var(--resources-week-view-group-label-width);
   }
-._resourcesWeekViewGroupColumn_1komm_149,
-._resourcesWeekViewGroupColumnEmpty_1komm_150 {
+._resourcesWeekViewGroupColumn_1g2tz_149,
+._resourcesWeekViewGroupColumnEmpty_1g2tz_150 {
   flex: 0 0 var(--resources-week-view-group-label-width);
   min-width: var(--resources-week-view-group-label-width);
   min-height: var(--resources-week-view-row-height);
@@ -2670,7 +2949,7 @@
   background-color: var(--mantine-color-body);
   border-inline-end: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewGroupColumn_1komm_149 {
+._resourcesWeekViewGroupColumn_1g2tz_149 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2681,19 +2960,19 @@
   user-select: none;
   overflow: visible;
 }
-._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='first'], [data-group-position='only']) {
+._resourcesWeekViewGroupColumn_1g2tz_149:where([data-group-position='first'], [data-group-position='only']) {
     z-index: 13;
   }
-._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='middle'], [data-group-position='last']) {
+._resourcesWeekViewGroupColumn_1g2tz_149:where([data-group-position='middle'], [data-group-position='last']) {
     margin-top: calc(-0.0625rem * var(--mantine-scale));
     min-height: calc(var(--resources-week-view-row-height) + 1px);
   }
-._resourcesWeekViewRowSlots_1komm_178 {
+._resourcesWeekViewRowSlots_1g2tz_178 {
   display: flex;
   position: relative;
   min-height: var(--resources-week-view-row-height);
 }
-._resourcesWeekViewRowSlot_1komm_178 {
+._resourcesWeekViewRowSlot_1g2tz_178 {
   flex: 0 0 var(--resources-week-view-slot-width);
   min-width: var(--resources-week-view-slot-width);
   max-width: var(--resources-week-view-slot-width);
@@ -2702,48 +2981,48 @@
   cursor: pointer;
   position: relative;
 }
-._resourcesWeekViewRowSlot_1komm_178:where(:last-of-type) {
+._resourcesWeekViewRowSlot_1g2tz_178:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesWeekViewRowSlot_1komm_178:where(:focus) {
+._resourcesWeekViewRowSlot_1g2tz_178:where(:focus) {
     z-index: 1;
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-business-hours]) {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-business-hours]) {
     background-color: var(--resources-week-view-business-hours-bg);
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-non-business-hours]) {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-non-business-hours]) {
     background-color: var(--resources-week-view-non-business-hours-bg);
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-static]) {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drag-slot-index]) {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-slot-index]) {
     touch-action: none;
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:hover {
+    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1g2tz_178:hover {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:hover {
+    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1g2tz_178:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:active {
+    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1g2tz_178:active {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:active {
+    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1g2tz_178:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
-:where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target])::before {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -2752,11 +3031,18 @@
       border: 1px solid var(--mantine-color-blue-4);
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]),
-    ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]):hover {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]):where([data-invalid]) {
+      background-color: transparent;
+    }
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]):where([data-invalid])::before {
+        border-color: var(--mantine-color-error);
+        opacity: 0.6;
+      }
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-selected]),
+    ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected])::before {
+._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2764,7 +3050,7 @@
       z-index: 2;
       border: 1px solid var(--mantine-primary-color-2);
     }
-._resourcesWeekViewBackgroundEvent_1komm_250 {
+._resourcesWeekViewBackgroundEvent_1g2tz_259 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -2776,31 +3062,41 @@
   padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
   color: var(--bg-event-color);
 }
-._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]) {
+._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
   }
 @media (hover: hover) {
-  ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):hover {
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
-  ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):active {
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._resourcesWeekViewAllDayEvent_1komm_272 {
+@media (hover: hover) {
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+@media (hover: none) {
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+._resourcesWeekViewAllDayEvent_1g2tz_287 {
   position: absolute;
   height: var(--resources-week-view-all-day-height);
   z-index: 2;
 }
-._resourcesWeekViewEventWrapper_1komm_277 {
+._resourcesWeekViewEventWrapper_1g2tz_292 {
   position: absolute;
   z-index: 3;
 }
-._resourcesWeekViewResizeHandle_1komm_281 {
+._resourcesWeekViewResizeHandle_1g2tz_296 {
   position: absolute;
   top: 20%;
   width: calc(0.25rem * var(--mantine-scale));
@@ -2813,35 +3109,64 @@
   pointer-events: all;
   background-color: var(--event-color);
 }
-._resourcesWeekViewResizeHandle_1komm_281::before {
+._resourcesWeekViewResizeHandle_1g2tz_296::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
-._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='start']) {
+._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='start']) {
     left: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='end']) {
+._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='end']) {
     right: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesWeekViewEventWrapper_1komm_277:hover ._resourcesWeekViewResizeHandle_1komm_281 {
+._resourcesWeekViewEventWrapper_1g2tz_292:hover ._resourcesWeekViewResizeHandle_1g2tz_296 {
   opacity: 0.5;
 }
-._resourcesWeekViewEventWrapper_1komm_277 ._resourcesWeekViewResizeHandle_1komm_281:hover,
-._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281[data-active] {
+._resourcesWeekViewEventWrapper_1g2tz_292 ._resourcesWeekViewResizeHandle_1g2tz_296:hover,
+._resourcesWeekViewEventWrapper_1g2tz_292[data-resizing] ._resourcesWeekViewResizeHandle_1g2tz_296[data-active] {
   opacity: 0.8;
 }
-._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281:not([data-active]) {
+._resourcesWeekViewEventWrapper_1g2tz_292[data-resizing] ._resourcesWeekViewResizeHandle_1g2tz_296:not([data-active]) {
   opacity: 0;
   pointer-events: none;
 }
-._resourcesWeekView_1komm_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1komm_178 {
+._resourcesWeekView_1g2tz_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1g2tz_178 {
+  pointer-events: none;
+}
+._resourcesWeekView_1g2tz_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:not([data-resizing]) {
   pointer-events: none;
 }
-._resourcesWeekView_1komm_1:where([data-resizing]) * {
+._resourcesWeekView_1g2tz_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:not([data-resizing]) ._resourcesWeekViewResizeHandle_1g2tz_296 {
+    pointer-events: none;
+    opacity: 0;
+  }
+._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296 {
+    background-color: var(--bg-event-color);
+  }
+._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='start']) {
+      left: 0;
+    }
+._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='end']) {
+      right: 0;
+    }
+._resourcesWeekViewBackgroundEvent_1g2tz_259:hover ._resourcesWeekViewResizeHandle_1g2tz_296 {
+    opacity: 0.5;
+  }
+._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296:hover,
+  ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]) ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-active]) {
+    opacity: 0.8;
+  }
+._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]) ._resourcesWeekViewResizeHandle_1g2tz_296:not([data-active]) {
+    opacity: 0;
+    pointer-events: none;
+  }
+._resourcesWeekView_1g2tz_1:where([data-resizing]) * {
   cursor: ew-resize !important;
 }
-._resourcesWeekViewCurrentTimeIndicator_1komm_322 {
+._resourcesWeekViewCurrentTimeIndicator_1g2tz_373 {
   --_indicator-color: var(--resources-week-view-indicator-color, var(--mantine-color-red-7));
   --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
   --_thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -2853,13 +3178,13 @@
   width: calc(0.125rem * var(--mantine-scale));
   z-index: 3;
 }
-._resourcesWeekViewCurrentTimeIndicatorLine_1komm_334 {
+._resourcesWeekViewCurrentTimeIndicatorLine_1g2tz_385 {
   width: 100%;
   position: absolute;
   inset-block: 0;
   background-color: var(--_indicator-color);
 }
-._resourcesWeekViewCurrentTimeIndicatorThumb_1komm_340 {
+._resourcesWeekViewCurrentTimeIndicatorThumb_1g2tz_391 {
   position: absolute;
   top: calc(-0.3125rem * var(--mantine-scale));
   left: calc(-0.3125rem * var(--mantine-scale));
@@ -2869,7 +3194,7 @@
   border: 1px solid var(--mantine-color-body);
   background-color: var(--_indicator-color);
 }
-._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1komm_350 {
+._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1g2tz_401 {
   position: absolute;
   top: 0;
   height: var(--_time-bubble-height);
@@ -2888,7 +3213,7 @@
   left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
   z-index: 3;
 }
-._resourcesMonthView_uqbdi_1 {
+._resourcesMonthView_1rka1_1 {
   --resources-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
   --resources-month-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
   --resources-month-view-day-width: calc(5rem * var(--mantine-scale));
@@ -2896,34 +3221,34 @@
   --resources-month-view-group-label-width: calc(5rem * var(--mantine-scale));
 }
-  :where([data-mantine-color-scheme='light']) ._resourcesMonthView_uqbdi_1 {
+  :where([data-mantine-color-scheme='light']) ._resourcesMonthView_1rka1_1 {
     --resources-month-view-border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_uqbdi_1 {
+  :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_1rka1_1 {
     --resources-month-view-border-color: var(--mantine-color-dark-4);
 }
-._resourcesMonthViewRoot_uqbdi_17 {
+._resourcesMonthViewRoot_1rka1_17 {
   border: 1px solid var(--resources-month-view-border-color);
   border-radius: var(--resources-month-view-radius);
   overflow: hidden;
   max-width: fit-content;
 }
-._resourcesMonthViewScrollArea_uqbdi_24 :where([data-mantine-scrollbar]) {
+._resourcesMonthViewScrollArea_1rka1_24 :where([data-mantine-scrollbar]) {
     z-index: 20;
   }
-._resourcesMonthViewScrollArea_uqbdi_24 :where([data-scrollarea-viewport]) {
+._resourcesMonthViewScrollArea_1rka1_24 :where([data-scrollarea-viewport]) {
     overscroll-behavior-x: none;
   }
-._resourcesMonthViewInner_uqbdi_33 {
+._resourcesMonthViewInner_1rka1_33 {
   display: inline-flex;
   flex-direction: column;
 }
-._resourcesMonthViewDayLabelsRow_uqbdi_37 {
+._resourcesMonthViewDayLabelsRow_1rka1_37 {
   display: flex;
   position: sticky;
   top: 0;
@@ -2932,7 +3257,7 @@
   border-bottom: 1px solid var(--resources-month-view-border-color);
   margin-bottom: calc(-0.0625rem * var(--mantine-scale));
 }
-._resourcesMonthViewCorner_uqbdi_46 {
+._resourcesMonthViewCorner_1rka1_46 {
   flex: 0 0 var(--resources-month-view-resource-label-width);
   min-width: var(--resources-month-view-resource-label-width);
   border-inline-end: 1px solid var(--resources-month-view-border-color);
@@ -2947,7 +3272,7 @@
   user-select: none;
   background-color: var(--mantine-color-body);
 }
-._resourcesMonthViewDayLabel_uqbdi_37 {
+._resourcesMonthViewDayLabel_1rka1_37 {
   flex: 0 0 var(--resources-month-view-day-width);
   min-width: var(--resources-month-view-day-width);
   max-width: var(--resources-month-view-day-width);
@@ -2961,33 +3286,33 @@
   cursor: default;
   border-inline-end: 1px solid var(--resources-month-view-border-color);
 }
-._resourcesMonthViewDayLabel_uqbdi_37:where(:last-of-type) {
+._resourcesMonthViewDayLabel_1rka1_37:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesMonthViewDayLabel_uqbdi_37:where([data-weekend]) {
+._resourcesMonthViewDayLabel_1rka1_37:where([data-weekend]) {
     color: var(--mantine-color-red-6);
   }
-._resourcesMonthViewDayLabel_uqbdi_37:where([data-today]) {
+._resourcesMonthViewDayLabel_1rka1_37:where([data-today]) {
     background-color: var(--mantine-primary-color-filled);
     color: var(--mantine-primary-color-contrast);
   }
-._resourcesMonthViewDayLabelWeekday_uqbdi_85 {
+._resourcesMonthViewDayLabelWeekday_1rka1_85 {
   font-size: calc(0.75rem * var(--mantine-scale));
   font-weight: var(--mantine-font-weight-medium);
   text-transform: capitalize;
   line-height: 1;
   margin-bottom: calc(0.1875rem * var(--mantine-scale));
 }
-._resourcesMonthViewDayLabelNumber_uqbdi_92 {
+._resourcesMonthViewDayLabelNumber_1rka1_92 {
   font-weight: var(--mantine-font-weight-medium);
   font-size: calc(0.75rem * var(--mantine-scale));
   line-height: 1;
 }
-._resourcesMonthViewRow_uqbdi_97 {
+._resourcesMonthViewRow_1rka1_97 {
   display: flex;
   border-top: 1px solid var(--resources-month-view-border-color);
 }
-._resourcesMonthViewResourceLabel_uqbdi_101 {
+._resourcesMonthViewResourceLabel_1rka1_101 {
   flex: 0 0 var(--resources-month-view-resource-label-width);
   min-width: var(--resources-month-view-resource-label-width);
   display: flex;
@@ -3003,11 +3328,11 @@
   z-index: 4;
   background-color: var(--mantine-color-body);
 }
-._resourcesMonthViewResourceLabel_uqbdi_101:where([data-has-groups]) {
+._resourcesMonthViewResourceLabel_1rka1_101:where([data-has-groups]) {
     left: var(--resources-month-view-group-label-width);
   }
-._resourcesMonthViewGroupColumn_uqbdi_120,
-._resourcesMonthViewGroupColumnEmpty_uqbdi_121 {
+._resourcesMonthViewGroupColumn_1rka1_120,
+._resourcesMonthViewGroupColumnEmpty_1rka1_121 {
   flex: 0 0 var(--resources-month-view-group-label-width);
   min-width: var(--resources-month-view-group-label-width);
   min-height: var(--resources-month-view-row-height);
@@ -3017,7 +3342,7 @@
   background-color: var(--mantine-color-body);
   border-inline-end: 1px solid var(--resources-month-view-border-color);
 }
-._resourcesMonthViewGroupColumn_uqbdi_120 {
+._resourcesMonthViewGroupColumn_1rka1_120 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3028,19 +3353,19 @@
   user-select: none;
   overflow: visible;
 }
-._resourcesMonthViewGroupColumn_uqbdi_120:where([data-group-position='first'], [data-group-position='only']) {
+._resourcesMonthViewGroupColumn_1rka1_120:where([data-group-position='first'], [data-group-position='only']) {
     z-index: 6;
   }
-._resourcesMonthViewGroupColumn_uqbdi_120:where([data-group-position='middle'], [data-group-position='last']) {
+._resourcesMonthViewGroupColumn_1rka1_120:where([data-group-position='middle'], [data-group-position='last']) {
     margin-top: calc(-0.0625rem * var(--mantine-scale));
     min-height: calc(var(--resources-month-view-row-height) + 1px);
   }
-._resourcesMonthViewRowSlots_uqbdi_149 {
+._resourcesMonthViewRowSlots_1rka1_149 {
   display: flex;
   position: relative;
   min-height: var(--resources-month-view-row-height);
 }
-._resourcesMonthViewCell_uqbdi_154 {
+._resourcesMonthViewCell_1rka1_154 {
   flex: 0 0 var(--resources-month-view-day-width);
   min-width: var(--resources-month-view-day-width);
   max-width: var(--resources-month-view-day-width);
@@ -3050,41 +3375,41 @@
   position: relative;
   overflow: hidden;
 }
-._resourcesMonthViewCell_uqbdi_154:where(:last-of-type) {
+._resourcesMonthViewCell_1rka1_154:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesMonthViewCell_uqbdi_154:where(:focus) {
+._resourcesMonthViewCell_1rka1_154:where(:focus) {
     z-index: 1;
   }
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:hover:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:hover:where(:not([data-static])) {
         background-color: var(--mantine-color-gray-0);
   }
-      :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:hover:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:hover:where(:not([data-static])) {
         background-color: var(--mantine-color-dark-6);
   }
 }
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:active:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:active:where(:not([data-static])) {
         background-color: var(--mantine-color-gray-0);
   }
-      :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:active:where(:not([data-static])) {
+      :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:active:where(:not([data-static])) {
         background-color: var(--mantine-color-dark-6);
   }
 }
-:where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:where([data-weekend]) {
+:where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:where([data-weekend]) {
       background-color: var(--mantine-color-gray-0);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:where([data-weekend]) {
+:where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:where([data-weekend]) {
       background-color: var(--mantine-color-dark-8);
 }
-:where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._resourcesMonthViewCell_uqbdi_154:where([data-drop-target])::before {
+._resourcesMonthViewCell_1rka1_154:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -3093,11 +3418,18 @@
       border: 1px solid var(--mantine-color-blue-4);
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected]),
-    ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected]):hover {
+._resourcesMonthViewCell_1rka1_154:where([data-drop-target]):where([data-invalid]) {
+      background-color: transparent;
+    }
+._resourcesMonthViewCell_1rka1_154:where([data-drop-target]):where([data-invalid])::before {
+        border-color: var(--mantine-color-error);
+        opacity: 0.6;
+      }
+._resourcesMonthViewCell_1rka1_154:where([data-drag-selected]),
+    ._resourcesMonthViewCell_1rka1_154:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected])::before {
+._resourcesMonthViewCell_1rka1_154:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -3105,35 +3437,35 @@
       z-index: 2;
       border: 1px solid var(--mantine-primary-color-2);
     }
-._resourcesMonthViewCell_uqbdi_154:where([data-drag-slot-index]) {
+._resourcesMonthViewCell_1rka1_154:where([data-drag-slot-index]) {
     touch-action: none;
   }
-._resourcesMonthViewCell_uqbdi_154:where([data-static]) {
+._resourcesMonthViewCell_1rka1_154:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._resourcesMonthView_uqbdi_1:where([data-event-interaction]) ._resourcesMonthViewCell_uqbdi_154 {
+._resourcesMonthView_1rka1_1:where([data-event-interaction]) ._resourcesMonthViewCell_1rka1_154 {
   pointer-events: none;
 }
-._resourcesMonthViewEventWrapper_uqbdi_230:hover ._resourcesMonthViewResizeHandle_uqbdi_231 {
+._resourcesMonthViewEventWrapper_1rka1_239:hover ._resourcesMonthViewResizeHandle_1rka1_240 {
     opacity: 0.5;
   }
-._resourcesMonthViewEventWrapper_uqbdi_230 ._resourcesMonthViewResizeHandle_uqbdi_231:hover {
+._resourcesMonthViewEventWrapper_1rka1_239 ._resourcesMonthViewResizeHandle_1rka1_240:hover {
     opacity: 0.8;
   }
-._resourcesMonthViewEventWrapper_uqbdi_230:where([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-active]) {
+._resourcesMonthViewEventWrapper_1rka1_239:where([data-resizing]) ._resourcesMonthViewResizeHandle_1rka1_240:where([data-active]) {
     opacity: 0.8;
   }
-._resourcesMonthViewEventWrapper_uqbdi_230:where([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231:not([data-active]) {
+._resourcesMonthViewEventWrapper_1rka1_239:where([data-resizing]) ._resourcesMonthViewResizeHandle_1rka1_240:not([data-active]) {
     opacity: 0;
     pointer-events: none;
   }
-._resourcesMonthViewResizeHandle_uqbdi_231 {
+._resourcesMonthViewResizeHandle_1rka1_240 {
   position: absolute;
   top: 20%;
   width: calc(0.25rem * var(--mantine-scale));
@@ -3148,29 +3480,29 @@
   background-color: var(--event-color);
 }
-._resourcesMonthViewResizeHandle_uqbdi_231::before {
+._resourcesMonthViewResizeHandle_1rka1_240::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
-._resourcesMonthViewResizeHandle_uqbdi_231:where([data-edge='start']) {
+._resourcesMonthViewResizeHandle_1rka1_240:where([data-edge='start']) {
     inset-inline-start: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesMonthViewResizeHandle_uqbdi_231:where([data-edge='end']) {
+._resourcesMonthViewResizeHandle_1rka1_240:where([data-edge='end']) {
     inset-inline-end: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesMonthView_uqbdi_1:where([data-resizing]) * {
+._resourcesMonthView_1rka1_1:where([data-resizing]) * {
     cursor: ew-resize !important;
   }
-._resourcesMonthView_uqbdi_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_uqbdi_230:not([data-resizing]) {
+._resourcesMonthView_1rka1_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_1rka1_239:not([data-resizing]) {
     pointer-events: none;
   }
-._resourcesMonthView_uqbdi_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_uqbdi_230:not([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231 {
+._resourcesMonthView_1rka1_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_1rka1_239:not([data-resizing]) ._resourcesMonthViewResizeHandle_1rka1_240 {
       opacity: 0;
     }
 ._root_13xbl_1 {