react-native-resource-calendar 1.0.23 → 1.0.24

package/dist/index.js

@@ -362,6 +362,7 @@ var TimeLabels = React19__namespace.forwardRef(({
   const isToday = dateFns.isSameDay(/* @__PURE__ */ new Date(), date);
   const [currentTimeYPosition, setCurrentTimeYPosition] = React19.useState(timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight));
   const [currentTime, setCurrentTime] = React19.useState(dateFns.format(dateFnsTz.toZonedTime(/* @__PURE__ */ new Date(), timezone), "h:mm"));
+  const APPOINTMENT_BLOCK_HEIGHT = hourHeight / 4;
   const updateCurrentTimeYPosition = () => {
     setCurrentTimeYPosition(timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight));
   };
@@ -378,6 +379,22 @@ var TimeLabels = React19__namespace.forwardRef(({
     const intervalId = setInterval(update, 300);
     return () => clearInterval(intervalId);
   }, [timezone]);
+  const lastScrolledDateRef = React19.useRef(null);
+  React19.useEffect(() => {
+    if (!layout) return;
+    const dateKey = date.getTime();
+    if (lastScrolledDateRef.current === dateKey) return;
+    reactNative.InteractionManager.runAfterInteractions(() => {
+      let pos = isToday ? currentTimeYPosition - 240 : timeToYPosition(startMinutes, hourHeight);
+      if (ref.current) {
+        ref.current.scrollTo({
+          y: Math.round(pos / APPOINTMENT_BLOCK_HEIGHT) * APPOINTMENT_BLOCK_HEIGHT,
+          animated: true
+        });
+        lastScrolledDateRef.current = dateKey;
+      }
+    });
+  }, [layout, date, isToday, APPOINTMENT_BLOCK_HEIGHT, startMinutes, hourHeight, currentTimeYPosition]);
   return /* @__PURE__ */ React19__namespace.createElement(React19__namespace.Fragment, null, /* @__PURE__ */ React19__namespace.createElement(Col_default, null, Array.from({ length: 24 }).map((_, index) => /* @__PURE__ */ React19__namespace.createElement(reactNative.View, { key: index, style: [styles.timeLabel, { height: hourHeight }] }, /* @__PURE__ */ React19__namespace.createElement(
     reactNative.Text,
     {
@@ -1350,7 +1367,7 @@ var CalendarInner = (props) => {
   const {
     date,
     numberOfColumns: numberOfColumnsProp = 3,
-    startMinutes = 0,
+    startMinutes,
     hourHeight = 120,
     snapIntervalInMinutes = 5,
     timezone = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone,
@@ -1769,22 +1786,6 @@ var CalendarInner = (props) => {
   React19.useEffect(() => {
     dateRef.current = date;
   }, [date]);
-  const lastScrolledDateRef = React19.useRef(null);
-  React19.useEffect(() => {
-    if (!layout) return;
-    const isToday = dateFns.isSameDay(/* @__PURE__ */ new Date(), date);
-    const APPOINTMENT_BLOCK_HEIGHT = hourHeight / 4;
-    const dateKey = date.getTime();
-    const currentTimeYPosition = timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight);
-    if (lastScrolledDateRef.current === dateKey) return;
-    let pos = isToday ? currentTimeYPosition - 240 : timeToYPosition(startMinutes, hourHeight);
-    const y = Math.round(pos / APPOINTMENT_BLOCK_HEIGHT) * APPOINTMENT_BLOCK_HEIGHT;
-    Animated2.runOnUI((yVal) => {
-      "worklet";
-      Animated2.scrollTo(verticalScrollViewRef, 0, yVal, true);
-    })(y);
-    lastScrolledDateRef.current = dateKey;
-  }, [layout, date, startMinutes, hourHeight]);
   const renderItem = React19.useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;