@mantine-vue/schedule 3.1.0 → 3.3.0

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

@@ -0,0 +1,53 @@
+import type { ScheduleEventData, ScheduleViewLevel } from '../../types';
+import type { ResourcesDayViewSlots } from './ResourcesDayView.types';
+import type { ResourcesDayViewOwnProps } from './ResourcesDayView.types';
+declare const defaultProps: {
+    startTime: string;
+    endTime: string;
+    intervalMinutes: number;
+    slotLabelFormat: string;
+    withCurrentTimeBubble: true;
+    withHeader: true;
+    headerFormat: string;
+    slotWidth: number;
+    rowHeight: number;
+    groupLabelWidth: number;
+    businessHours: [string, string];
+    mode: "default";
+    recurrenceExpansionLimit: number;
+    maxEventsPerTimeSlot: number;
+};
+/** View levels the header offers – a resource schedule has no year view. */
+declare const RESOURCE_VIEWS: readonly ["day", "week", "month"];
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver, RESOURCE_VIEWS };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ResourcesDayViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateChange: (date: string) => any;
+    eventDragStart: (event: ScheduleEventData) => any;
+    eventDragEnd: () => any;
+    eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
+    viewChange: (view: ScheduleViewLevel) => any;
+    eventDrop: (data: import("./ResourcesDayView.types").ResourceViewDropData) => any;
+    timeSlotClick: (data: import("./ResourcesDayView.types").ResourceTimeSlotClickData) => any;
+    slotDragEnd: (data: import("./ResourcesDayView.types").ResourceSlotDragEndData) => any;
+    externalEventDrop: (data: import("./ResourcesDayView.types").ResourceExternalDropData) => any;
+    eventResize: (data: import("../..").EventDropData) => any;
+}, string, import("vue").PublicProps, Readonly<ResourcesDayViewOwnProps> & Readonly<{
+    onDateChange?: ((date: string) => any) | undefined;
+    onEventDragStart?: ((event: ScheduleEventData) => any) | undefined;
+    onEventDragEnd?: (() => any) | undefined;
+    onEventClick?: ((event: ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+    onViewChange?: ((view: ScheduleViewLevel) => any) | undefined;
+    onEventDrop?: ((data: import("./ResourcesDayView.types").ResourceViewDropData) => any) | undefined;
+    onTimeSlotClick?: ((data: import("./ResourcesDayView.types").ResourceTimeSlotClickData) => any) | undefined;
+    onSlotDragEnd?: ((data: import("./ResourcesDayView.types").ResourceSlotDragEndData) => any) | undefined;
+    onExternalEventDrop?: ((data: import("./ResourcesDayView.types").ResourceExternalDropData) => any) | undefined;
+    onEventResize?: ((data: import("../..").EventDropData) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ResourcesDayViewSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,279 +1,10 @@
-import { type CSSProperties, type PropType, type SlotsType, type VNodeChild } from 'vue';
-import type { MonthYearSelectProps, NativeButtonProps, RenderEvent, RenderEventBody, ViewSelectProps } from '../../component-props';
-import { type ScheduleLabelsOverride } from '../../labels';
-import type { DateLabelFormat, DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleEventData, ScheduleMode, ScheduleResourceData, ScheduleResourceGroup, ScheduleViewLevel } from '../../types';
-import type { ResourceViewDropData } from '../ResourcesDayView/ResourcesDayView';
-import classes from './ResourcesMonthView.module.css';
-export interface ResourcesMonthViewProps {
-    date: Date | string;
-    onDateChange?: (value: DateStringValue) => void;
-    resources: ScheduleResourceData[];
-    locale?: string;
-    weekdayFormat?: DateLabelFormat;
-    weekendDays?: DayOfWeek[];
-    withWeekendDays?: boolean;
-    startScrollDate?: string;
-    onDayClick?: (data: {
-        date: DateStringValue;
-        nativeEvent: MouseEvent;
-        resourceId?: string | number;
-    }) => void;
-    highlightToday?: boolean;
-    radius?: string | number;
-    withHeader?: boolean;
-    monthYearSelectProps?: Partial<MonthYearSelectProps>;
-    onViewChange?: (view: ScheduleViewLevel) => void;
-    previousControlProps?: NativeButtonProps;
-    nextControlProps?: NativeButtonProps;
-    todayControlProps?: NativeButtonProps;
-    viewSelectProps?: Partial<ViewSelectProps>;
-    events?: ScheduleEventData[];
-    dayWidth?: CSSProperties['width'];
-    rowHeight?: CSSProperties['height'];
-    renderEventBody?: RenderEventBody;
-    renderEvent?: RenderEvent;
-    renderResourceLabel?: (resource: ScheduleResourceData) => VNodeChild;
-    groups?: ScheduleResourceGroup[];
-    renderGroupLabel?: (group: ScheduleResourceGroup) => VNodeChild;
-    groupLabelWidth?: CSSProperties['width'];
-    withEventsDragAndDrop?: boolean;
-    onEventDrop?: (data: ResourceViewDropData) => void;
-    canDragEvent?: (event: ScheduleEventData) => boolean;
-    onEventDragStart?: (event: ScheduleEventData) => void;
-    onEventDragEnd?: () => void;
-    onEventClick?: (event: ScheduleEventData, nativeEvent: MouseEvent) => void;
-    withDragSlotSelect?: boolean;
-    onSlotDragEnd?: (data: {
-        rangeStart: DateTimeStringValue;
-        rangeEnd: DateTimeStringValue;
-        resourceId?: string | number;
-    }) => void;
-    labels?: ScheduleLabelsOverride;
-    mode?: ScheduleMode;
-    scrollAreaProps?: Record<string, unknown>;
-    onExternalEventDrop?: (data: {
-        dataTransfer: DataTransfer;
-        dropDateTime: DateTimeStringValue;
-        resourceId?: string | number;
-    }) => void;
-    maxEventsPerTimeSlot?: number;
-    moreEventsProps?: Record<string, unknown>;
-    recurrenceExpansionLimit?: number;
-}
-export interface ResourcesMonthViewSlots {
-    header?: (props: {
-        month: DateStringValue;
-    }) => VNodeChild;
-    corner?: (props: {
-        resources: ScheduleResourceData[];
-    }) => VNodeChild;
-    dayLabel?: (props: {
-        date: DateStringValue;
-        weekday: VNodeChild;
-        day: number;
-    }) => VNodeChild;
-    resourceLabel?: (props: {
-        resource: ScheduleResourceData;
-    }) => VNodeChild;
-    groupLabel?: (props: {
-        group: ScheduleResourceGroup;
-    }) => VNodeChild;
-    dayCell?: (props: {
-        resource: ScheduleResourceData;
-        date: DateStringValue;
-    }) => VNodeChild;
-    eventBody?: (props: {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    event?: (props: Record<string, unknown> & {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    moreEvents?: (props: {
-        events: ScheduleEventData[];
-        hiddenCount: number;
-        resource: ScheduleResourceData;
-        date: DateStringValue;
-    }) => VNodeChild;
-}
-export declare const ResourcesMonthView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    date: {
-        type: PropType<Date | string>;
-        required: true;
-    };
-    onDateChange: PropType<ResourcesMonthViewProps["onDateChange"]>;
-    resources: {
-        type: PropType<ScheduleResourceData[]>;
-        required: true;
-    };
-    locale: StringConstructor;
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    withWeekendDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    startScrollDate: StringConstructor;
-    onDayClick: PropType<ResourcesMonthViewProps["onDayClick"]>;
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    radius: PropType<string | number>;
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    monthYearSelectProps: PropType<Partial<MonthYearSelectProps>>;
-    onViewChange: PropType<ResourcesMonthViewProps["onViewChange"]>;
-    previousControlProps: PropType<NativeButtonProps>;
-    nextControlProps: PropType<NativeButtonProps>;
-    todayControlProps: PropType<NativeButtonProps>;
-    viewSelectProps: PropType<Partial<ViewSelectProps>>;
-    events: PropType<ScheduleEventData[]>;
-    dayWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    rowHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    renderEventBody: PropType<RenderEventBody>;
-    renderEvent: PropType<RenderEvent>;
-    renderResourceLabel: PropType<ResourcesMonthViewProps["renderResourceLabel"]>;
-    groups: PropType<ScheduleResourceGroup[]>;
-    renderGroupLabel: PropType<ResourcesMonthViewProps["renderGroupLabel"]>;
-    groupLabelWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<ResourcesMonthViewProps["onEventDrop"]>;
-    canDragEvent: PropType<ResourcesMonthViewProps["canDragEvent"]>;
-    onEventDragStart: PropType<ResourcesMonthViewProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<ResourcesMonthViewProps["onEventDragEnd"]>;
-    onEventClick: PropType<ResourcesMonthViewProps["onEventClick"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<ResourcesMonthViewProps["onSlotDragEnd"]>;
-    labels: PropType<ScheduleLabelsOverride>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    scrollAreaProps: PropType<Record<string, unknown>>;
-    onExternalEventDrop: PropType<ResourcesMonthViewProps["onExternalEventDrop"]>;
-    maxEventsPerTimeSlot: {
-        type: NumberConstructor;
-        default: number;
-    };
-    moreEventsProps: PropType<Record<string, unknown>>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    date: {
-        type: PropType<Date | string>;
-        required: true;
-    };
-    onDateChange: PropType<ResourcesMonthViewProps["onDateChange"]>;
-    resources: {
-        type: PropType<ScheduleResourceData[]>;
-        required: true;
-    };
-    locale: StringConstructor;
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    withWeekendDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    startScrollDate: StringConstructor;
-    onDayClick: PropType<ResourcesMonthViewProps["onDayClick"]>;
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    radius: PropType<string | number>;
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    monthYearSelectProps: PropType<Partial<MonthYearSelectProps>>;
-    onViewChange: PropType<ResourcesMonthViewProps["onViewChange"]>;
-    previousControlProps: PropType<NativeButtonProps>;
-    nextControlProps: PropType<NativeButtonProps>;
-    todayControlProps: PropType<NativeButtonProps>;
-    viewSelectProps: PropType<Partial<ViewSelectProps>>;
-    events: PropType<ScheduleEventData[]>;
-    dayWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    rowHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    renderEventBody: PropType<RenderEventBody>;
-    renderEvent: PropType<RenderEvent>;
-    renderResourceLabel: PropType<ResourcesMonthViewProps["renderResourceLabel"]>;
-    groups: PropType<ScheduleResourceGroup[]>;
-    renderGroupLabel: PropType<ResourcesMonthViewProps["renderGroupLabel"]>;
-    groupLabelWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<ResourcesMonthViewProps["onEventDrop"]>;
-    canDragEvent: PropType<ResourcesMonthViewProps["canDragEvent"]>;
-    onEventDragStart: PropType<ResourcesMonthViewProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<ResourcesMonthViewProps["onEventDragEnd"]>;
-    onEventClick: PropType<ResourcesMonthViewProps["onEventClick"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<ResourcesMonthViewProps["onSlotDragEnd"]>;
-    labels: PropType<ScheduleLabelsOverride>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    scrollAreaProps: PropType<Record<string, unknown>>;
-    onExternalEventDrop: PropType<ResourcesMonthViewProps["onExternalEventDrop"]>;
-    maxEventsPerTimeSlot: {
-        type: NumberConstructor;
-        default: number;
-    };
-    moreEventsProps: PropType<Record<string, unknown>>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    mode: ScheduleMode;
-    withHeader: boolean;
-    highlightToday: boolean;
-    weekendDays: DayOfWeek[];
-    weekdayFormat: DateLabelFormat;
-    withWeekendDays: boolean;
-    recurrenceExpansionLimit: number;
-    withEventsDragAndDrop: boolean;
-    withDragSlotSelect: boolean;
-    rowHeight: import("csstype").Property.Height<string | number> | undefined;
-    groupLabelWidth: import("csstype").Property.Width<string | number> | undefined;
-    maxEventsPerTimeSlot: number;
-    dayWidth: import("csstype").Property.Width<string | number> | undefined;
-}, SlotsType<ResourcesMonthViewSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type ResourcesMonthViewStylesNames = keyof typeof classes;
+export declare const ResourcesMonthView: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./ResourcesMonthView.types").ResourcesMonthViewProps, "rootRef">;
+    slots: import("./ResourcesMonthView.types").ResourcesMonthViewSlots;
+    emits: import("./ResourcesMonthView.types").ResourcesMonthViewEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./ResourcesMonthView.types").ResourcesMonthViewStylesNames;
+    vars: import("./ResourcesMonthView.types").ResourcesMonthViewCssVariables;
+}>;
+export type { ResourcesMonthViewCssVariables, ResourcesMonthViewDayClickData, ResourcesMonthViewEmits, ResourcesMonthViewFactory, ResourcesMonthViewOwnProps, ResourcesMonthViewOwnStylesNames, ResourcesMonthViewProps, ResourcesMonthViewSlots, ResourcesMonthViewStylesNames, } from './ResourcesMonthView.types';

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

@@ -0,0 +1,239 @@
+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, 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';
+import type { ScheduleEventStylesNames } from '../ScheduleEvent/ScheduleEvent.types';
+import type { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader.types';
+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' | 'resourcesMonthViewEventWrapper' | 'resourcesMonthViewResizeHandle' | 'resourcesMonthViewGroupColumn' | 'resourcesMonthViewGroupColumnEmpty';
+/**
+ * `ResourcesMonthView` forwards `classNames` and `styles` to the components it renders, so
+ * their selectors are part of its Styles API.
+ */
+export type ResourcesMonthViewStylesNames = ResourcesMonthViewOwnStylesNames | MoreEventsStylesNames | ScheduleEventStylesNames | CombinedScheduleHeaderStylesNames;
+export type ResourcesMonthViewCssVariables = {
+    resourcesMonthView: '--resources-month-view-radius' | '--resources-month-view-day-width' | '--resources-month-view-row-height' | '--resources-month-view-group-label-width';
+};
+/** Payload of the `dayClick` event of `ResourcesMonthView`. */
+export interface ResourcesMonthViewDayClickData {
+    /** Day that was clicked, `YYYY-MM-DD`. */
+    date: DateStringValue;
+    /** Originating DOM event. */
+    nativeEvent: MouseEvent;
+    /** Resource the cell belongs to. */
+    resourceId?: string | number;
+}
+export interface ResourcesMonthViewSlots extends EventSlots {
+    /** Replaces the navigation header. */
+    header?: (props: {
+        month: DateStringValue;
+    }) => VNodeChild;
+    /** Content of the top-left corner of the grid. */
+    corner?: (props: {
+        resources: ScheduleResourceData[];
+    }) => VNodeChild;
+    /** Replaces the label of a day column. */
+    dayLabel?: (props: {
+        date: DateStringValue;
+        weekday: VNodeChild;
+        day: number;
+    }) => VNodeChild;
+    /** Replaces the label of a resource row. Takes precedence over `renderResourceLabel`. */
+    resourceLabel?: (props: {
+        resource: ScheduleResourceData;
+    }) => VNodeChild;
+    /** Replaces the label of a resource group. Takes precedence over `renderGroupLabel`. */
+    groupLabel?: (props: {
+        group: ScheduleResourceGroup;
+    }) => VNodeChild;
+    /** Content rendered inside every day cell. */
+    dayCell?: (props: {
+        resource: ScheduleResourceData;
+        date: DateStringValue;
+    }) => VNodeChild;
+    /** Replaces the "more events" control of a day cell. */
+    moreEvents?: (props: {
+        events: ScheduleEventData[];
+        hiddenCount: number;
+        resource: ScheduleResourceData;
+        date: DateStringValue;
+    }) => VNodeChild;
+}
+/**
+ * Props declared by `ResourcesMonthView` itself. See `ResourcesMonthViewProps` for the full
+ * public type.
+ */
+export interface ResourcesMonthViewOwnProps extends StylesApiProps<ResourcesMonthViewFactory> {
+    /** Month displayed by the view. Any day inside the month works. */
+    date: Date | DateStringValue;
+    /** Resources rendered as rows, in the given order. */
+    resources: ScheduleResourceData[];
+    /** Groups the resources are bucketed into, rendered as a leading column. */
+    groups?: ScheduleResourceGroup[];
+    /**
+     * Locale passed down to `dayjs` when formatting labels.
+     * @default 'en'
+     */
+    locale?: string;
+    /**
+     * Format of the weekday part of the day column labels.
+     * @default 'ddd'
+     */
+    weekdayFormat?: DateLabelFormat;
+    /**
+     * Days marked as weekend, `0` – Sunday.
+     * @default [0, 6]
+     */
+    weekendDays?: DayOfWeek[];
+    /**
+     * If set, weekend days get a column of their own.
+     * @default true
+     */
+    withWeekendDays?: boolean;
+    /** Day the view scrolls to on the initial render, `YYYY-MM-DD`. */
+    startScrollDate?: string;
+    /**
+     * If set, today is highlighted.
+     * @default true
+     */
+    highlightToday?: boolean;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`. */
+    radius?: string | number;
+    /**
+     * If set, the navigation header is rendered above the grid.
+     * @default true
+     */
+    withHeader?: boolean;
+    /** Props passed to the month/year select in the header. */
+    monthYearSelectProps?: ForwardedProps<MonthYearSelectProps, MonthYearSelectEmits>;
+    /** Props passed to the previous control of the header. */
+    previousControlProps?: NativeButtonProps;
+    /** Props passed to the next control of the header. */
+    nextControlProps?: NativeButtonProps;
+    /** Props passed to the today control of the header. */
+    todayControlProps?: NativeButtonProps;
+    /** Props passed to the view select of the header. */
+    viewSelectProps?: ForwardedProps<ViewSelectProps, ViewSelectEmits>;
+    /** Events rendered by the view. */
+    events?: ScheduleEventData[];
+    /**
+     * Width of one day column.
+     * @default 80
+     */
+    dayWidth?: CSSProperties['width'];
+    /**
+     * Height of one resource row.
+     * @default 64
+     */
+    rowHeight?: CSSProperties['height'];
+    /**
+     * Width of the group column.
+     * @default 80
+     */
+    groupLabelWidth?: CSSProperties['width'];
+    /**
+     * Replaces the body of every event. Can also be set with the `eventBody` slot,
+     * which takes precedence over the prop.
+     */
+    renderEventBody?: RenderEventBody;
+    /**
+     * Replaces every event entirely. Can also be set with the `event` slot, which takes
+     * precedence over the prop.
+     */
+    renderEvent?: RenderEvent;
+    /**
+     * Replaces the label of every resource row. Can also be set with the `resourceLabel` slot,
+     * which takes precedence over the prop.
+     */
+    renderResourceLabel?: (resource: ScheduleResourceData) => VNodeChild;
+    /**
+     * Replaces the label of every resource group. Can also be set with the `groupLabel` slot,
+     * which takes precedence over the prop.
+     */
+    renderGroupLabel?: (group: ScheduleResourceGroup) => VNodeChild;
+    /**
+     * If set, events can be dragged onto another day or resource.
+     * @default false
+     */
+    withEventsDragAndDrop?: boolean;
+    /**
+     * Returns whether the given event may be dragged.
+     * @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.
+     * @default false
+     */
+    withExternalEventDrop?: boolean;
+    /**
+     * If set, dragging across day cells selects a range.
+     * @default false
+     */
+    withDragSlotSelect?: boolean;
+    /** Overrides for the built-in labels, used for i18n and accessible names. */
+    labels?: ScheduleLabelsOverride;
+    /**
+     * Interaction mode. `static` disables every event and cell interaction.
+     * @default 'default'
+     */
+    mode?: ScheduleMode;
+    /** Props passed to the `ScrollArea` that wraps the grid. */
+    scrollAreaProps?: ForwardedProps<ScrollAreaProps>;
+    /**
+     * Number of event rows a day cell shows before the rest collapse into a "more" control.
+     * Clamped to the `1` – `10` range.
+     * @default 2
+     */
+    maxEventsPerTimeSlot?: number;
+    /** Props passed to the `MoreEvents` control of a day cell. */
+    moreEventsProps?: ForwardedProps<MoreEventsProps, MoreEventsEmits>;
+    /**
+     * Maximum number of instances generated per recurring series.
+     * @default 2000
+     */
+    recurrenceExpansionLimit?: number;
+}
+export interface ResourcesMonthViewProps extends Omit<BoxProps, keyof ResourcesMonthViewOwnProps>, ResourcesMonthViewOwnProps {
+}
+export interface ResourcesMonthViewEmits {
+    /** Emitted when the view navigates to another month. */
+    dateChange: [date: DateStringValue];
+    /** Emitted when the header view select picks another view level. */
+    viewChange: [view: ScheduleViewLevel];
+    /** Emitted when a day cell is clicked. */
+    dayClick: [data: ResourcesMonthViewDayClickData];
+    /** Emitted when an event is clicked. */
+    eventClick: [event: ScheduleEventData, nativeEvent: MouseEvent];
+    /** Emitted when an event is dropped. */
+    eventDrop: [data: ResourceViewDropData];
+    /** Emitted when a drag of an event starts. */
+    eventDragStart: [event: ScheduleEventData];
+    /** Emitted when a drag of an event ends. */
+    eventDragEnd: [];
+    /** Emitted when a day range is selected by dragging. */
+    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'>;
+    slots: ResourcesMonthViewSlots;
+    emits: ResourcesMonthViewEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: ResourcesMonthViewStylesNames;
+    vars: ResourcesMonthViewCssVariables;
+}>;

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

@@ -0,0 +1,55 @@
+import type { ScheduleEventData, ScheduleViewLevel } from '../../types';
+import type { ResourcesMonthViewSlots } from './ResourcesMonthView.types';
+import type { ResourcesMonthViewOwnProps } from './ResourcesMonthView.types';
+declare const defaultProps: {
+    weekdayFormat: string;
+    weekendDays: (0 | 6)[];
+    withWeekendDays: true;
+    highlightToday: true;
+    withHeader: true;
+    dayWidth: number;
+    rowHeight: number;
+    groupLabelWidth: number;
+    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"];
+/** Height reserved for the "more events" control at the bottom of a cell, in px. */
+declare const MORE_EVENTS_HEIGHT = 18;
+/** `maxEventsPerTimeSlot` is clamped so the cells keep a workable row height. */
+declare function clampMaxRows(value: number): number;
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver, clampMaxRows, RESOURCE_VIEWS, MORE_EVENTS_HEIGHT };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ResourcesMonthViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateChange: (date: string) => any;
+    dayClick: (data: import("./ResourcesMonthView.types").ResourcesMonthViewDayClickData) => any;
+    eventDragStart: (event: ScheduleEventData) => any;
+    eventDragEnd: () => any;
+    eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
+    viewChange: (view: ScheduleViewLevel) => any;
+    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;
+    onEventDragStart?: ((event: ScheduleEventData) => any) | undefined;
+    onEventDragEnd?: (() => any) | undefined;
+    onEventClick?: ((event: ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+    onViewChange?: ((view: ScheduleViewLevel) => any) | undefined;
+    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 (): {
+        $slots: S;
+    };
+};