v-event-calendar
Version:
Lightweight, Vue 3 Event Calendar With Event Scheduling, Multiple Views, Drag-&-Drop, Resizing and Customizable Styling
29 lines (27 loc) • 1.3 kB
TypeScript
import { CalendarEvent } from '../types';
export declare function useCalendarEventResize(): {
startResize: (eventId: string, handle: "top" | "bottom", mouseY: number, event: CalendarEvent, hourHeight: number, eventElement: HTMLElement, timeSlotElement: HTMLElement, date: string, timeFormat: "12h" | "24h") => void;
endResize: () => void;
cancelResize: () => void;
isCurrentlyResizing: import('vue').ComputedRef<boolean>;
getCurrentResizeEventId: import('vue').ComputedRef<string>;
setUpdateCallbacks: (realtimeCallback: (eventId: string, start: string, end: string) => void, finalCallback: (eventId: string, start: string, end: string) => void) => void;
resizeState: import('vue').ComputedRef<{
isResizing: boolean;
hourHeight: number;
startMouseY: number;
date: string | null;
eventId: string | null;
originalDuration: number;
originalEventTop: number;
currentEnd: string | null;
timeFormat: "12h" | "24h";
originalEnd: string | null;
originalEventHeight: number;
currentStart: string | null;
originalStart: string | null;
eventElement: HTMLElement | null;
timeSlotElement: HTMLElement | null;
resizeHandle: "top" | "bottom" | null;
}>;
};