react-native-resource-calendar 1.1.8 → 1.1.10

package/README.md

@@ -294,6 +294,7 @@ The `Calendar` component accepts a flexible set of props for customizing layout,
 | **`onDisabledBlockPress`**  | `(block: DisabledBlock) => void`                                                                                 | —                       | Tap on a disabled block (e.g., lunch).                                                                                                  |
 | **`onEventPress`**          | `(event: Event) => void`                                                                                         | —                       | Tap on an event.                                                                                                                        |
 | **`onEventLongPress`**      | `(event: Event) => void`                                                                                         | —                       | Long-press on an event. The calendar also preps internal drag state here.                                                               |
+| **`scrollsToTop`**          | `boolean`                                                                                                        | `true`                  | iOS only. When `true`, tapping the status bar scrolls the timeline back to the top. Set to `false` if another scroll view in your screen should handle this gesture instead. |
 
 ---
 

package/dist/index.d.mts

@@ -99,6 +99,7 @@ interface CalendarProps {
     overLappingLayoutMode?: LayoutMode;
     mode?: CalendarMode;
     activeResourceId?: number;
+    scrollsToTop?: boolean;
 }
 declare const Calendar: React$1.FC<CalendarProps>;
 

package/dist/index.d.ts

@@ -99,6 +99,7 @@ interface CalendarProps {
     overLappingLayoutMode?: LayoutMode;
     mode?: CalendarMode;
     activeResourceId?: number;
+    scrollsToTop?: boolean;
 }
 declare const Calendar: React$1.FC<CalendarProps>;
 

package/dist/index.js

@@ -1391,7 +1391,8 @@ var CalendarInner = (props) => {
     eventStyleOverrides,
     overLappingLayoutMode = "stacked",
     mode = "day",
-    activeResourceId
+    activeResourceId,
+    scrollsToTop = true
   } = props;
   const numberOfColumns = mode === "day" ? numberOfColumnsProp : mode === "week" ? 7 : 3;
   const isMultiDay = mode !== "day";
@@ -1882,7 +1883,7 @@ var CalendarInner = (props) => {
       top: 0,
       left: TIME_LABEL_WIDTH,
       paddingLeft: TIME_LABEL_WIDTH,
-      width: width - TIME_LABEL_WIDTH,
+      width: (layout?.width ?? width) - TIME_LABEL_WIDTH,
       height: "100%",
       backgroundColor: "rgba(0, 0, 0, 0.1)",
       zIndex: 1
@@ -1894,6 +1895,7 @@ var CalendarInner = (props) => {
         onScroll: verticalScrollHandler,
         ref: verticalScrollViewRef,
         scrollEventThrottle: 16,
+        scrollsToTop,
         snapToInterval: hourHeight,
         decelerationRate: "fast",
         snapToAlignment: "start",