react-native-calendar-resource 1.0.2 → 1.1.2

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 [Your Name]
+Copyright (c) 2026 AbdelRahman Sobhy
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -14,6 +14,8 @@ A fully customizable, type-safe resource-based calendar component for React Nati
 - 🎭 **Style Customization** - Full control over colors and appearance
 - 👆 **Interactive** - Handle slot, event, and resource press events
 - 🔄 **Synchronized Scrolling** - Header and time column scroll with the grid
+- 🎯 **Drag and Drop** - Long-press and drag events to reschedule (optional)
+- 🔍 **Pinch to Zoom** - Zoom in/out with focal point support (optional)
 
 ---
 
@@ -30,9 +32,13 @@ yarn add react-native-calendar-resource
 Ensure you have the required peer dependencies:
 
 ```bash
-npm install  date-fns
+npm install date-fns
+# or
+yarn add date-fns
 ```
 
+**Note:** For Expo projects, these are typically already installed. For bare React Native projects, follow the [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation) and [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/) installation guides.
+
 ---
 
 ## Quick Start
@@ -80,26 +86,33 @@ function MyCalendar() {
 
 ### Optional Props
 
-| Prop                     | Type                               | Default                                              | Description                            |
-| ------------------------ | ---------------------------------- | ---------------------------------------------------- | -------------------------------------- |
-| `unavailableSlots`       | `UnavailableSlot<T>[]`             | `[]`                                                 | Slots that are unavailable             |
-| `timeConfig`             | `CalendarTimeConfig`               | `{ startHour: 9, endHour: 24, timeFormat: "HH:mm" }` | Time configuration                     |
-| `dimensions`             | `Partial<CalendarDimensions>`      | `{ resourceWidth: 64, hourHeight: 64 }`              | Grid dimensions                        |
-| `styles`                 | `CalendarStyles`                   | -                                                    | Overall calendar styling               |
-| `eventStyles`            | `CalendarEventStyles`              | -                                                    | Event-specific styling                 |
-| `unavailableStyles`      | `UnavailableSlotStyles`            | -                                                    | Unavailable slot styling               |
-| `onSlotPress`            | `(hour, resourceId, date) => void` | -                                                    | Called when empty slot is pressed      |
-| `onEventPress`           | `(event) => void`                  | -                                                    | Called when event is pressed           |
-| `onResourcePress`        | `(resource) => void`               | -                                                    | Called when resource header is pressed |
-| `renderEvent`            | `(event, dimensions) => ReactNode` | -                                                    | Custom event renderer                  |
-| `renderResourceHeader`   | `(resource) => ReactNode`          | -                                                    | Custom resource header renderer        |
-| `renderTimeSlot`         | `(hour) => ReactNode`              | -                                                    | Custom time slot renderer              |
-| `renderUnavailableSlot`  | `(slot, dimensions) => ReactNode`  | -                                                    | Custom unavailable slot renderer       |
-| `showHeader`             | `boolean`                          | `true`                                               | Show date header                       |
-| `showTimeColumn`         | `boolean`                          | `true`                                               | Show time column                       |
-| `showResourceHeaders`    | `boolean`                          | `true`                                               | Show resource headers                  |
-| `enableHorizontalScroll` | `boolean`                          | `true`                                               | Enable horizontal scrolling            |
-| `enableVerticalScroll`   | `boolean`                          | `true`                                               | Enable vertical scrolling              |
+| Prop                     | Type                                   | Default                                              | Description                                 |
+| ------------------------ | -------------------------------------- | ---------------------------------------------------- | ------------------------------------------- |
+| `unavailableSlots`       | `UnavailableSlot<T>[]`                 | `[]`                                                 | Slots that are unavailable                  |
+| `timeConfig`             | `CalendarTimeConfig`                   | `{ startHour: 9, endHour: 24, timeFormat: "HH:mm" }` | Time configuration                          |
+| `dimensions`             | `Partial<CalendarDimensions>`          | `{ resourceWidth: 64, hourHeight: 64 }`              | Grid dimensions                             |
+| `styles`                 | `CalendarStyles`                       | -                                                    | Overall calendar styling                    |
+| `eventStyles`            | `CalendarEventStyles`                  | -                                                    | Event-specific styling                      |
+| `unavailableStyles`      | `UnavailableSlotStyles`                | -                                                    | Unavailable slot styling                    |
+| `onSlotPress`            | `(hour, resourceId, date) => void`     | -                                                    | Called when empty slot is pressed           |
+| `onEventPress`           | `(event) => void`                      | -                                                    | Called when event is pressed                |
+| `onEventDrop`            | `(droppedData, originalEvent) => void` | -                                                    | Called when event is dropped after dragging |
+| `onResourcePress`        | `(resource) => void`                   | -                                                    | Called when resource header is pressed      |
+| `renderEvent`            | `(event, dimensions) => ReactNode`     | -                                                    | Custom event renderer                       |
+| `renderResourceHeader`   | `(resource) => ReactNode`              | -                                                    | Custom resource header renderer             |
+| `renderTimeSlot`         | `(hour) => ReactNode`                  | -                                                    | Custom time slot renderer                   |
+| `renderUnavailableSlot`  | `(slot, dimensions) => ReactNode`      | -                                                    | Custom unavailable slot renderer            |
+| `showHeader`             | `boolean`                              | `true`                                               | Show date header                            |
+| `showTimeColumn`         | `boolean`                              | `true`                                               | Show time column                            |
+| `showResourceHeaders`    | `boolean`                              | `true`                                               | Show resource headers                       |
+| `enableHorizontalScroll` | `boolean`                              | `true`                                               | Enable horizontal scrolling                 |
+| `enableVerticalScroll`   | `boolean`                              | `true`                                               | Enable vertical scrolling                   |
+| `enableDragAndDrop`      | `boolean`                              | `false`                                              | Enable drag and drop for events             |
+| `zoomEnabled`            | `boolean`                              | `false`                                              | Enable pinch-to-zoom gesture ⚠️ Experimental |
+| `maxZoom`                | `number`                               | `3`                                                  | Maximum zoom level (3 = 300%)               |
+| `initialZoom`            | `number`                               | `1`                                                  | Initial zoom level (1 = 100%)               |
+| `snapBack`               | `boolean`                              | `false`                                              | Auto-return to initial zoom after gesture   |
+| `snapBackDelay`          | `number`                               | `1000`                                               | Delay before snap-back in milliseconds      |
 
 ---
 
@@ -147,6 +160,98 @@ type CalendarDimensions = {
 
 ## Examples
 
+### Drag and Drop Events
+
+Enable event rescheduling by long-pressing and dragging:
+
+```tsx
+import { useState } from "react";
+import { Calendar, CalendarEvent } from "react-native-calendar-resource";
+
+function MyCalendar() {
+  const [events, setEvents] = useState<CalendarEvent[]>([
+    {
+      id: "evt1",
+      title: "Team Meeting",
+      resourceId: "1",
+      startHour: 10,
+      endHour: 11.5,
+      color: "#3b82f6",
+    },
+  ]);
+
+  return (
+    <Calendar
+      date={new Date()}
+      resources={resources}
+      events={events}
+      enableDragAndDrop={true}
+      onEventDrop={(droppedData, originalEvent) => {
+        // Update event with new time/resource
+        setEvents((prev) =>
+          prev.map((event) =>
+            event.id === droppedData.eventId
+              ? {
+                  ...event,
+                  resourceId: droppedData.newResourceId,
+                  startHour: droppedData.newStartHour,
+                  endHour: droppedData.newEndHour,
+                }
+              : event,
+          ),
+        );
+
+        console.log("Event moved:", {
+          from: {
+            resource: originalEvent.resourceId,
+            time: `${originalEvent.startHour}-${originalEvent.endHour}`,
+          },
+          to: {
+            resource: droppedData.newResourceId,
+            time: `${droppedData.newStartHour}-${droppedData.newEndHour}`,
+          },
+        });
+      }}
+    />
+  );
+}
+```
+
+**How it works:**
+
+- Long-press an event for 500ms to start dragging
+- Drag the event to a new resource or time slot
+- Events snap to 30-minute intervals
+- Visual feedback shows the event being dragged (opacity, scale, border)
+- The `onEventDrop` callback receives both the new position and original event data
+
+### Pinch to Zoom
+
+> **⚠️ EXPERIMENTAL FEATURE**: Pinch-to-zoom is currently experimental and may have performance or gesture detection issues. We recommend waiting for a stable release before using in production.
+
+Enable pinch-to-zoom for better visibility of events:
+
+```tsx
+<Calendar
+  date={new Date()}
+  resources={resources}
+  events={events}
+  zoomEnabled={true}
+  maxZoom={3}
+  initialZoom={1}
+  snapBack={true}
+  snapBackDelay={1000}
+/>
+```
+
+**How it works:**
+
+- Pinch with two fingers to zoom in/out (min: 1x, max: configurable)
+- Zoom centers on the focal point between your fingers
+- Scroll position adjusts automatically to keep content in view
+- Optional snap-back returns to initial zoom after a delay
+- Smooth animations for zoom transitions
+
 ### Custom Time Range
 
 ```tsx
@@ -295,12 +400,6 @@ interface BookingData {
 
 MIT
 
-- The tab bar remains visible while navigating deeper into Explore-related screens
-- Navigation context is preserved
-- Platform-native gestures and transitions are maintained
-
-Headers are disabled at the stack level and selectively enabled per screen to match the Figma design and avoid default iOS -Liquid Glass- system back button styling.
-
 ---
 
 **Author:** Abdelrahman Sobhy

package/dist/components/calendar/Calendar.d.ts

@@ -1,3 +1,3 @@
 import { CalendarProps } from "../../types/calendar";
-export declare function Calendar<TEvent = any, TResource = any, TUnavailable = any>({ date, resources, events, unavailableSlots, timeConfig, dimensions, styles, eventStyles, unavailableStyles, onSlotPress, onEventPress, onResourcePress, onDateChange, minDate, maxDate, allowPastDates, renderEvent, renderResourceHeader, renderTimeSlot, renderUnavailableSlot, showHeader, showTimeColumn, showResourceHeaders, enableHorizontalScroll, enableVerticalScroll, showDateNavigation, dateFormat, accessibilityLabel, }: CalendarProps<TEvent, TResource, TUnavailable>): import("react").JSX.Element;
+export declare function Calendar({ date, resources, events, unavailableSlots, timeConfig, dimensions, zoomEnabled, maxZoom, initialZoom, snapBack, snapBackDelay, styles, eventStyles, unavailableStyles, onSlotPress, onEventPress, onEventDrop, onResourcePress, onDateChange, minDate, maxDate, allowPastDates, renderEvent, renderResourceHeader, renderTimeSlot, renderUnavailableSlot, showHeader, showTimeColumn, showResourceHeaders, enableHorizontalScroll, enableVerticalScroll, showDateNavigation, enableDragAndDrop, dateFormat, accessibilityLabel, }: CalendarProps): import("react").JSX.Element;
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/components/calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/Calendar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAEd,MAAM,sBAAsB,CAAC;AAoB9B,wBAAgB,QAAQ,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,EAAE,EAC1E,IAAI,EACJ,SAAS,EACT,MAAM,EACN,gBAAqB,EACrB,UAAU,EACV,UAAU,EACV,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,OAAO,EACP,OAAO,EACP,cAAsB,EACtB,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,UAAiB,EACjB,cAAqB,EACrB,mBAA0B,EAC1B,sBAA6B,EAC7B,oBAA2B,EAC3B,kBAAyB,EACzB,UAA+B,EAC/B,kBAA+B,GAChC,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,CAAC,+BA0IhD"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/Calendar.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,aAAa,EAEd,MAAM,sBAAsB,CAAC;AAoB9B,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,gBAAqB,EACrB,UAAU,EACV,UAAU,EACV,WAAmB,EACnB,OAAW,EACX,WAAe,EACf,QAAgB,EAChB,aAAoB,EACpB,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,OAAO,EACP,OAAO,EACP,cAAsB,EACtB,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,UAAiB,EACjB,cAAqB,EACrB,mBAA0B,EAC1B,sBAA6B,EAC7B,oBAA2B,EAC3B,kBAAyB,EACzB,iBAAyB,EACzB,UAA+B,EAC/B,kBAA+B,GAChC,EAAE,aAAa,+BA8Pf"}

package/dist/components/calendar/Calendar.js

@@ -1,5 +1,7 @@
-import { useMemo, useRef } from "react";
-import { ScrollView, View, } from "react-native";
+import { useMemo, useRef, useState, useEffect } from "react";
+import { View, } from "react-native";
+import { Gesture, GestureDetector, ScrollView } from "react-native-gesture-handler";
+import Animated, { useSharedValue, useAnimatedReaction, runOnJS, withTiming, } from "react-native-reanimated";
 import { CalendarHeader } from "./CalendarHeader";
 import { EventsLayer } from "./EventsLayer";
 import { GridBody } from "./GridBody";
@@ -16,22 +18,111 @@ const DEFAULT_TIME_CONFIG = {
     endHour: 24,
     timeFormat: "HH:mm",
 };
-export function Calendar({ date, resources, events, unavailableSlots = [], timeConfig, dimensions, styles, eventStyles, unavailableStyles, onSlotPress, onEventPress, onResourcePress, onDateChange, minDate, maxDate, allowPastDates = false, renderEvent, renderResourceHeader, renderTimeSlot, renderUnavailableSlot, showHeader = true, showTimeColumn = true, showResourceHeaders = true, enableHorizontalScroll = true, enableVerticalScroll = true, showDateNavigation = true, dateFormat = "EEE, MMM d, yyyy", accessibilityLabel = "Calendar", }) {
+export function Calendar({ date, resources, events, unavailableSlots = [], timeConfig, dimensions, zoomEnabled = false, maxZoom = 3, initialZoom = 1, snapBack = false, snapBackDelay = 1000, styles, eventStyles, unavailableStyles, onSlotPress, onEventPress, onEventDrop, onResourcePress, onDateChange, minDate, maxDate, allowPastDates = false, renderEvent, renderResourceHeader, renderTimeSlot, renderUnavailableSlot, showHeader = true, showTimeColumn = true, showResourceHeaders = true, enableHorizontalScroll = true, enableVerticalScroll = true, showDateNavigation = true, enableDragAndDrop = false, dateFormat = "EEE, MMM d, yyyy", accessibilityLabel = "Calendar", }) {
     const headerScrollRef = useRef(null);
     const timeColumnScrollRef = useRef(null);
+    const horizontalScrollRef = useRef(null);
+    const verticalScrollRef = useRef(null);
+    // Zoom state
+    const minZoom = 1;
+    const zoomScale = useSharedValue(initialZoom);
+    const savedZoomScale = useSharedValue(initialZoom);
+    const [currentZoom, setCurrentZoom] = useState(initialZoom);
+    const [isPinching, setIsPinching] = useState(false);
+    const snapBackTimerRef = useRef(null);
+    const focalX = useRef(0);
+    const focalY = useRef(0);
+    const lastScrollX = useRef(0);
+    const lastScrollY = useRef(0);
+    // Update state when zoom changes
+    useAnimatedReaction(() => zoomScale.value, (zoom) => {
+        runOnJS(setCurrentZoom)(zoom);
+    });
+    // Adjust scroll position for focal point zooming
+    const prevZoom = useRef(initialZoom);
+    useEffect(() => {
+        if (currentZoom !== prevZoom.current && horizontalScrollRef.current && verticalScrollRef.current) {
+            const zoomRatio = currentZoom / prevZoom.current;
+            // Calculate new scroll position to keep focal point in place
+            horizontalScrollRef.current.scrollTo({
+                x: (lastScrollX.current + focalX.current) * zoomRatio - focalX.current,
+                animated: false,
+            });
+            verticalScrollRef.current.scrollTo({
+                y: (lastScrollY.current + focalY.current) * zoomRatio - focalY.current,
+                animated: false,
+            });
+            lastScrollX.current = (lastScrollX.current + focalX.current) * zoomRatio - focalX.current;
+            lastScrollY.current = (lastScrollY.current + focalY.current) * zoomRatio - focalY.current;
+            prevZoom.current = currentZoom;
+        }
+    }, [currentZoom]);
     // Merge configurations with defaults
-    const finalDimensions = useMemo(() => ({ ...DEFAULT_DIMENSIONS, ...dimensions }), [dimensions]);
+    const baseDimensions = useMemo(() => ({ ...DEFAULT_DIMENSIONS, ...dimensions }), [dimensions]);
     const finalTimeConfig = useMemo(() => ({ ...DEFAULT_TIME_CONFIG, ...timeConfig }), [timeConfig]);
+    // Apply zoom to dimensions - recalculate on zoom change
+    const finalDimensions = useMemo(() => ({
+        resourceWidth: baseDimensions.resourceWidth * currentZoom,
+        hourHeight: baseDimensions.hourHeight * currentZoom,
+    }), [baseDimensions, currentZoom]);
     // Calculate grid dimensions
     const gridTotalWidth = resources.length * finalDimensions.resourceWidth;
     const totalHours = finalTimeConfig.endHour - finalTimeConfig.startHour;
     const gridTotalHeight = totalHours * finalDimensions.hourHeight;
+    // Callbacks to update focal point (avoid accessing refs in worklets)
+    const updateFocalPoint = (x, y) => {
+        focalX.current = x;
+        focalY.current = y;
+    };
+    // Pinch gesture for zoom with focal point
+    const pinchGesture = Gesture.Pinch()
+        .enabled(zoomEnabled)
+        .onBegin((e) => {
+        'worklet';
+        // Clear any pending snap-back timer
+        if (snapBackTimerRef.current) {
+            clearTimeout(snapBackTimerRef.current);
+            snapBackTimerRef.current = null;
+        }
+        runOnJS(setIsPinching)(true);
+        runOnJS(updateFocalPoint)(e.focalX, e.focalY);
+    })
+        .onUpdate((e) => {
+        'worklet';
+        const newScale = savedZoomScale.value * e.scale;
+        const clampedScale = Math.max(minZoom, Math.min(maxZoom, newScale));
+        // Update zoom
+        zoomScale.value = clampedScale;
+        // Store focal point
+        runOnJS(updateFocalPoint)(e.focalX, e.focalY);
+    })
+        .onEnd(() => {
+        'worklet';
+        savedZoomScale.value = zoomScale.value;
+        runOnJS(setIsPinching)(false);
+        // Snap back with smooth animation
+        if (snapBack && zoomScale.value !== initialZoom) {
+            snapBackTimerRef.current = setTimeout(() => {
+                zoomScale.value = withTiming(initialZoom, {
+                    duration: 400,
+                    // Use easeOut for smoother deceleration
+                });
+                savedZoomScale.value = initialZoom;
+            }, snapBackDelay);
+        }
+    })
+        .onFinalize(() => {
+        'worklet';
+        runOnJS(setIsPinching)(false);
+    });
     const handleHorizontalScroll = (scrollEvent) => {
         const horizontalOffset = scrollEvent.nativeEvent.contentOffset.x;
+        lastScrollX.current = horizontalOffset;
         headerScrollRef.current?.scrollTo({ x: horizontalOffset, animated: false });
     };
     const handleVerticalScroll = (scrollEvent) => {
         const verticalOffset = scrollEvent.nativeEvent.contentOffset.y;
+        lastScrollY.current = verticalOffset;
         timeColumnScrollRef.current?.scrollTo({
             y: verticalOffset,
             animated: false,
@@ -47,22 +138,26 @@ export function Calendar({ date, resources, events, unavailableSlots = [], timeC
         {showTimeColumn && (<TimeColumn scrollRef={timeColumnScrollRef} gridTotalHeight={gridTotalHeight} timeConfig={finalTimeConfig} dimensions={finalDimensions} renderTimeSlot={renderTimeSlot} styles={styles}/>)}
 
         <View style={{ flex: 1 }}>
-          <ScrollView horizontal={enableHorizontalScroll} showsHorizontalScrollIndicator={enableHorizontalScroll} bounces={false} onScroll={handleHorizontalScroll} scrollEventThrottle={16} nestedScrollEnabled={true} scrollEnabled={enableHorizontalScroll}>
-            <ScrollView showsVerticalScrollIndicator={enableVerticalScroll} bounces={false} onScroll={handleVerticalScroll} scrollEventThrottle={16} nestedScrollEnabled={true} scrollEnabled={enableVerticalScroll} contentContainerStyle={{
+          <GestureDetector gesture={pinchGesture}>
+            <Animated.View style={{ flex: 1 }}>
+              <ScrollView ref={horizontalScrollRef} horizontal={enableHorizontalScroll} showsHorizontalScrollIndicator={enableHorizontalScroll} bounces={false} onScroll={handleHorizontalScroll} scrollEventThrottle={16} nestedScrollEnabled={true} scrollEnabled={enableHorizontalScroll && !isPinching}>
+                <ScrollView ref={verticalScrollRef} showsVerticalScrollIndicator={enableVerticalScroll} bounces={false} onScroll={handleVerticalScroll} scrollEventThrottle={16} nestedScrollEnabled={true} scrollEnabled={enableVerticalScroll && !isPinching} contentContainerStyle={{
             width: gridTotalWidth,
             height: gridTotalHeight,
         }}>
-              <View style={{
+                  <View style={{
             position: "relative",
             width: gridTotalWidth,
             height: gridTotalHeight,
         }}>
-                <GridBody resources={resources} events={events} unavailableSlots={unavailableSlots} onSlotPress={onSlotPress} date={date} timeConfig={finalTimeConfig} dimensions={finalDimensions} styles={styles}/>
-                <UnavailableLayer unavailableSlots={unavailableSlots} resources={resources} timeConfig={finalTimeConfig} dimensions={finalDimensions} unavailableStyles={unavailableStyles} renderUnavailableSlot={renderUnavailableSlot}/>
-                <EventsLayer events={events} resources={resources} onEventPress={onEventPress} timeConfig={finalTimeConfig} dimensions={finalDimensions} eventStyles={eventStyles} renderEvent={renderEvent}/>
-              </View>
-            </ScrollView>
-          </ScrollView>
+                    <GridBody resources={resources} events={events} unavailableSlots={unavailableSlots} onSlotPress={onSlotPress} date={date} timeConfig={finalTimeConfig} dimensions={finalDimensions} styles={styles}/>
+                    <UnavailableLayer unavailableSlots={unavailableSlots} resources={resources} timeConfig={finalTimeConfig} dimensions={finalDimensions} unavailableStyles={unavailableStyles} renderUnavailableSlot={renderUnavailableSlot}/>
+                    <EventsLayer events={events} resources={resources} onEventPress={onEventPress} onEventDrop={onEventDrop} timeConfig={finalTimeConfig} dimensions={finalDimensions} eventStyles={eventStyles} renderEvent={renderEvent} enableDragAndDrop={enableDragAndDrop}/>
+                  </View>
+                </ScrollView>
+              </ScrollView>
+            </Animated.View>
+          </GestureDetector>
         </View>
       </View>
     </View>);

package/dist/components/calendar/CalendarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../components/calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,kBAAyB,EACzB,UAA+B,EAC/B,OAAO,EACP,OAAO,EACP,cAAqB,GACtB,EAAE,mBAAmB,+BA4IrB"}
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../components/calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,kBAAyB,EACzB,UAA+B,EAC/B,OAAO,EACP,OAAO,EACP,cAAqB,GACtB,EAAE,mBAAmB,+BAoIrB"}

package/dist/components/calendar/CalendarHeader.js

@@ -1,4 +1,3 @@
-import { MaterialIcons } from "@expo/vector-icons";
 import { addDays, format, subDays } from "date-fns";
 import { Pressable, Text, View } from "react-native";
 export function CalendarHeader({ date, timeConfig, onDateChange, showDateNavigation = true, dateFormat = "EEE, MMM d, yyyy", minDate, maxDate, allowPastDates = true, }) {
@@ -90,7 +89,7 @@ export function CalendarHeader({ date, timeConfig, onDateChange, showDateNavigat
                 justifyContent: "center",
                 backgroundColor: "rgba(38, 38, 38, 0.75)",
             }}>
-              <MaterialIcons name="chevron-left" size={20} color={prevDisabled ? "#626262" : "#fefefe"}/>
+              <Text style={{ color: prevDisabled ? "#626262" : "#fefefe", fontSize: 24, fontWeight: "bold" }}>‹</Text>
             </Pressable>
             <Text style={{ color: "#fefefe", fontSize: 16, fontWeight: "600" }}>
               {format(date, dateFormat)}
@@ -103,7 +102,7 @@ export function CalendarHeader({ date, timeConfig, onDateChange, showDateNavigat
                 alignItems: "center",
                 justifyContent: "center",
             }}>
-              <MaterialIcons name="chevron-right" size={20} color={nextDisabled ? "#626262" : "#fefefe"}/>
+              <Text style={{ color: nextDisabled ? "#626262" : "#fefefe", fontSize: 24, fontWeight: "bold" }}>›</Text>
             </Pressable>
           </>) : (<Text style={{ color: '#fefefe', fontSize: 16, fontWeight: '600' }}>
             {format(date, dateFormat)}

package/dist/components/calendar/EventsLayer.d.ts

@@ -1,13 +1,15 @@
-import { CalendarDimensions, CalendarEvent, CalendarEventStyles, CalendarTimeConfig, RenderEventFunction, Resource } from "../../types/calendar";
-type EventsLayerProps<TEvent = any, TResource = any> = {
-    events: CalendarEvent<TEvent>[];
-    resources: Resource<TResource>[];
-    onEventPress?: (event: CalendarEvent<TEvent>) => void;
+import { CalendarDimensions, CalendarEvent, CalendarEventStyles, CalendarTimeConfig, DroppedEventData, RenderEventFunction, Resource } from "../../types/calendar";
+type EventsLayerProps = {
+    events: CalendarEvent[];
+    resources: Resource[];
+    onEventPress?: (event: CalendarEvent) => void;
+    onEventDrop?: (droppedData: DroppedEventData, originalEvent: CalendarEvent) => void;
     timeConfig: CalendarTimeConfig;
     dimensions: CalendarDimensions;
     eventStyles?: CalendarEventStyles;
-    renderEvent?: RenderEventFunction<TEvent>;
+    renderEvent?: RenderEventFunction;
+    enableDragAndDrop?: boolean;
 };
-export declare function EventsLayer<TEvent = any, TResource = any>({ events, resources, onEventPress, timeConfig, dimensions, eventStyles, renderEvent, }: EventsLayerProps<TEvent, TResource>): import("react").JSX.Element;
+export declare function EventsLayer({ events, resources, onEventPress, onEventDrop, timeConfig, dimensions, eventStyles, renderEvent, enableDragAndDrop, }: EventsLayerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=EventsLayer.d.ts.map

package/dist/components/calendar/EventsLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventsLayer.d.ts","sourceRoot":"","sources":["../../../components/calendar/EventsLayer.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAE9B,KAAK,gBAAgB,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,IAAI;IACrD,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;CAC3C,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,EACzD,MAAM,EACN,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,GACZ,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,+BA+GrC"}
+{"version":3,"file":"EventsLayer.d.ts","sourceRoot":"","sources":["../../../components/calendar/EventsLayer.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAE9B,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CACZ,WAAW,EAAE,gBAAgB,EAC7B,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,iBAAyB,GAC1B,EAAE,gBAAgB,+BA6RlB"}

package/dist/components/calendar/EventsLayer.js

@@ -1,6 +1,10 @@
-import { useMemo } from "react";
+import { useMemo, useState, useEffect } from "react";
 import { Pressable, Text, View } from "react-native";
-export function EventsLayer({ events, resources, onEventPress, timeConfig, dimensions, eventStyles, renderEvent, }) {
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import Animated, { useAnimatedStyle, useSharedValue, withSpring, runOnJS, } from "react-native-reanimated";
+export function EventsLayer({ events, resources, onEventPress, onEventDrop, timeConfig, dimensions, eventStyles, renderEvent, enableDragAndDrop = false, }) {
+    const [draggedEventId, setDraggedEventId] = useState(null);
+    const [dropPreview, setDropPreview] = useState(null);
     const positionedEvents = useMemo(() => {
         return events
             .map((event) => {
@@ -25,7 +29,97 @@ export function EventsLayer({ events, resources, onEventPress, timeConfig, dimen
     const gridTotalWidth = resources.length * dimensions.resourceWidth;
     const gridBodyHeight = (timeConfig.endHour - timeConfig.startHour - 1) * dimensions.hourHeight;
     const handleEventPress = (event) => {
-        onEventPress?.(event);
+        if (!draggedEventId) {
+            onEventPress?.(event);
+        }
+    };
+    const updateDropPreview = (event, currentX, currentY, blockWidth, blockHeight, eventColor) => {
+        "worklet";
+        // Calculate snapped position
+        const newResourceIndex = Math.max(0, Math.min(Math.floor(currentX / dimensions.resourceWidth), resources.length - 1));
+        const hourOffset = currentY / dimensions.hourHeight;
+        const eventDuration = event.endHour - event.startHour;
+        let newStartHour = timeConfig.startHour + hourOffset;
+        // Snap to whole hour cells
+        newStartHour = Math.round(newStartHour);
+        // Clamp to valid range
+        newStartHour = Math.max(timeConfig.startHour, Math.min(timeConfig.endHour - eventDuration, newStartHour));
+        const snappedTop = (newStartHour - timeConfig.startHour - 1) * dimensions.hourHeight;
+        const snappedLeft = newResourceIndex * dimensions.resourceWidth;
+        runOnJS(setDropPreview)({
+            top: snappedTop,
+            left: snappedLeft,
+            width: blockWidth,
+            height: blockHeight,
+            color: eventColor,
+        });
+    };
+    const handleEventDrop = (event, finalX, finalY) => {
+        "worklet";
+        // Calculate new resource and time
+        const newResourceIndex = Math.max(0, Math.min(Math.floor(finalX / dimensions.resourceWidth), resources.length - 1));
+        const newResource = resources[newResourceIndex];
+        const hourOffset = finalY / dimensions.hourHeight;
+        const eventDuration = event.endHour - event.startHour;
+        let newStartHour = timeConfig.startHour + hourOffset;
+        // Snap to whole hour cells
+        newStartHour = Math.round(newStartHour);
+        // Clamp to valid range
+        newStartHour = Math.max(timeConfig.startHour, Math.min(timeConfig.endHour - eventDuration, newStartHour));
+        const newEndHour = newStartHour + eventDuration;
+        // Only trigger callback if position changed significantly
+        if (newResource.id !== event.resourceId ||
+            Math.abs(newStartHour - event.startHour) > 0.1) {
+            runOnJS(onEventDrop)({
+                eventId: event.id,
+                newResourceId: newResource.id,
+                newStartHour,
+                newEndHour,
+            }, event);
+        }
+        runOnJS(setDraggedEventId)(null);
+        runOnJS(setDropPreview)(null);
+    };
+    const createGesture = (event, layoutX, layoutY, translateX, translateY, blockWidth, blockHeight, eventColor) => {
+        const longPress = Gesture.LongPress()
+            .minDuration(500)
+            .onStart(() => {
+            if (enableDragAndDrop) {
+                runOnJS(setDraggedEventId)(event.id);
+            }
+        });
+        const pan = Gesture.Pan()
+            .enabled(enableDragAndDrop)
+            .activeOffsetX([-5, 5])
+            .activeOffsetY([-5, 5])
+            .onUpdate((e) => {
+            translateX.value = e.translationX;
+            translateY.value = e.translationY;
+            // Update preview position
+            const currentX = layoutX + e.translationX;
+            const currentY = layoutY + e.translationY;
+            updateDropPreview(event, currentX, currentY, blockWidth, blockHeight, eventColor);
+        })
+            .onEnd(() => {
+            const finalX = layoutX + translateX.value;
+            const finalY = layoutY + translateY.value;
+            // Calculate snapped position
+            const newResourceIndex = Math.max(0, Math.min(Math.floor(finalX / dimensions.resourceWidth), resources.length - 1));
+            const hourOffset = finalY / dimensions.hourHeight;
+            const eventDuration = event.endHour - event.startHour;
+            let newStartHour = timeConfig.startHour + hourOffset;
+            newStartHour = Math.round(newStartHour);
+            newStartHour = Math.max(timeConfig.startHour, Math.min(timeConfig.endHour - eventDuration, newStartHour));
+            const snappedTop = (newStartHour - timeConfig.startHour - 1) * dimensions.hourHeight;
+            const snappedLeft = newResourceIndex * dimensions.resourceWidth;
+            // Snap instantly to final position and KEEP it there
+            translateX.value = snappedLeft - layoutX;
+            translateY.value = snappedTop - layoutY;
+            // Trigger the drop callback - React will re-render with new position
+            handleEventDrop(event, finalX, finalY);
+            // Don't reset - let React take over when it re-renders with updated event data
+        });
+        return Gesture.Simultaneous(longPress, pan);
     };
     const defaultColor = eventStyles?.defaultColor || "#3b82f6";
     const borderRadius = eventStyles?.borderRadius || 8;
@@ -38,42 +132,96 @@ export function EventsLayer({ events, resources, onEventPress, timeConfig, dimen
             width: gridTotalWidth,
             height: gridBodyHeight,
         }} pointerEvents="box-none">
+      {/* Drop preview ghost */}
+      {dropPreview && (<View style={{
+                position: "absolute",
+                top: dropPreview.top,
+                left: dropPreview.left,
+                width: dropPreview.width,
+                height: dropPreview.height,
+                backgroundColor: dropPreview.color,
+                opacity: 0.3,
+                borderRadius,
+                borderWidth: 2,
+                borderColor: "#ffffff",
+                borderStyle: "dashed",
+                zIndex: 5,
+            }}/>)}
+
       {positionedEvents.map((item) => {
             const eventColor = item.event.color || defaultColor;
-            return (<View key={item.event.id} style={{
-                    position: "absolute",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    backgroundColor: "#1a1a1a",
-                    top: item.topPosition,
-                    left: item.leftPosition,
-                    height: item.blockHeight,
-                    width: item.blockWidth,
-                }}>
-            <Pressable onPress={() => handleEventPress(item.event)} style={{
-                    height: item.blockHeight - 2,
-                    width: item.blockWidth - 2,
-                    backgroundColor: eventColor,
-                    borderRadius,
-                    opacity,
-                    justifyContent: "center",
-                    alignItems: "center",
-                    padding: 8,
-                    overflow: "hidden",
-                }}>
-              {renderEvent ? (renderEvent(item.event, {
-                    width: item.blockWidth - 2,
-                    height: item.blockHeight - 2,
-                })) : (<Text style={{
-                        color: "#ffffff",
-                        fontSize: 14,
-                        fontWeight: "600",
-                        textAlign: "center",
-                    }} numberOfLines={2}>
-                  {item.event.title}
-                </Text>)}
-            </Pressable>
-          </View>);
+            const isDragging = draggedEventId === item.event.id;
+            return (<EventBlock key={item.event.id} event={item.event} topPosition={item.topPosition} leftPosition={item.leftPosition} blockHeight={item.blockHeight} blockWidth={item.blockWidth} eventColor={eventColor} isDragging={isDragging} borderRadius={borderRadius} opacity={opacity} enableDragAndDrop={enableDragAndDrop} onPress={handleEventPress} createGesture={createGesture} renderEvent={renderEvent} updateDropPreview={updateDropPreview}/>);
         })}
     </View>);
 }
+function EventBlock({ event, topPosition, leftPosition, blockHeight, blockWidth, eventColor, isDragging, borderRadius, opacity, enableDragAndDrop, onPress, createGesture, renderEvent, updateDropPreview, }) {
+    const translateX = useSharedValue(0);
+    const translateY = useSharedValue(0);
+    const scale = useSharedValue(1);
+    // Reset translation when position changes (event data updated)
+    // Use the event's position as a key to detect changes
+    const positionKey = `${topPosition}-${leftPosition}`;
+    const prevPositionKey = useSharedValue(positionKey);
+    useEffect(() => {
+        if (prevPositionKey.value !== positionKey && !isDragging) {
+            translateX.value = 0;
+            translateY.value = 0;
+            prevPositionKey.value = positionKey;
+        }
+    }, [positionKey, isDragging, prevPositionKey, translateX, translateY]);
+    const gesture = enableDragAndDrop
+        ? createGesture(event, leftPosition, topPosition, translateX, translateY, blockWidth, blockHeight, eventColor)
+        : undefined;
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [
+            { translateX: translateX.value },
+            { translateY: translateY.value },
+            { scale: isDragging ? withSpring(1.05) : withSpring(1) },
+        ],
+    }));
+    return (<Animated.View style={[
+            {
+                position: "absolute",
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor: "#1a1a1a",
+                top: topPosition,
+                left: leftPosition,
+                height: blockHeight,
+                width: blockWidth,
+                zIndex: isDragging ? 1000 : 10,
+            },
+            animatedStyle,
+        ]}>
+      <GestureDetector gesture={gesture || Gesture.Tap()}>
+        <Animated.View style={{ width: "100%", height: "100%" }}>
+          <Pressable onPress={() => onPress(event)} style={{
+            height: blockHeight - 2,
+            width: blockWidth - 2,
+            backgroundColor: eventColor,
+            borderRadius,
+            opacity: isDragging ? 0.7 : opacity,
+            justifyContent: "center",
+            alignItems: "center",
+            padding: 8,
+            overflow: "hidden",
+            borderWidth: isDragging ? 2 : 0,
+            borderColor: "#ffffff",
+        }}>
+            {renderEvent ? (renderEvent(event, {
+            width: blockWidth - 2,
+            height: blockHeight - 2,
+        })) : (<Text style={{
+                color: "#ffffff",
+                fontSize: 14,
+                fontWeight: "600",
+                textAlign: "center",
+            }} numberOfLines={2}>
+                {event.title}
+              </Text>)}
+          </Pressable>
+        </Animated.View>
+      </GestureDetector>
+    </Animated.View>);
+}

package/dist/components/calendar/GridBody.d.ts

@@ -1,14 +1,14 @@
 import { CalendarDimensions, CalendarEvent, CalendarStyles, CalendarTimeConfig, Resource, UnavailableSlot } from "../../types/calendar";
-type GridBodyProps<TEvent = any, TResource = any, TUnavailable = any> = {
-    resources: Resource<TResource>[];
-    events: CalendarEvent<TEvent>[];
-    unavailableSlots: UnavailableSlot<TUnavailable>[];
+type GridBodyProps = {
+    resources: Resource[];
+    events: CalendarEvent[];
+    unavailableSlots: UnavailableSlot[];
     onSlotPress?: (hour: number, resourceId: string, date: Date) => void;
     date: Date;
     timeConfig: CalendarTimeConfig;
     dimensions: CalendarDimensions;
     styles?: CalendarStyles;
 };
-export declare function GridBody<TEvent = any, TResource = any, TUnavailable = any>({ resources, events, unavailableSlots, onSlotPress, date, timeConfig, dimensions, styles, }: GridBodyProps<TEvent, TResource, TUnavailable>): import("react").JSX.Element;
+export declare function GridBody({ resources, events, unavailableSlots, onSlotPress, date, timeConfig, dimensions, styles, }: GridBodyProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=GridBody.d.ts.map

package/dist/components/calendar/GridBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridBody.d.ts","sourceRoot":"","sources":["../../../components/calendar/GridBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,aAAa,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,IAAI;IACtE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,gBAAgB,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrE,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,EAAE,EAC1E,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,CAAC,+BAgGhD"}
+{"version":3,"file":"GridBody.d.ts","sourceRoot":"","sources":["../../../components/calendar/GridBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrE,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,aAAa,+BAmGf"}

package/dist/components/calendar/GridBody.js

@@ -1,6 +1,5 @@
-import { MaterialIcons } from "@expo/vector-icons";
 import { useMemo } from "react";
-import { Pressable, View } from "react-native";
+import { Pressable, Text, View } from "react-native";
 export function GridBody({ resources, events, unavailableSlots, onSlotPress, date, timeConfig, dimensions, styles, }) {
     const hoursArray = useMemo(() => {
         const result = [];
@@ -62,7 +61,9 @@ export function GridBody({ resources, events, unavailableSlots, onSlotPress, dat
                         justifyContent: "center",
                         alignItems: "center",
                     }}>
-                <MaterialIcons name="add" size={14} color="#474747"/>
+                <Text style={{ color: "#474747", fontSize: 20, fontWeight: "300" }}>
+                  +
+                </Text>
               </Pressable>);
             })}
         </View>))}

package/dist/components/calendar/ResourceHeaders.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { ScrollView } from "react-native";
 import { CalendarDimensions, RenderResourceHeaderFunction, Resource } from "../../types/calendar";
-type ResourceHeadersProps<T = any> = {
-    resources: Resource<T>[];
+type ResourceHeadersProps = {
+    resources: Resource[];
     scrollRef: React.RefObject<ScrollView | null>;
     dimensions: CalendarDimensions;
-    renderResourceHeader?: RenderResourceHeaderFunction<T>;
-    onResourcePress?: (resource: Resource<T>) => void;
+    renderResourceHeader?: RenderResourceHeaderFunction;
+    onResourcePress?: (resource: Resource) => void;
 };
-export declare function ResourceHeaders<T = any>({ resources, scrollRef, dimensions, renderResourceHeader, onResourcePress, }: ResourceHeadersProps<T>): React.JSX.Element;
+export declare function ResourceHeaders({ resources, scrollRef, dimensions, renderResourceHeader, onResourcePress, }: ResourceHeadersProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ResourceHeaders.d.ts.map

package/dist/components/calendar/ResourceHeaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceHeaders.d.ts","sourceRoot":"","sources":["../../../components/calendar/ResourceHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,UAAU,EAAc,MAAM,cAAc,CAAC;AACjE,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAE9B,KAAK,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI;IACnC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC9C,UAAU,EAAE,kBAAkB,CAAC;IAC/B,oBAAoB,CAAC,EAAE,4BAA4B,CAAC,CAAC,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,EACvC,SAAS,EACT,SAAS,EACT,UAAU,EACV,oBAAoB,EACpB,eAAe,GAChB,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAiDzB"}
+{"version":3,"file":"ResourceHeaders.d.ts","sourceRoot":"","sources":["../../../components/calendar/ResourceHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,UAAU,EAAc,MAAM,cAAc,CAAC;AACjE,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAE9B,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC9C,UAAU,EAAE,kBAAkB,CAAC;IAC/B,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,UAAU,EACV,oBAAoB,EACpB,eAAe,GAChB,EAAE,oBAAoB,qBAiDtB"}

package/dist/components/calendar/UnavailableLayer.d.ts

@@ -1,12 +1,12 @@
 import { CalendarDimensions, CalendarTimeConfig, RenderUnavailableSlotFunction, Resource, UnavailableSlot, UnavailableSlotStyles } from "../../types/calendar";
-type UnavailableLayerProps<TResource = any, TUnavailable = any> = {
-    unavailableSlots: UnavailableSlot<TUnavailable>[];
-    resources: Resource<TResource>[];
+type UnavailableLayerProps = {
+    unavailableSlots: UnavailableSlot[];
+    resources: Resource[];
     timeConfig: CalendarTimeConfig;
     dimensions: CalendarDimensions;
     unavailableStyles?: UnavailableSlotStyles;
-    renderUnavailableSlot?: RenderUnavailableSlotFunction<TUnavailable>;
+    renderUnavailableSlot?: RenderUnavailableSlotFunction;
 };
-export declare function UnavailableLayer<TResource = any, TUnavailable = any>({ unavailableSlots, resources, timeConfig, dimensions, unavailableStyles, renderUnavailableSlot, }: UnavailableLayerProps<TResource, TUnavailable>): import("react").JSX.Element;
+export declare function UnavailableLayer<TResource = unknown, TUnavailable = unknown>({ unavailableSlots, resources, timeConfig, dimensions, unavailableStyles, renderUnavailableSlot, }: UnavailableLayerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=UnavailableLayer.d.ts.map

package/dist/components/calendar/UnavailableLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnavailableLayer.d.ts","sourceRoot":"","sources":["../../../components/calendar/UnavailableLayer.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,6BAA6B,EAC7B,QAAQ,EACR,eAAe,EACf,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,qBAAqB,CAAC,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,IAAI;IAChE,gBAAgB,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAClD,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;IACjC,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,6BAA6B,CAAC,YAAY,CAAC,CAAC;CACrE,CAAC;AAuDF,wBAAgB,gBAAgB,CAAC,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,EAAE,EACpE,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,qBAAqB,GACtB,EAAE,qBAAqB,CAAC,SAAS,EAAE,YAAY,CAAC,+BAkIhD"}
+{"version":3,"file":"UnavailableLayer.d.ts","sourceRoot":"","sources":["../../../components/calendar/UnavailableLayer.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,6BAA6B,EAC7B,QAAQ,EACR,eAAe,EACf,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,qBAAqB,GAAG;IAC3B,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,6BAA6B,CAAC;CACvD,CAAC;AAuDF,wBAAgB,gBAAgB,CAAC,SAAS,GAAG,OAAO,EAAE,YAAY,GAAG,OAAO,EAAE,EAC5E,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,qBAAqB,GACtB,EAAE,qBAAqB,+BAkIvB"}

package/dist/components/calendar/ZoomControls.d.ts

@@ -0,0 +1,10 @@
+interface ZoomControlsProps {
+    currentZoom: number;
+    minZoom: number;
+    maxZoom: number;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+}
+export declare function ZoomControls({ currentZoom, minZoom, maxZoom, onZoomIn, onZoomOut, }: ZoomControlsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ZoomControls.d.ts.map

package/dist/components/calendar/ZoomControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomControls.d.ts","sourceRoot":"","sources":["../../../components/calendar/ZoomControls.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA6BnB"}

package/dist/components/calendar/ZoomControls.js

@@ -0,0 +1,63 @@
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+export function ZoomControls({ currentZoom, minZoom, maxZoom, onZoomIn, onZoomOut, }) {
+    const canZoomIn = currentZoom < maxZoom;
+    const canZoomOut = currentZoom > minZoom;
+    return (<View style={styles.container}>
+      <TouchableOpacity style={[styles.button, !canZoomOut && styles.buttonDisabled]} onPress={onZoomOut} disabled={!canZoomOut} accessibilityLabel="Zoom out" accessibilityRole="button">
+        <Text style={[styles.buttonText, !canZoomOut && styles.textDisabled]}>
+          −
+        </Text>
+      </TouchableOpacity>
+      <Text style={styles.zoomText}>{Math.round(currentZoom * 100)}%</Text>
+      <TouchableOpacity style={[styles.button, !canZoomIn && styles.buttonDisabled]} onPress={onZoomIn} disabled={!canZoomIn} accessibilityLabel="Zoom in" accessibilityRole="button">
+        <Text style={[styles.buttonText, !canZoomIn && styles.textDisabled]}>
+          +
+        </Text>
+      </TouchableOpacity>
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        position: "absolute",
+        bottom: 20,
+        right: 20,
+        flexDirection: "row",
+        alignItems: "center",
+        backgroundColor: "#2a2a2a",
+        borderRadius: 8,
+        padding: 4,
+        elevation: 4,
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.3,
+        shadowRadius: 4,
+        zIndex: 1000,
+    },
+    button: {
+        width: 36,
+        height: 36,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#3a3a3a",
+        borderRadius: 6,
+    },
+    buttonDisabled: {
+        opacity: 0.3,
+    },
+    buttonText: {
+        color: "#fff",
+        fontSize: 24,
+        fontWeight: "600",
+    },
+    textDisabled: {
+        color: "#666",
+    },
+    zoomText: {
+        color: "#fff",
+        fontSize: 14,
+        fontWeight: "500",
+        marginHorizontal: 12,
+        minWidth: 45,
+        textAlign: "center",
+    },
+});

package/dist/types/calendar.d.ts

@@ -1,26 +1,29 @@
 import { ReactNode } from "react";
-export type Resource<T = any> = {
+export type Resource = {
     id: string;
     label: string;
-    data?: T;
 };
-export type CalendarEvent<T = any> = {
+export type CalendarEvent = {
     id: string;
     title: string;
     resourceId: string;
     startHour: number;
     endHour: number;
     color?: string;
-    data?: T;
+};
+export type DroppedEventData = {
+    eventId: string;
+    newResourceId: string;
+    newStartHour: number;
+    newEndHour: number;
 };
 export type UnavailableType = "reserved" | "offHours" | "disabled";
-export type UnavailableSlot<T = any> = {
+export type UnavailableSlot = {
     id: string;
     resourceId: string;
     startHour: number;
     endHour: number;
     type: UnavailableType;
-    data?: T;
 };
 export type CalendarDimensions = {
     /** Width of each resource column in pixels */
@@ -75,43 +78,50 @@ export type UnavailableSlotStyles = {
         opacity?: number;
     };
 };
-export type RenderEventFunction<T = any> = (event: CalendarEvent<T>, dimensions: {
+export type RenderEventFunction = (event: CalendarEvent, dimensions: {
     width: number;
     height: number;
 }) => ReactNode;
-export type RenderResourceHeaderFunction<T = any> = (resource: Resource<T>) => ReactNode;
+export type RenderResourceHeaderFunction = (resource: Resource) => ReactNode;
 export type RenderTimeSlotFunction = (hour: number) => ReactNode;
-export type RenderUnavailableSlotFunction<T = any> = (slot: UnavailableSlot<T>, dimensions: {
+export type RenderUnavailableSlotFunction = (slot: UnavailableSlot, dimensions: {
     width: number;
     height: number;
 }) => ReactNode;
-export type CalendarProps<TEvent = any, TResource = any, TUnavailable = any> = {
+export type CalendarProps = {
     date: Date;
-    resources: Resource<TResource>[];
-    events: CalendarEvent<TEvent>[];
-    unavailableSlots?: UnavailableSlot<TUnavailable>[];
+    resources: Resource[];
+    events: CalendarEvent[];
+    unavailableSlots?: UnavailableSlot[];
     timeConfig?: CalendarTimeConfig;
     dimensions?: Partial<CalendarDimensions>;
     styles?: CalendarStyles;
     eventStyles?: CalendarEventStyles;
     unavailableStyles?: UnavailableSlotStyles;
+    zoomEnabled?: boolean;
+    maxZoom?: number;
+    initialZoom?: number;
+    snapBack?: boolean;
+    snapBackDelay?: number;
     onSlotPress?: (hour: number, resourceId: string, date: Date) => void;
-    onEventPress?: (event: CalendarEvent<TEvent>) => void;
-    onResourcePress?: (resource: Resource<TResource>) => void;
+    onEventPress?: (event: CalendarEvent) => void;
+    onResourcePress?: (resource: Resource) => void;
     onDateChange?: (date: Date) => void;
+    onEventDrop?: (droppedData: DroppedEventData, originalEvent: CalendarEvent) => void;
     minDate?: Date;
     maxDate?: Date;
     allowPastDates?: boolean;
-    renderEvent?: RenderEventFunction<TEvent>;
-    renderResourceHeader?: RenderResourceHeaderFunction<TResource>;
+    renderEvent?: RenderEventFunction;
+    renderResourceHeader?: RenderResourceHeaderFunction;
     renderTimeSlot?: RenderTimeSlotFunction;
-    renderUnavailableSlot?: RenderUnavailableSlotFunction<TUnavailable>;
+    renderUnavailableSlot?: RenderUnavailableSlotFunction;
     showHeader?: boolean;
     showTimeColumn?: boolean;
     showResourceHeaders?: boolean;
     enableHorizontalScroll?: boolean;
     enableVerticalScroll?: boolean;
     showDateNavigation?: boolean;
+    enableDragAndDrop?: boolean;
     dateFormat?: string;
     accessibilityLabel?: string;
 };

package/dist/types/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../types/calendar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../types/calendar.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "react-native-calendar-resource",
-  "version": "1.0.2",
+  "version": "1.1.2",
   "description": "A fully customizable, type-safe resource-based calendar component for React Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc",
+    "build": "tsc -p tsconfig.package.json",
+    "watch": "tsc -p tsconfig.package.json --watch",
     "prepublishOnly": "npm run build",
     "test": "echo \"No tests yet\" && exit 0"
   },
@@ -24,15 +25,29 @@
     "type": "git",
     "url": "https://github.com/abdosobhy1/react-native-calendar-resource"
   },
+  "homepage": "https://github.com/abdosobhy1/react-native-calendar-resource#readme",
+  "bugs": {
+    "url": "https://github.com/abdosobhy1/react-native-calendar-resource/issues"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-native": ">=0.70.0",
-    "date-fns": ">=3.0.0"
+    "date-fns": ">=3.0.0",
+    "react-native-gesture-handler": ">=2.9.0",
+    "react-native-reanimated": ">=2.14.0"
   },
   "devDependencies": {
     "@types/react": "^19.1.0",
     "@types/react-native": "^0.73.0",
+    "react": "^18.2.0",
+    "react-native": "^0.73.0",
+    "react-native-gesture-handler": "^2.14.0",
+    "react-native-reanimated": "^3.6.0",
     "typescript": "^5.9.2"
   },
-  "files": ["dist", "README.md", "LICENSE"]
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
 }

package/dist/components/calendar/dateUtils.d.ts

@@ -1,37 +0,0 @@
-/**
- * Native date utility functions to replace date-fns
- * Zero external dependencies
- */
-/**
- * Add days to a date
- */
-export declare function addDays(date: Date, days: number): Date;
-/**
- * Subtract days from a date
- */
-export declare function subDays(date: Date, days: number): Date;
-/**
- * Format a date according to a format string
- * Supports common tokens:
- * - EEE: Short weekday name (Mon, Tue, etc.)
- * - EEEE: Full weekday name (Monday, Tuesday, etc.)
- * - MMM: Short month name (Jan, Feb, etc.)
- * - MMMM: Full month name (January, February, etc.)
- * - MM: Month as 2 digits (01-12)
- * - M: Month as 1-2 digits (1-12)
- * - dd: Day as 2 digits (01-31)
- * - d: Day as 1-2 digits (1-31)
- * - yyyy: Full year (2026)
- * - yy: 2-digit year (26)
- * - HH: Hour in 24h format with leading zero (00-23)
- * - H: Hour in 24h format (0-23)
- * - hh: Hour in 12h format with leading zero (01-12)
- * - h: Hour in 12h format (1-12)
- * - mm: Minutes with leading zero (00-59)
- * - m: Minutes (0-59)
- * - ss: Seconds with leading zero (00-59)
- * - s: Seconds (0-59)
- * - a: AM/PM
- */
-export declare function formatDate(date: Date, formatString: string): string;
-//# sourceMappingURL=dateUtils.d.ts.map

package/dist/components/calendar/dateUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../components/calendar/dateUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAItD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAItD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CA+FnE"}

package/dist/components/calendar/dateUtils.js

@@ -1,128 +0,0 @@
-/**
- * Native date utility functions to replace date-fns
- * Zero external dependencies
- */
-/**
- * Add days to a date
- */
-export function addDays(date, days) {
-    const result = new Date(date);
-    result.setDate(result.getDate() + days);
-    return result;
-}
-/**
- * Subtract days from a date
- */
-export function subDays(date, days) {
-    const result = new Date(date);
-    result.setDate(result.getDate() - days);
-    return result;
-}
-/**
- * Format a date according to a format string
- * Supports common tokens:
- * - EEE: Short weekday name (Mon, Tue, etc.)
- * - EEEE: Full weekday name (Monday, Tuesday, etc.)
- * - MMM: Short month name (Jan, Feb, etc.)
- * - MMMM: Full month name (January, February, etc.)
- * - MM: Month as 2 digits (01-12)
- * - M: Month as 1-2 digits (1-12)
- * - dd: Day as 2 digits (01-31)
- * - d: Day as 1-2 digits (1-31)
- * - yyyy: Full year (2026)
- * - yy: 2-digit year (26)
- * - HH: Hour in 24h format with leading zero (00-23)
- * - H: Hour in 24h format (0-23)
- * - hh: Hour in 12h format with leading zero (01-12)
- * - h: Hour in 12h format (1-12)
- * - mm: Minutes with leading zero (00-59)
- * - m: Minutes (0-59)
- * - ss: Seconds with leading zero (00-59)
- * - s: Seconds (0-59)
- * - a: AM/PM
- */
-export function formatDate(date, formatString) {
-    const weekdaysShort = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-    const weekdaysFull = [
-        "Sunday",
-        "Monday",
-        "Tuesday",
-        "Wednesday",
-        "Thursday",
-        "Friday",
-        "Saturday",
-    ];
-    const monthsShort = [
-        "Jan",
-        "Feb",
-        "Mar",
-        "Apr",
-        "May",
-        "Jun",
-        "Jul",
-        "Aug",
-        "Sep",
-        "Oct",
-        "Nov",
-        "Dec",
-    ];
-    const monthsFull = [
-        "January",
-        "February",
-        "March",
-        "April",
-        "May",
-        "June",
-        "July",
-        "August",
-        "September",
-        "October",
-        "November",
-        "December",
-    ];
-    const day = date.getDate();
-    const month = date.getMonth();
-    const year = date.getFullYear();
-    const weekday = date.getDay();
-    const hours = date.getHours();
-    const minutes = date.getMinutes();
-    const seconds = date.getSeconds();
-    const pad = (num, size = 2) => {
-        return num.toString().padStart(size, "0");
-    };
-    const tokens = {
-        EEEE: weekdaysFull[weekday],
-        EEE: weekdaysShort[weekday],
-        MMMM: monthsFull[month],
-        MMM: monthsShort[month],
-        MM: pad(month + 1),
-        M: (month + 1).toString(),
-        dd: pad(day),
-        d: day.toString(),
-        yyyy: year.toString(),
-        yy: year.toString().slice(-2),
-        HH: pad(hours),
-        H: hours.toString(),
-        hh: pad(hours % 12 || 12),
-        h: (hours % 12 || 12).toString(),
-        mm: pad(minutes),
-        m: minutes.toString(),
-        ss: pad(seconds),
-        s: seconds.toString(),
-        a: hours >= 12 ? "PM" : "AM",
-    };
-    let result = formatString;
-    // Sort by length descending to replace longer tokens first (e.g., MMMM before MMM)
-    const sortedTokens = Object.keys(tokens).sort((a, b) => b.length - a.length);
-    for (const token of sortedTokens) {
-        // Use a unique placeholder to avoid re-replacement issues
-        const placeholder = `\x00${token}\x00`;
-        result = result.replace(new RegExp(token, "g"), placeholder);
-    }
-    // Replace placeholders with actual values
-    for (const token of sortedTokens) {
-        const placeholder = `\x00${token}\x00`;
-        result = result.replace(new RegExp(placeholder.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), tokens[token]);
-    }
-    return result;
-}