react-native-resource-calendar 1.1.14 → 1.1.16

package/dist/index.mjs

@@ -914,7 +914,8 @@ var DisabledBlockComponent = ({
   layout,
   disabledBlock,
   hourHeight,
-  onDisabledBlockPress
+  onDisabledBlockPress,
+  tapThrough
 }) => {
   const dynamicStyle = {
     backgroundColor: "#d3d3d3",
@@ -923,13 +924,17 @@ var DisabledBlockComponent = ({
     height: height < hourHeight / 4 ? height : height - 4,
     width: layout.widthPx - 3,
     borderWidth: 1,
-    borderColor: "rgba(0,0,0,0.12)"
+    borderColor: "rgba(0,0,0,0.12)",
+    opacity: tapThrough ? 0.5 : 1,
+    // Let touches fall through to the grid blocks beneath when tap-through.
+    pointerEvents: tapThrough ? "none" : "auto"
   };
   const titleFace = useResolvedFont({ fontWeight: "600" });
   return /* @__PURE__ */ React19__default.createElement(
     TouchableOpacity,
     {
       style: [styles4.event, dynamicStyle],
+      disabled: tapThrough,
       onPress: () => {
         onDisabledBlockPress && onDisabledBlockPress(disabledBlock);
       }
@@ -966,6 +971,7 @@ var DisabledBlocks = React19__default.memo(({
   APPOINTMENT_BLOCK_WIDTH,
   hourHeight,
   onDisabledBlockPress,
+  tapThrough,
   date: dateProp
 }) => {
   const { useDisabledBlocksFor: useDisabledBlocksFor2, useGetDate: useGetDate2 } = useCalendarBinding();
@@ -986,7 +992,8 @@ var DisabledBlocks = React19__default.memo(({
           top: scalePosition(disabledBlock.from, hourHeight),
           height: scalePosition(disabledBlock.to - disabledBlock.from, hourHeight),
           layout: layoutMap.get(key),
-          onDisabledBlockPress
+          onDisabledBlockPress,
+          tapThrough
         }
       );
     }
@@ -1027,7 +1034,10 @@ var EventBlock = React19__default.memo(({
     zIndex: frame.zIndex,
     opacity: anyEventSelected || disabled ? 0.5 : 1,
     borderWidth: selected ? 2 : 1,
-    borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)"
+    borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)",
+    // When disabled, let touches fall through to the grid blocks beneath
+    // (e.g. "select a time" mode) instead of swallowing them.
+    pointerEvents: disabled ? "none" : "auto"
   };
   const resolved = typeof styleOverrides === "function" ? styleOverrides(event) ?? {} : styleOverrides ?? {};
   const handlePress = useCallback(() => onPress?.(event), [onPress, event]);
@@ -1789,7 +1799,8 @@ var CalendarInner = (props) => {
         date: dayDate,
         APPOINTMENT_BLOCK_WIDTH,
         hourHeight,
-        onDisabledBlockPress: stableOnDisabledBlockPress
+        onDisabledBlockPress: stableOnDisabledBlockPress,
+        tapThrough: props.disabledBlocksTapThrough
       }
     ), /* @__PURE__ */ React19__default.createElement(
       EventBlocks_default,
@@ -1820,7 +1831,8 @@ var CalendarInner = (props) => {
     internalStableOnLongPress,
     stableOnDisabledBlockPress,
     stableHandleBlockPress,
-    stableHandleBlockLongPress
+    stableHandleBlockLongPress,
+    props.disabledBlocksTapThrough
   ]);
   const listExtraData = useMemo(
     () => ({
@@ -1830,7 +1842,8 @@ var CalendarInner = (props) => {
       stacked: overLappingLayoutMode === "stacked",
       isEventSelectedStable,
       isEventDisabledStable,
-      effectiveRenderer
+      effectiveRenderer,
+      disabledBlocksTapThrough: props.disabledBlocksTapThrough
     }),
     [
       numberOfColumns,
@@ -1839,7 +1852,8 @@ var CalendarInner = (props) => {
       overLappingLayoutMode,
       isEventSelectedStable,
       isEventDisabledStable,
-      effectiveRenderer
+      effectiveRenderer,
+      props.disabledBlocksTapThrough
     ]
   );
   return /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__default.createElement(View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__default.createElement(View, { key: `header-${numberOfColumns}-${width}` }, /* @__PURE__ */ React19__default.createElement(