@forcecalendar/interface 1.0.51 → 1.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forcecalendar/interface",
-  "version": "1.0.51",
+  "version": "1.0.52",
   "type": "module",
   "description": "Official interface layer for forceCalendar Core - Enterprise calendar components",
   "main": "dist/force-calendar-interface.umd.js",

package/src/renderers/BaseViewRenderer.js

@@ -18,6 +18,7 @@ export class BaseViewRenderer {
     this.stateManager = stateManager;
     this._listeners = [];
     this._scrolled = false;
+    this._nowIndicatorTimer = null;
   }
 
   /**
@@ -36,6 +37,10 @@ export class BaseViewRenderer {
       element.removeEventListener(event, handler);
     });
     this._listeners = [];
+    if (this._nowIndicatorTimer) {
+      clearInterval(this._nowIndicatorTimer);
+      this._nowIndicatorTimer = null;
+    }
   }
 
   /**
@@ -137,6 +142,23 @@ export class BaseViewRenderer {
     return `<div class="fc-now-indicator" style="position: absolute; left: 0; right: 0; top: ${minutes}px; height: 2px; background: var(--fc-danger-color); z-index: 15; pointer-events: none;"></div>`;
   }
 
+  /**
+   * Start a timer that updates the now indicator position every 60 seconds.
+   * Call this after render() in day/week views that show a now indicator.
+   */
+  startNowIndicatorTimer() {
+    if (this._nowIndicatorTimer) {
+      clearInterval(this._nowIndicatorTimer);
+    }
+    this._nowIndicatorTimer = setInterval(() => {
+      const indicator = this.container.querySelector('.fc-now-indicator');
+      if (indicator) {
+        const now = new Date();
+        indicator.style.top = `${now.getHours() * 60 + now.getMinutes()}px`;
+      }
+    }, 60000);
+  }
+
   /**
    * Compute overlap layout columns for a list of timed events.
    * Returns a Map of event.id -> { column, totalColumns }.

package/src/renderers/DayViewRenderer.js

@@ -31,6 +31,7 @@ export class DayViewRenderer extends BaseViewRenderer {
     this.container.innerHTML = html;
     this._attachEventHandlers();
     this._scrollToCurrentTime();
+    this.startNowIndicatorTimer();
   }
 
   _renderDayView(viewData, _config) {

package/src/renderers/WeekViewRenderer.js

@@ -31,6 +31,7 @@ export class WeekViewRenderer extends BaseViewRenderer {
     this.container.innerHTML = html;
     this._attachEventHandlers();
     this._scrollToCurrentTime();
+    this.startNowIndicatorTimer();
   }
 
   _renderWeekView(viewData, _config) {