@mantine-vue/schedule 3.1.0 → 3.2.0

package/lib/components/DayView/DayView.d.ts

@@ -1,212 +1,10 @@
-import { type CSSProperties, type PropType, type SlotsType } from 'vue';
-import type { DayViewProps, MoreEventsProps } from '../../component-props';
-import type { DateLabelFormat } from '../../types';
-import { type EventSlots } from '../shared';
-export declare const DayView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    intervalMinutes: {
-        type: NumberConstructor;
-        default: number;
-    };
-    headerFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    withAllDaySlot: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    allDaySlotHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    maxAllDayEvents: {
-        type: NumberConstructor;
-        default: number;
-    };
-    moreEventsProps: PropType<Partial<MoreEventsProps>>;
-    startTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    endTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    slotLabelFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    withCurrentTimeIndicator: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    withCurrentTimeBubble: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    getCurrentTime: PropType<() => import("../..").AnyDateValue>;
-    slotHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    highlightBusinessHours: BooleanConstructor;
-    businessHours: PropType<import("../..").BusinessHoursValue>;
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<(data: import("../../component-props").EventDropData) => void>;
-    canDragEvent: PropType<(event: import("../..").ScheduleEventData) => boolean>;
-    onEventDragStart: PropType<(event: import("../..").ScheduleEventData) => void>;
-    onEventDragEnd: PropType<() => void>;
-    onTimeSlotClick: PropType<(data: import("../../component-props").TimeSlotClickData) => void>;
-    onAllDaySlotClick: PropType<(date: import("../..").DateStringValue, nativeEvent: MouseEvent) => void>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: FunctionConstructor;
-    startScrollTime: StringConstructor;
-    onExternalEventDrop: FunctionConstructor;
-    withEventResize: BooleanConstructor;
-    onEventResize: PropType<(data: import("../../component-props").EventDropData) => void>;
-    canResizeEvent: PropType<(event: import("../..").ScheduleEventData) => boolean>;
-    date: {
-        type: PropType<Date | import("../..").DateStringValue>;
-        required: boolean;
-    };
-    onDateChange: PropType<(date: import("../..").DateStringValue) => void>;
-    events: PropType<import("../..").ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    mode: {
-        type: PropType<import("../..").ScheduleMode>;
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<(view: import("../..").ScheduleViewLevel) => void>;
-    previousControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    nextControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    todayControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    viewSelectProps: ObjectConstructor;
-    renderEventBody: PropType<import("../ScheduleEvent").RenderEventBody>;
-    renderEvent: PropType<import("../ScheduleEvent").RenderEvent>;
-    onEventClick: PropType<(event: import("../..").ScheduleEventData, nativeEvent: MouseEvent) => void>;
-    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<{
-    intervalMinutes: {
-        type: NumberConstructor;
-        default: number;
-    };
-    headerFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    withAllDaySlot: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    allDaySlotHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    maxAllDayEvents: {
-        type: NumberConstructor;
-        default: number;
-    };
-    moreEventsProps: PropType<Partial<MoreEventsProps>>;
-    startTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    endTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    slotLabelFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    withCurrentTimeIndicator: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    withCurrentTimeBubble: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    getCurrentTime: PropType<() => import("../..").AnyDateValue>;
-    slotHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    highlightBusinessHours: BooleanConstructor;
-    businessHours: PropType<import("../..").BusinessHoursValue>;
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<(data: import("../../component-props").EventDropData) => void>;
-    canDragEvent: PropType<(event: import("../..").ScheduleEventData) => boolean>;
-    onEventDragStart: PropType<(event: import("../..").ScheduleEventData) => void>;
-    onEventDragEnd: PropType<() => void>;
-    onTimeSlotClick: PropType<(data: import("../../component-props").TimeSlotClickData) => void>;
-    onAllDaySlotClick: PropType<(date: import("../..").DateStringValue, nativeEvent: MouseEvent) => void>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: FunctionConstructor;
-    startScrollTime: StringConstructor;
-    onExternalEventDrop: FunctionConstructor;
-    withEventResize: BooleanConstructor;
-    onEventResize: PropType<(data: import("../../component-props").EventDropData) => void>;
-    canResizeEvent: PropType<(event: import("../..").ScheduleEventData) => boolean>;
-    date: {
-        type: PropType<Date | import("../..").DateStringValue>;
-        required: boolean;
-    };
-    onDateChange: PropType<(date: import("../..").DateStringValue) => void>;
-    events: PropType<import("../..").ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    mode: {
-        type: PropType<import("../..").ScheduleMode>;
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<(view: import("../..").ScheduleViewLevel) => void>;
-    previousControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    nextControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    todayControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    viewSelectProps: ObjectConstructor;
-    renderEventBody: PropType<import("../ScheduleEvent").RenderEventBody>;
-    renderEvent: PropType<import("../ScheduleEvent").RenderEvent>;
-    onEventClick: PropType<(event: import("../..").ScheduleEventData, nativeEvent: MouseEvent) => void>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    mode: import("../..").ScheduleMode;
-    withHeader: boolean;
-    startTime: string;
-    endTime: string;
-    intervalMinutes: number;
-    slotHeight: import("csstype").Property.Height<string | number> | undefined;
-    highlightBusinessHours: boolean;
-    recurrenceExpansionLimit: number;
-    withEventsDragAndDrop: boolean;
-    withDragSlotSelect: boolean;
-    withEventResize: boolean;
-    headerFormat: DateLabelFormat;
-    withAllDaySlot: boolean;
-    allDaySlotHeight: import("csstype").Property.Height<string | number> | undefined;
-    maxAllDayEvents: number;
-    slotLabelFormat: DateLabelFormat;
-    withCurrentTimeIndicator: boolean;
-    withCurrentTimeBubble: boolean;
-}, SlotsType<EventSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type { DayViewProps };
-export type DayViewStylesNames = 'dayView' | 'dayViewInner' | 'dayViewScrollArea' | 'dayViewAllDay' | 'dayViewAllDayEvents' | 'dayViewSlot' | 'dayViewSlots' | 'dayViewTimeSlots' | 'dayViewSlotLabel' | 'dayViewSlotLabels' | 'dayViewBackgroundEvent';
+export declare const DayView: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./DayView.types").DayViewProps, "rootRef">;
+    slots: import("./DayView.types").DayViewSlots;
+    emits: import("./DayView.types").DayViewEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./DayView.types").DayViewStylesNames;
+    vars: import("./DayView.types").DayViewCssVariables;
+}>;
+export type { DayViewCssVariables, DayViewEmits, DayViewFactory, DayViewOwnProps, DayViewOwnStylesNames, DayViewProps, DayViewSlots, DayViewStylesNames, } from './DayView.types';

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

@@ -0,0 +1,65 @@
+import type { CSSProperties } from 'vue';
+import type { BoxProps, Factory, ScrollAreaProps } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { EventSlots, ForwardedProps, TimeViewEmits, TimeViewOwnProps } from '../../component-props';
+import type { DateLabelFormat } from '../../types';
+import type { CurrentTimeIndicatorStylesNames } from '../CurrentTimeIndicator/CurrentTimeIndicator.types';
+import type { MoreEventsEmits, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents.types';
+import type { ScheduleEventStylesNames } from '../ScheduleEvent/ScheduleEvent.types';
+import type { CombinedScheduleHeaderStylesNames, ScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader.types';
+import type { MonthYearSelectStylesNames } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect.types';
+export type DayViewOwnStylesNames = 'dayView' | 'dayViewInner' | 'dayViewScrollArea' | 'dayViewAllDay' | 'dayViewAllDayEvents' | 'dayViewSlot' | 'dayViewSlots' | 'dayViewTimeSlots' | 'dayViewSlotLabel' | 'dayViewSlotLabels' | 'dayViewBackgroundEvent';
+/**
+ * `DayView` forwards `classNames` and `styles` to the components it renders, so their
+ * selectors are part of its Styles API. The month/year select is excluded because the day
+ * header shows a plain title instead.
+ */
+export type DayViewStylesNames = DayViewOwnStylesNames | MoreEventsStylesNames | ScheduleEventStylesNames | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames> | CurrentTimeIndicatorStylesNames | ScheduleHeaderStylesNames;
+export type DayViewCssVariables = {
+    dayView: '--day-view-radius' | '--day-view-slot-height' | '--day-view-all-day-slot-height';
+};
+export type DayViewSlots = EventSlots;
+/** Props declared by `DayView` itself. See `DayViewProps` for the full public type. */
+export interface DayViewOwnProps extends TimeViewOwnProps, StylesApiProps<DayViewFactory> {
+    /**
+     * Length of one time slot in minutes.
+     * @default 15
+     */
+    intervalMinutes?: number;
+    /**
+     * Format of the date shown in the header.
+     * @default 'MMMM D, YYYY'
+     */
+    headerFormat?: DateLabelFormat;
+    /**
+     * If set, an all-day row is rendered above the time slots.
+     * @default true
+     */
+    withAllDaySlot?: boolean;
+    /**
+     * Height of the all-day row.
+     * @default 44
+     */
+    allDaySlotHeight?: CSSProperties['height'];
+    /**
+     * Number of all-day events shown before the rest collapse into a "more" control.
+     * @default 3
+     */
+    maxAllDayEvents?: number;
+    /** Props passed to the `MoreEvents` control of the all-day row. */
+    moreEventsProps?: ForwardedProps<MoreEventsProps, MoreEventsEmits>;
+    /** Props passed to the `ScrollArea` that wraps the time grid. */
+    scrollAreaProps?: ForwardedProps<ScrollAreaProps>;
+}
+export interface DayViewProps extends Omit<BoxProps, keyof DayViewOwnProps>, DayViewOwnProps {
+}
+export type DayViewEmits = TimeViewEmits;
+export type DayViewFactory = Factory<{
+    props: Omit<DayViewProps, 'rootRef'>;
+    slots: DayViewSlots;
+    emits: DayViewEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: DayViewStylesNames;
+    vars: DayViewCssVariables;
+}>;

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

@@ -0,0 +1,51 @@
+import type { ScheduleEventData } from '../../types';
+import type { DayViewOwnProps } from './DayView.types';
+declare const defaultProps: {
+    readonly mode: "default";
+    readonly withHeader: true;
+    readonly recurrenceExpansionLimit: 2000;
+    readonly startTime: "00:00:00";
+    readonly endTime: "23:59:59";
+    readonly intervalMinutes: 15;
+    readonly slotLabelFormat: "HH:mm";
+    readonly withCurrentTimeBubble: true;
+    readonly slotHeight: 64;
+    readonly headerFormat: "MMMM D, YYYY";
+    readonly withAllDaySlot: true;
+    readonly allDaySlotHeight: 44;
+    readonly maxAllDayEvents: 3;
+};
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DayViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateChange: (date: string) => any;
+    eventDragStart: (event: ScheduleEventData) => any;
+    eventDragEnd: () => any;
+    eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
+    viewChange: (view: import("../..").ScheduleViewLevel) => any;
+    eventDrop: (data: import("../..").EventDropData) => any;
+    timeSlotClick: (data: import("../..").TimeSlotClickData) => any;
+    allDaySlotClick: (date: string, nativeEvent: MouseEvent) => any;
+    slotDragEnd: (rangeStart: string, rangeEnd: string) => any;
+    externalEventDrop: (dataTransfer: DataTransfer, dropDateTime: string) => any;
+    eventResize: (data: import("../..").EventDropData) => any;
+}, string, import("vue").PublicProps, Readonly<DayViewOwnProps> & Readonly<{
+    onDateChange?: ((date: string) => any) | undefined;
+    onEventDragStart?: ((event: ScheduleEventData) => any) | undefined;
+    onEventDragEnd?: (() => any) | undefined;
+    onEventClick?: ((event: ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+    onViewChange?: ((view: import("../..").ScheduleViewLevel) => any) | undefined;
+    onEventDrop?: ((data: import("../..").EventDropData) => any) | undefined;
+    onTimeSlotClick?: ((data: import("../..").TimeSlotClickData) => any) | undefined;
+    onAllDaySlotClick?: ((date: string, nativeEvent: MouseEvent) => any) | undefined;
+    onSlotDragEnd?: ((rangeStart: string, rangeEnd: string) => any) | undefined;
+    onExternalEventDrop?: ((dataTransfer: DataTransfer, dropDateTime: string) => any) | undefined;
+    onEventResize?: ((data: import("../..").EventDropData) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, import("../..").EventSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/DragContext/DragContext.d.ts

@@ -1,11 +1,49 @@
-import { type InjectionKey } from 'vue';
+import { type InjectionKey, type ShallowRef } from 'vue';
 import type { DropTarget, ScheduleEventData } from '../../types';
 export interface DragContextValue {
-    draggedEvent: ScheduleEventData | null;
-    dragOverTarget: DropTarget | null;
-    isDragging: boolean;
-    isSlotDragging: boolean;
+    readonly draggedEvent: ScheduleEventData | null;
+    readonly dragOverTarget: DropTarget | null;
+    readonly isDragging: boolean;
+    readonly isSlotDragging: boolean;
 }
 export declare const DragContext: InjectionKey<DragContextValue>;
 export declare function provideDragContext(value: DragContextValue): void;
+/**
+ * Reads the drag state of the surrounding view. Components rendered outside a schedule get an
+ * idle state rather than `undefined`, so they never have to null-check it.
+ */
 export declare function useDragContext(): DragContextValue;
+export interface ScheduleDragState {
+    draggedEvent: ShallowRef<ScheduleEventData | null>;
+    startEventDrag: (event: ScheduleEventData) => void;
+    /**
+     * Ends the drag. Safe to call more than once: only the first call after a `startEventDrag`
+     * takes effect, so the component's own `dragend` and the document safety net cannot both
+     * report the same drag.
+     */
+    endEventDrag: () => void;
+}
+export interface ProvideScheduleDragStateInput {
+    /** Slot the pointer is currently over, owned by the view because it also drives the highlight. */
+    dragOverTarget?: () => DropTarget | null;
+    isSlotDragging?: () => boolean;
+    /**
+     * Called exactly once per drag, however it ended: dropped, cancelled, or ended after the
+     * dragged element was already replaced. Use it to clear view-local drag state.
+     */
+    onDragEnd?: () => void;
+}
+/**
+ * Publishes the view's drag state to the events it renders, so an event can tell that *some*
+ * other event is being dragged and dim itself.
+ *
+ * The context is a getter-backed object rather than a snapshot: it is provided once during
+ * `setup`, and every read stays reactive as the drag progresses.
+ *
+ * The end of a drag is detected on `document` rather than only through the dragged event's own
+ * `dragend`. A successful drop usually makes the consumer move the event, which re-renders it
+ * under a different key: the original element is gone by the time the browser would fire
+ * `dragend` on it, so that event never arrives. Relying on it alone would leave the schedule
+ * stuck in the dragging state, with every event non-interactive.
+ */
+export declare function provideScheduleDragState(input?: ProvideScheduleDragStateInput): ScheduleDragState;

package/lib/components/MobileMonthView/MobileMonthView.d.ts

@@ -1,171 +1,10 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import type { MobileMonthViewProps } from '../../component-props';
-import type { DateLabelFormat, DateStringValue, DayOfWeek, ScheduleEventData, ScheduleMode } from '../../types';
-export interface MobileMonthViewSlots {
-    /** Scoped alternative to the `renderEvent` prop */
-    event?: (props: Record<string, unknown> & {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    /** Scoped alternative to the `renderHeader` prop */
-    header?: (props: {
-        mode: ScheduleMode;
-        date: Date | DateStringValue;
-        defaultHeader: VNodeChild;
-    }) => VNodeChild;
-}
-export declare const MobileMonthView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    selectedDate: PropType<Date | DateStringValue | null>;
-    defaultSelectedDate: PropType<Date | DateStringValue | null>;
-    onSelectedDateChange: PropType<MobileMonthViewProps["onSelectedDateChange"]>;
-    withWeekNumbers: BooleanConstructor;
-    withWeekDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    firstDayOfWeek: {
-        type: PropType<DayOfWeek>;
-        default: number;
-    };
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    getWeekNumberProps: PropType<MobileMonthViewProps["getWeekNumberProps"]>;
-    getDayProps: PropType<MobileMonthViewProps["getDayProps"]>;
-    onDayClick: PropType<MobileMonthViewProps["onDayClick"]>;
-    onWeekNumberClick: PropType<MobileMonthViewProps["onWeekNumberClick"]>;
-    consistentWeeks: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withOutsideDays: BooleanConstructor;
-    eventsHeaderFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    onYearClick: PropType<() => void>;
-    renderHeader: PropType<MobileMonthViewProps["renderHeader"]>;
-    date: {
-        type: PropType<Date | DateStringValue>;
-        required: boolean;
-    };
-    onDateChange: PropType<(date: DateStringValue) => void>;
-    events: PropType<ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<(view: import("../..").ScheduleViewLevel) => void>;
-    previousControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    nextControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    todayControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    viewSelectProps: ObjectConstructor;
-    renderEventBody: PropType<import("../ScheduleEvent").RenderEventBody>;
-    renderEvent: PropType<import("../ScheduleEvent").RenderEvent>;
-    onEventClick: PropType<(event: ScheduleEventData, nativeEvent: MouseEvent) => void>;
-    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<{
-    selectedDate: PropType<Date | DateStringValue | null>;
-    defaultSelectedDate: PropType<Date | DateStringValue | null>;
-    onSelectedDateChange: PropType<MobileMonthViewProps["onSelectedDateChange"]>;
-    withWeekNumbers: BooleanConstructor;
-    withWeekDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    firstDayOfWeek: {
-        type: PropType<DayOfWeek>;
-        default: number;
-    };
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    getWeekNumberProps: PropType<MobileMonthViewProps["getWeekNumberProps"]>;
-    getDayProps: PropType<MobileMonthViewProps["getDayProps"]>;
-    onDayClick: PropType<MobileMonthViewProps["onDayClick"]>;
-    onWeekNumberClick: PropType<MobileMonthViewProps["onWeekNumberClick"]>;
-    consistentWeeks: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withOutsideDays: BooleanConstructor;
-    eventsHeaderFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    onYearClick: PropType<() => void>;
-    renderHeader: PropType<MobileMonthViewProps["renderHeader"]>;
-    date: {
-        type: PropType<Date | DateStringValue>;
-        required: boolean;
-    };
-    onDateChange: PropType<(date: DateStringValue) => void>;
-    events: PropType<ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<(view: import("../..").ScheduleViewLevel) => void>;
-    previousControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    nextControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    todayControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    viewSelectProps: ObjectConstructor;
-    renderEventBody: PropType<import("../ScheduleEvent").RenderEventBody>;
-    renderEvent: PropType<import("../ScheduleEvent").RenderEvent>;
-    onEventClick: PropType<(event: ScheduleEventData, nativeEvent: MouseEvent) => void>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    mode: ScheduleMode;
-    withHeader: boolean;
-    firstDayOfWeek: DayOfWeek;
-    highlightToday: boolean;
-    weekendDays: DayOfWeek[];
-    weekdayFormat: DateLabelFormat;
-    withWeekNumbers: boolean;
-    consistentWeeks: boolean;
-    withOutsideDays: boolean;
-    recurrenceExpansionLimit: number;
-    withWeekDays: boolean;
-    eventsHeaderFormat: DateLabelFormat;
-}, SlotsType<MobileMonthViewSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type { MobileMonthViewProps };
-export type MobileMonthViewStylesNames = 'mobileMonthView' | 'mobileMonthViewHeader' | 'mobileMonthViewHeaderBackButton' | 'mobileMonthViewHeaderLabel' | 'mobileMonthViewCalendar' | 'mobileMonthViewWeekdays' | 'mobileMonthViewWeekdaysCorner' | 'mobileMonthViewWeekday' | 'mobileMonthViewWeek' | 'mobileMonthViewWeekNumber' | 'mobileMonthViewDay' | 'mobileMonthViewDayIndicators' | 'mobileMonthViewDayIndicator' | 'mobileMonthViewEventsList' | 'mobileMonthViewEventsHeader' | 'mobileMonthViewEvent' | 'mobileMonthViewEventBody' | 'mobileMonthViewEventColor' | 'mobileMonthViewEventTitle' | 'mobileMonthViewEventTime' | 'mobileMonthViewNoEvents';
+export declare const MobileMonthView: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./MobileMonthView.types").MobileMonthViewProps, "rootRef">;
+    slots: import("./MobileMonthView.types").MobileMonthViewSlots;
+    emits: import("./MobileMonthView.types").MobileMonthViewEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./MobileMonthView.types").MobileMonthViewStylesNames;
+    vars: import("./MobileMonthView.types").MobileMonthViewCssVariables;
+}>;
+export type { MobileMonthViewCssVariables, MobileMonthViewEmits, MobileMonthViewFactory, MobileMonthViewHeaderPayload, MobileMonthViewOwnProps, MobileMonthViewProps, MobileMonthViewSlots, MobileMonthViewStylesNames, } from './MobileMonthView.types';