@forcecalendar/interface 1.0.37 → 1.0.39

package/package.json

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

package/src/components/ForceCalendar.js

@@ -854,10 +854,11 @@ export class ForceCalendar extends BaseComponent {
     switch (view) {
       case 'month':
         return DateUtils.formatDate(date, 'month', locale);
-      case 'week':
+      case 'week': {
         const weekStart = DateUtils.startOfWeek(date);
         const weekEnd = DateUtils.endOfWeek(date);
         return DateUtils.formatDateRange(weekStart, weekEnd, locale);
+      }
       case 'day':
         return DateUtils.formatDate(date, 'long', locale);
       default:

package/src/renderers/DayViewRenderer.js

@@ -180,14 +180,15 @@ export class DayViewRenderer extends BaseViewRenderer {
       if (e.target.closest('.fc-event')) return;
 
       const date = new Date(dayEl.dataset.date);
-      const rect = dayEl.getBoundingClientRect();
       const scrollContainer = this.container.querySelector('#day-scroll-container');
-      const y = e.clientY - rect.top;
+      const gridTop = dayEl.offsetTop;
+      const y = e.clientY - dayEl.getBoundingClientRect().top + (scrollContainer ? scrollContainer.scrollTop : 0) - gridTop;
 
-      // Calculate time from click position
+      // Calculate time from click position within the 1440px time grid
+      const clampedY = Math.max(0, Math.min(y + gridTop, this.totalHeight));
       date.setHours(
-        Math.floor(y / this.hourHeight),
-        Math.floor((y % this.hourHeight) / (this.hourHeight / 60)),
+        Math.floor(clampedY / this.hourHeight),
+        Math.floor((clampedY % this.hourHeight) / (this.hourHeight / 60)),
         0,
         0
       );

package/src/renderers/WeekViewRenderer.js

@@ -159,14 +159,15 @@ export class WeekViewRenderer extends BaseViewRenderer {
       if (e.target.closest('.fc-event')) return;
 
       const date = new Date(dayEl.dataset.date);
-      const rect = dayEl.getBoundingClientRect();
       const scrollContainer = this.container.querySelector('#week-scroll-container');
-      const y = e.clientY - rect.top;
+      const gridTop = dayEl.offsetTop;
+      const y = e.clientY - dayEl.getBoundingClientRect().top + (scrollContainer ? scrollContainer.scrollTop : 0) - gridTop;
 
-      // Calculate time from click position
+      // Calculate time from click position within the 1440px time grid
+      const clampedY = Math.max(0, Math.min(y + gridTop, this.totalHeight));
       date.setHours(
-        Math.floor(y / this.hourHeight),
-        Math.floor((y % this.hourHeight) / (this.hourHeight / 60)),
+        Math.floor(clampedY / this.hourHeight),
+        Math.floor((clampedY % this.hourHeight) / (this.hourHeight / 60)),
         0,
         0
       );