@forcecalendar/interface 1.0.49 → 1.0.51

package/package.json

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

package/src/components/ForceCalendar.js

@@ -34,7 +34,6 @@ export class ForceCalendar extends BaseComponent {
     this.stateManager = null;
     this.currentView = null;
     this._hasRendered = false; // Track if initial render is complete
-    this._cachedStyles = null; // Cache styles to avoid recreation
     this._busUnsubscribers = [];
   }
 

package/src/renderers/DayViewRenderer.js

@@ -5,6 +5,7 @@
  */
 
 import { BaseViewRenderer } from './BaseViewRenderer.js';
+import { DateUtils } from '../utils/DateUtils.js';
 
 export class DayViewRenderer extends BaseViewRenderer {
   constructor(container, stateManager) {
@@ -54,12 +55,12 @@ export class DayViewRenderer extends BaseViewRenderer {
 
   _extractDayData(viewData, currentDate) {
     let dayDate, dayName, isToday, allDayEvents, timedEvents;
-    const dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+    const locale = this.stateManager.getState().config.locale || 'en-US';
 
     if (viewData.type === 'day' && viewData.date) {
       // Core day view structure
       dayDate = new Date(viewData.date);
-      dayName = viewData.dayName || dayNames[dayDate.getDay()];
+      dayName = viewData.dayName || DateUtils.getDayName(dayDate.getDay(), locale);
       isToday = viewData.isToday !== undefined ? viewData.isToday : this.isToday(dayDate);
       allDayEvents = viewData.allDayEvents || [];
 
@@ -82,7 +83,7 @@ export class DayViewRenderer extends BaseViewRenderer {
       const dayDataItem =
         viewData.days.find(d => this.isSameDay(new Date(d.date), currentDate)) || viewData.days[0];
       dayDate = new Date(dayDataItem.date);
-      dayName = dayNames[dayDate.getDay()];
+      dayName = DateUtils.getDayName(dayDate.getDay(), locale);
       isToday = this.isToday(dayDate);
       const events = dayDataItem.events || [];
       allDayEvents = events.filter(e => e.allDay);

package/src/renderers/MonthViewRenderer.js

@@ -5,6 +5,7 @@
  */
 
 import { BaseViewRenderer } from './BaseViewRenderer.js';
+import { DateUtils } from '../utils/DateUtils.js';
 
 export class MonthViewRenderer extends BaseViewRenderer {
   constructor(container, stateManager) {
@@ -50,11 +51,11 @@ export class MonthViewRenderer extends BaseViewRenderer {
   }
 
   _getDayNames(weekStartsOn) {
-    const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+    const locale = this.stateManager.getState().config.locale || 'en-US';
     const dayNames = [];
     for (let i = 0; i < 7; i++) {
       const dayIndex = (weekStartsOn + i) % 7;
-      dayNames.push(days[dayIndex]);
+      dayNames.push(DateUtils.getDayAbbreviation(dayIndex, locale));
     }
     return dayNames;
   }

package/src/renderers/WeekViewRenderer.js

@@ -5,6 +5,7 @@
  */
 
 import { BaseViewRenderer } from './BaseViewRenderer.js';
+import { DateUtils } from '../utils/DateUtils.js';
 
 export class WeekViewRenderer extends BaseViewRenderer {
   constructor(container, stateManager) {
@@ -34,7 +35,7 @@ export class WeekViewRenderer extends BaseViewRenderer {
 
   _renderWeekView(viewData, _config) {
     const days = viewData.days;
-    const dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+    const locale = this.stateManager.getState().config.locale || 'en-US';
     const hours = Array.from({ length: 24 }, (_, i) => i);
 
     // Process days to categorize events
@@ -44,7 +45,7 @@ export class WeekViewRenderer extends BaseViewRenderer {
       return {
         ...day,
         date: dayDate,
-        dayName: dayNames[dayDate.getDay()],
+        dayName: DateUtils.getDayAbbreviation(dayDate.getDay(), locale),
         dayOfMonth: dayDate.getDate(),
         isToday: this.isToday(dayDate),
         timedEvents: events.filter(e => !e.allDay),

package/src/utils/DateUtils.js

@@ -147,6 +147,14 @@ export class DateUtils extends CoreDateUtils {
     return new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(date);
   }
 
+  /**
+   * Get full day name
+   */
+  static getDayName(dayIndex, locale = 'en-US') {
+    const date = new Date(2024, 0, 7 + dayIndex); // Jan 7, 2024 is a Sunday
+    return new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(date);
+  }
+
   /**
    * Get month name
    */