@mantine-vue/schedule 3.2.0 → 3.3.0

package/lib/component-props.d.ts

@@ -98,6 +98,11 @@ export interface BaseViewOwnProps {
      * @default 2000
      */
     recurrenceExpansionLimit?: number;
+    /**
+     * If set, background events can be focused and clicked. Has no effect in static mode.
+     * @default false
+     */
+    withInteractiveBackgroundEvents?: boolean;
 }
 /**
  * Props shared by the views that lay events out on a time axis. Not a component of its own:
@@ -116,6 +121,16 @@ export interface TimeViewOwnProps extends BaseViewOwnProps {
     endTime?: string;
     /** Length of one time slot in minutes. */
     intervalMinutes?: number;
+    /**
+     * Snap interval used when events are dragged, independent of `intervalMinutes`.
+     * Falls back to `intervalMinutes` when unset.
+     */
+    eventDragInterval?: number;
+    /**
+     * Snap interval used when events are resized, independent of `intervalMinutes`.
+     * Falls back to `intervalMinutes` when unset.
+     */
+    eventResizeInterval?: number;
     /**
      * Format of the time slot labels.
      * @default 'HH:mm'

package/lib/components/ResourcesDayView/ResourcesDayView.types.d.ts

@@ -127,6 +127,10 @@ export interface ResourcesDayViewOwnProps extends StylesApiProps<ResourcesDayVie
      * @default 60
      */
     intervalMinutes?: number;
+    /** Snap interval used when events are dragged, independent of `intervalMinutes`. */
+    eventDragInterval?: number;
+    /** Snap interval used when events are resized, independent of `intervalMinutes`. */
+    eventResizeInterval?: number;
     /**
      * Format of the time column labels.
      * @default 'HH:mm'
@@ -214,6 +218,8 @@ export interface ResourcesDayViewOwnProps extends StylesApiProps<ResourcesDayVie
      * precedence over the prop.
      */
     renderEvent?: RenderEvent;
+    /** If set, background events can be focused and clicked. */
+    withInteractiveBackgroundEvents?: boolean;
     /**
      * Replaces the label of every resource row. Can also be set with the `resourceLabel` slot,
      * which takes precedence over the prop.

package/lib/components/ResourcesMonthView/ResourcesMonthView.types.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties, VNodeChild } from 'vue';
 import type { BoxProps, Factory, ScrollAreaProps } from '@mantine-vue/core';
 import type { StylesApiProps } from '@mantine-vue/core/styles-api';
-import type { EventSlots, ForwardedProps, NativeButtonProps, RenderEvent, RenderEventBody } from '../../component-props';
+import type { EventSlots, EventDropData, ForwardedProps, NativeButtonProps, RenderEvent, RenderEventBody } from '../../component-props';
 import type { ScheduleLabelsOverride } from '../../labels';
 import type { DateLabelFormat, DateStringValue, DayOfWeek, ScheduleEventData, ScheduleMode, ScheduleResourceData, ScheduleResourceGroup, ScheduleViewLevel } from '../../types';
 import type { MoreEventsEmits, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents.types';
@@ -10,7 +10,7 @@ import type { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/Schedu
 import type { MonthYearSelectEmits, MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect.types';
 import type { ViewSelectEmits, ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect.types';
 import type { ResourceExternalDropData, ResourceSlotDragEndData, ResourceViewDropData } from '../ResourcesDayView/ResourcesDayView.types';
-export type ResourcesMonthViewOwnStylesNames = 'resourcesMonthView' | 'resourcesMonthViewRoot' | 'resourcesMonthViewInner' | 'resourcesMonthViewScrollArea' | 'resourcesMonthViewDayLabelsRow' | 'resourcesMonthViewDayLabel' | 'resourcesMonthViewDayLabelWeekday' | 'resourcesMonthViewDayLabelNumber' | 'resourcesMonthViewCorner' | 'resourcesMonthViewResourceLabel' | 'resourcesMonthViewRow' | 'resourcesMonthViewRowSlots' | 'resourcesMonthViewCell' | 'resourcesMonthViewGroupColumn' | 'resourcesMonthViewGroupColumnEmpty';
+export type ResourcesMonthViewOwnStylesNames = 'resourcesMonthView' | 'resourcesMonthViewRoot' | 'resourcesMonthViewInner' | 'resourcesMonthViewScrollArea' | 'resourcesMonthViewDayLabelsRow' | 'resourcesMonthViewDayLabel' | 'resourcesMonthViewDayLabelWeekday' | 'resourcesMonthViewDayLabelNumber' | 'resourcesMonthViewCorner' | 'resourcesMonthViewResourceLabel' | 'resourcesMonthViewRow' | 'resourcesMonthViewRowSlots' | 'resourcesMonthViewCell' | 'resourcesMonthViewEventWrapper' | 'resourcesMonthViewResizeHandle' | 'resourcesMonthViewGroupColumn' | 'resourcesMonthViewGroupColumnEmpty';
 /**
  * `ResourcesMonthView` forwards `classNames` and `styles` to the components it renders, so
  * their selectors are part of its Styles API.
@@ -166,6 +166,10 @@ export interface ResourcesMonthViewOwnProps extends StylesApiProps<ResourcesMont
      * @default () => true
      */
     canDragEvent?: (event: ScheduleEventData) => boolean;
+    /** If set, event start and end edges can be dragged across day cells. @default false */
+    withEventResize?: boolean;
+    /** Returns whether the given event may be resized. @default () => true */
+    canResizeEvent?: (event: ScheduleEventData) => boolean;
     /**
      * If set, items dragged in from outside the schedule can be dropped on a day cell, which emits
      * `externalEventDrop`. Enabling event drag and drop turns this on as well.
@@ -221,6 +225,8 @@ export interface ResourcesMonthViewEmits {
     slotDragEnd: [data: ResourceSlotDragEndData];
     /** Emitted when an item from outside the schedule is dropped. */
     externalEventDrop: [data: ResourceExternalDropData];
+    /** Emitted when an event resize gesture completes. */
+    eventResize: [data: EventDropData];
 }
 export type ResourcesMonthViewFactory = Factory<{
     props: Omit<ResourcesMonthViewProps, 'rootRef'>;

package/lib/components/ResourcesMonthView/ResourcesMonthView.vue.d.ts

@@ -13,6 +13,7 @@ declare const defaultProps: {
     mode: "default";
     maxEventsPerTimeSlot: number;
     recurrenceExpansionLimit: number;
+    withEventResize: false;
 };
 /** View levels the header offers – a resource schedule has no year view. */
 declare const RESOURCE_VIEWS: readonly ["day", "week", "month"];
@@ -34,6 +35,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Resour
     eventDrop: (data: import("../ResourcesDayView").ResourceViewDropData) => any;
     slotDragEnd: (data: import("../ResourcesDayView").ResourceSlotDragEndData) => any;
     externalEventDrop: (data: import("../ResourcesDayView").ResourceExternalDropData) => any;
+    eventResize: (data: import("../..").EventDropData) => any;
 }, string, import("vue").PublicProps, Readonly<ResourcesMonthViewOwnProps> & Readonly<{
     onDateChange?: ((date: string) => any) | undefined;
     onDayClick?: ((data: import("./ResourcesMonthView.types").ResourcesMonthViewDayClickData) => any) | undefined;
@@ -44,6 +46,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Resour
     onEventDrop?: ((data: import("../ResourcesDayView").ResourceViewDropData) => any) | undefined;
     onSlotDragEnd?: ((data: import("../ResourcesDayView").ResourceSlotDragEndData) => any) | undefined;
     onExternalEventDrop?: ((data: import("../ResourcesDayView").ResourceExternalDropData) => any) | undefined;
+    onEventResize?: ((data: import("../..").EventDropData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ResourcesMonthViewSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/lib/components/ResourcesSchedule/ResourcesSchedule.types.d.ts

@@ -13,7 +13,7 @@ export type ResourcesScheduleOwnStylesNames = 'root';
 /** `ResourcesSchedule` forwards `classNames` and `styles` to the view it renders. */
 export type ResourcesScheduleStylesNames = ResourcesScheduleOwnStylesNames | ResourcesDayViewStylesNames | ResourcesWeekViewStylesNames | ResourcesMonthViewStylesNames;
 /** Props `ResourcesSchedule` sets on every view itself, so a view-specific object cannot. */
-type ResourcesScheduleCommonProps = 'date' | 'onDateChange' | 'resources' | 'events' | 'locale' | 'radius' | 'labels' | 'renderEventBody' | 'renderResourceLabel' | 'withEventsDragAndDrop' | 'onEventDrop' | 'canDragEvent' | 'onEventDragStart' | 'onEventDragEnd' | 'onTimeSlotClick' | 'onEventClick' | 'onDayClick' | 'withDragSlotSelect' | 'onSlotDragEnd' | 'onViewChange' | 'mode' | 'onExternalEventDrop' | 'withEventResize' | 'onEventResize' | 'canResizeEvent' | 'recurrenceExpansionLimit' | 'classNames' | 'styles' | 'unstyled' | 'rootRef';
+type ResourcesScheduleCommonProps = 'date' | 'onDateChange' | 'resources' | 'events' | 'locale' | 'radius' | 'labels' | 'renderEventBody' | 'renderResourceLabel' | 'withEventsDragAndDrop' | 'onEventDrop' | 'canDragEvent' | 'onEventDragStart' | 'onEventDragEnd' | 'onTimeSlotClick' | 'onEventClick' | 'onDayClick' | 'withDragSlotSelect' | 'onSlotDragEnd' | 'onViewChange' | 'mode' | 'onExternalEventDrop' | 'withEventResize' | 'onEventResize' | 'canResizeEvent' | 'recurrenceExpansionLimit' | 'withInteractiveBackgroundEvents' | 'classNames' | 'styles' | 'unstyled' | 'rootRef';
 /** View-specific props, with the ones the schedule owns removed. */
 export type ResourcesScheduleViewProps<T> = Partial<Omit<T, ResourcesScheduleCommonProps>>;
 export interface ResourcesScheduleSlots extends EventSlots {
@@ -106,6 +106,8 @@ export interface ResourcesScheduleOwnProps extends StylesApiProps<ResourcesSched
      * @default () => true
      */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** If set, background events can be focused and clicked in day and week views. */
+    withInteractiveBackgroundEvents?: boolean;
     /**
      * Maximum number of instances generated per recurring series.
      * @default 2000

package/lib/components/ResourcesWeekView/ResourcesWeekView.types.d.ts

@@ -106,6 +106,10 @@ export interface ResourcesWeekViewOwnProps extends StylesApiProps<ResourcesWeekV
      * @default 60
      */
     intervalMinutes?: number;
+    /** Snap interval used when events are dragged, independent of `intervalMinutes`. */
+    eventDragInterval?: number;
+    /** Snap interval used when events are resized, independent of `intervalMinutes`. */
+    eventResizeInterval?: number;
     /**
      * Format of the time column labels.
      * @default 'HH:mm'
@@ -195,6 +199,8 @@ export interface ResourcesWeekViewOwnProps extends StylesApiProps<ResourcesWeekV
      * precedence over the prop.
      */
     renderEvent?: RenderEvent;
+    /** If set, background events can be focused and clicked. */
+    withInteractiveBackgroundEvents?: boolean;
     /**
      * Replaces the label of every resource row. Can also be set with the `resourceLabel` slot,
      * which takes precedence over the prop.

package/lib/components/Schedule/Schedule.types.d.ts

@@ -88,6 +88,8 @@ export interface ScheduleOwnProps extends StylesApiProps<ScheduleFactory> {
      * @default () => true
      */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** If set, background events can be focused and clicked in day, week and month views. */
+    withInteractiveBackgroundEvents?: boolean;
     /**
      * Maximum number of instances generated per recurring series.
      * @default 2000

package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.d.ts

@@ -0,0 +1,3 @@
+import ScheduleBackgroundEvent from './ScheduleBackgroundEvent.vue';
+export { ScheduleBackgroundEvent };
+export type { ScheduleBackgroundEventEmits, ScheduleBackgroundEventOwnProps, ScheduleBackgroundEventProps, ScheduleBackgroundEventSlots, } from './ScheduleBackgroundEvent.types';

package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.types.d.ts

@@ -0,0 +1,24 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps } from '@mantine-vue/core';
+import type { RenderEvent, RenderEventBody } from '../../component-props';
+import type { ScheduleEventData } from '../../types';
+export interface ScheduleBackgroundEventOwnProps {
+    /** Background event to display. */
+    event: ScheduleEventData;
+    /** If set, the root is a button and the event can be clicked. @default false */
+    interactive?: boolean;
+    /** Function to fully customize event rendering. */
+    renderEvent?: RenderEvent;
+    /** Function to customize event body. */
+    renderEventBody?: RenderEventBody;
+}
+export interface ScheduleBackgroundEventProps extends Omit<BoxProps, keyof ScheduleBackgroundEventOwnProps>, ScheduleBackgroundEventOwnProps {
+}
+export interface ScheduleBackgroundEventEmits {
+    eventClick: [event: ScheduleEventData, nativeEvent: MouseEvent];
+}
+export interface ScheduleBackgroundEventSlots {
+    default?: (props: {
+        event: ScheduleEventData;
+    }) => VNodeChild;
+}

package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.vue.d.ts

@@ -0,0 +1,15 @@
+import type { ScheduleBackgroundEventOwnProps, ScheduleBackgroundEventSlots } from './ScheduleBackgroundEvent.types';
+type __VLS_Slots = ScheduleBackgroundEventSlots;
+declare const __VLS_base: import("vue").DefineComponent<ScheduleBackgroundEventOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    eventClick: (event: import("../..").ScheduleEventData, nativeEvent: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ScheduleBackgroundEventOwnProps> & Readonly<{
+    onEventClick?: ((event: import("../..").ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/ScheduleBackgroundEvent/index.d.ts

@@ -0,0 +1 @@
+export * from './ScheduleBackgroundEvent';

package/lib/components/WeekView/get-week-view-events/find-available-column.d.ts

@@ -1,9 +1,12 @@
-import { DateStringValue, ScheduleEventData } from '../../../types';
+import { ScheduleEventData } from '../../../types';
+export interface ColumnEvent {
+    event: ScheduleEventData;
+    allDay: boolean;
+}
 interface FindAvailableColumnInput {
-    columns: Map<string, ScheduleEventData[]>;
+    columns: Map<string, ColumnEvent[]>;
     event: ScheduleEventData;
     allDay: boolean;
-    allWeekDays: DateStringValue[];
 }
 export declare function findAvailableColumn(input: FindAvailableColumnInput): number;
 export {};

package/lib/components/YearView/YearView.d.ts

@@ -1,6 +1,7 @@
 export declare const YearView: import("@mantine-vue/core").MantineComponent<{
     props: Omit<import("./YearView.types").YearViewProps, "rootRef">;
     emits: import("./YearView.types").YearViewEmits;
+    slots: import("./YearView.types").YearViewSlots;
     ref: HTMLDivElement;
     element: "div";
     stylesNames: import("./YearView.types").YearViewStylesNames;

package/lib/components/YearView/YearView.types.d.ts

@@ -1,7 +1,8 @@
+import type { VNodeChild } from 'vue';
 import type { BoxProps, Factory } from '@mantine-vue/core';
 import type { StylesApiProps } from '@mantine-vue/core/styles-api';
 import type { BaseViewEmits, BaseViewOwnProps, ForwardedProps, NativeButtonProps } from '../../component-props';
-import type { DateLabelFormat, DateStringValue, DayOfWeek } from '../../types';
+import type { DateLabelFormat, DateStringValue, DayOfWeek, ScheduleEventData } from '../../types';
 import type { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader.types';
 import type { MonthYearSelectEmits, MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect.types';
 export type YearViewOwnStylesNames = 'yearView' | 'yearViewMonths' | 'yearViewMonth' | 'yearViewMonthCaption' | 'yearViewWeekdays' | 'yearViewWeekday' | 'yearViewWeekdaysCorner' | 'yearViewWeek' | 'yearViewWeekNumber' | 'yearViewDay' | 'yearViewDayIndicators' | 'yearViewDayIndicator';
@@ -30,6 +31,8 @@ export interface YearViewOwnProps extends BaseViewOwnProps, StylesApiProps<YearV
      * @default [0, 6]
      */
     weekendDays?: DayOfWeek[];
+    /** If set, weekend columns are displayed. @default true */
+    withWeekendDays?: boolean;
     /**
      * If set, week numbers are displayed in the first column of each month.
      * @default false
@@ -62,11 +65,20 @@ export interface YearViewOwnProps extends BaseViewOwnProps, StylesApiProps<YearV
     monthsListFormat?: DateLabelFormat;
     /** Returns extra props for the control of the given day. */
     getDayProps?: (date: DateStringValue) => NativeButtonProps;
+    /** Replaces the content of a day cell. Default event indicators are omitted when set. */
+    renderDay?: (date: DateStringValue, events: ScheduleEventData[]) => VNodeChild;
     /** Returns extra props for the control of the week that starts on the given day. */
     getWeekNumberProps?: (weekStartDate: DateStringValue) => NativeButtonProps;
     /** Props passed to the year select in the header. */
     monthYearSelectProps?: ForwardedProps<MonthYearSelectProps, MonthYearSelectEmits>;
 }
+export interface YearViewSlots {
+    /** Replaces the content of a day cell. */
+    day?: (props: {
+        date: DateStringValue;
+        events: ScheduleEventData[];
+    }) => VNodeChild;
+}
 export interface YearViewProps extends Omit<BoxProps, keyof YearViewOwnProps>, YearViewOwnProps {
 }
 export interface YearViewEmits extends BaseViewEmits {
@@ -80,6 +92,7 @@ export interface YearViewEmits extends BaseViewEmits {
 export type YearViewFactory = Factory<{
     props: Omit<YearViewProps, 'rootRef'>;
     emits: YearViewEmits;
+    slots: YearViewSlots;
     ref: HTMLDivElement;
     element: 'div';
     stylesNames: YearViewStylesNames;

package/lib/components/YearView/YearView.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ScheduleEventData } from '../../types';
+import type { YearViewSlots } from './YearView.types';
 import type { YearViewOwnProps } from './YearView.types';
 declare const defaultProps: {
     mode: "default";
@@ -7,6 +8,7 @@ declare const defaultProps: {
     firstDayOfWeek: 1;
     weekdayFormat: string;
     weekendDays: (0 | 6)[];
+    withWeekendDays: true;
     withWeekDays: true;
     highlightToday: true;
     withOutsideDays: true;
@@ -18,7 +20,7 @@ declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, pr
 export { defaultProps, varsResolver, COLUMNS, MAX_DAY_INDICATORS };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<YearViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<YearViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dateChange: (date: string) => any;
     dayClick: (date: string, nativeEvent: MouseEvent) => any;
     eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
@@ -32,4 +34,9 @@ declare const __VLS_export: import("vue").DefineComponent<YearViewOwnProps, {},
     onViewChange?: ((view: import("../..").ScheduleViewLevel) => any) | undefined;
     onWeekNumberClick?: ((date: string, nativeEvent: MouseEvent) => any) | undefined;
     onMonthClick?: ((month: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, YearViewSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/use-slot-drop-target.d.ts

@@ -10,6 +10,10 @@ export interface ResolveSlotInput {
     container: HTMLElement | null | undefined;
     date: DateStringValue;
     intervals: SlotDropInterval[];
+    intervalMinutes?: number;
+    dragIntervalMinutes?: number;
+    startTime?: string;
+    endTime?: string;
 }
 export interface ResolvedSlotDrop {
     slotIndex: number;

package/lib/hooks/use-event-resize.d.ts

@@ -16,6 +16,7 @@ export interface UseEventResizeInput {
     startTime: () => string;
     endTime: () => string;
     intervalMinutes: () => number;
+    resizeIntervalMinutes?: () => number | undefined;
     onEventResize: (data: EventDropData) => void;
     canResizeEvent: () => ((event: ScheduleEventData) => boolean) | undefined;
 }

package/lib/hooks/use-horizontal-event-resize.d.ts

@@ -21,6 +21,7 @@ export declare function useHorizontalEventResize(input: {
     startTime: () => string;
     endTime: () => string;
     intervalMinutes: () => number;
+    resizeIntervalMinutes?: () => number | undefined;
     onEventResize: (data: EventDropData) => void;
     canResizeEvent: () => ((event: ScheduleEventData) => boolean) | undefined;
 }): {

package/lib/index.d.mts

@@ -13,6 +13,7 @@ export * from './components/ResourcesWeekView';
 export * from './components/ResourcesMonthView';
 export * from './components/ResourcesSchedule';
 export * from './components/ScheduleEvent';
+export * from './components/ScheduleBackgroundEvent';
 export * from './components/ScheduleHeader';
 export * from './components/CurrentTimeIndicator';
 export * from './components/MoreEvents';

package/lib/index.d.ts

@@ -13,6 +13,7 @@ export * from './components/ResourcesWeekView';
 export * from './components/ResourcesMonthView';
 export * from './components/ResourcesSchedule';
 export * from './components/ScheduleEvent';
+export * from './components/ScheduleBackgroundEvent';
 export * from './components/ScheduleHeader';
 export * from './components/CurrentTimeIndicator';
 export * from './components/MoreEvents';

package/lib/types.d.ts

@@ -63,7 +63,7 @@ interface ScheduleEventBase<Payload extends EventPayload = EventPayload> {
     color: MantineColor;
     /** Event variant, default is `'light'` */
     variant?: 'filled' | 'light';
-    /** Event display mode. Background events render as full-width, non-interactive blocks behind regular events. @default 'default' */
+    /** Event display mode. Background events render behind regular events and are non-interactive unless the view enables interactive background events. @default 'default' */
     display?: 'default' | 'background';
     /** Additional event data, defined by the user, not used internally by the library */
     payload?: Payload;

package/lib/utils/calculate-drop-time/calculate-drop-time.d.ts

@@ -12,6 +12,16 @@ export interface CalculateDropTimeInput {
     slotHeight?: number;
     /** Minutes per slot */
     intervalMinutes?: number;
+    /** Pointer offset along the time axis within the target slot, in px. */
+    slotOffset?: number;
+    /** Size of the target slot along the time axis, in px. */
+    slotSize?: number;
+    /** Snap step for the resulting start time, in minutes. */
+    dragIntervalMinutes?: number;
+    /** Start time boundary of the schedule in HH:mm:ss format. */
+    startTime?: string;
+    /** End time boundary of the schedule in HH:mm:ss format. */
+    endTime?: string;
 }
 export interface CalculateDropTimeResult {
     /** New start date/time for the event */
@@ -19,4 +29,4 @@ export interface CalculateDropTimeResult {
     /** New end date/time for the event */
     end: Date;
 }
-export declare function calculateDropTime({ draggedEvent, targetDate, targetSlotTime, mouseYOffset, slotHeight, intervalMinutes, }: CalculateDropTimeInput): CalculateDropTimeResult;
+export declare function calculateDropTime({ draggedEvent, targetDate, targetSlotTime, mouseYOffset, slotHeight, intervalMinutes, slotOffset, slotSize, dragIntervalMinutes, startTime, endTime, }: CalculateDropTimeInput): CalculateDropTimeResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/schedule",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Vue schedule and calendar components equivalent to @mantine/schedule",
   "license": "MIT",
   "files": [
@@ -44,9 +44,9 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/core": "3.2.0",
-    "@mantine-vue/dates": "3.2.0",
-    "@mantine-vue/hooks": "3.2.0",
+    "@mantine-vue/core": "3.3.0",
+    "@mantine-vue/dates": "3.3.0",
+    "@mantine-vue/hooks": "3.3.0",
     "dayjs": ">=1.0.0",
     "vue": "^3.5.0"
   }