@globalpayments/vega 2.64.0 → 2.66.0

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js

@@ -105,15 +105,11 @@ export class RTEListBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const clonedListBlock = new RTEListBlock(this.id, this.type);
-    clonedListBlock.children = this.children.map((item) => {
-      const clonedListItemBlock = item.clone();
-      clonedListItemBlock.parent = clonedListBlock;
-      return clonedListItemBlock;
-    });
+    clonedListBlock.children = this.children.map((item) => item.clone(clonedListBlock));
     clonedListBlock.annotationMap = super.cloneAnnotations();
-    clonedListBlock.parent = this.parent;
+    clonedListBlock.parent = parent;
     return clonedListBlock;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js

@@ -105,21 +105,13 @@ export class RTEListItemBlock extends RTETextBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     var _a;
     const block = new RTEListItemBlock(this.id);
-    block.children = this.children.map((node) => {
-      const clonedNode = node.clone();
-      clonedNode.parent = block;
-      return clonedNode;
-    });
+    block.children = this.children.map((node) => node.clone(block));
     block.annotationMap = super.cloneAnnotations();
-    block.nestList = (_a = this.nestList) === null || _a === void 0 ? void 0 : _a.map((child) => {
-      const clonedChild = child.clone();
-      clonedChild.parent = block;
-      return clonedChild;
-    });
-    block.parent = this.parent;
+    block.nestList = (_a = this.nestList) === null || _a === void 0 ? void 0 : _a.map((child) => child.clone(block));
+    block.parent = parent;
     return block;
   }
 }

package/dist/collection/components/vega-rich-text-editor/dto/blocks/text-block.js

@@ -164,15 +164,11 @@ export class RTETextBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const clonedBlock = new RTETextBlock(this.id, this.type);
-    clonedBlock.children = this.children.map((node) => {
-      const clonedNode = node.clone();
-      clonedNode.parent = clonedBlock;
-      return clonedNode;
-    });
+    clonedBlock.children = this.children.map((node) => node.clone(clonedBlock));
     clonedBlock.annotationMap = super.cloneAnnotations();
-    clonedBlock.parent = this.parent;
+    clonedBlock.parent = parent;
     return clonedBlock;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/content-state.js

@@ -115,7 +115,7 @@ export class VegaRTEContent {
    */
   clone(deep = false) {
     return deep
-      ? new VegaRTEContent(this.children.map((block) => block.clone()))
+      ? new VegaRTEContent(this.children.map((block) => block.clone(this)))
       : new VegaRTEContent([...this.children]);
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/nodes/code-block-node.js

@@ -35,8 +35,9 @@ export class RTECodeBlockNode extends RTEDecoratorNode {
   /**
    * @inheritDoc
    */
-  clone() {
-    return new RTECodeBlockNode(this.id, this.text, this.language, this.parent);
+  clone(parent) {
+    const cloned = new RTECodeBlockNode(this.id, this.text, this.language, parent);
+    return cloned;
   }
   /**
    * @inheritDoc

package/dist/collection/components/vega-rich-text-editor/dto/nodes/image-node.js

@@ -69,8 +69,8 @@ export class RTEImageNode extends RTEDecoratorNode {
   /**
    * @inheritDoc
    */
-  clone() {
-    return new RTEImageNode(this.id, this.url, this.parent, super.cloneAnnotations());
+  clone(parent) {
+    return new RTEImageNode(this.id, this.url, parent, super.cloneAnnotations());
   }
   /**
    * @inheritDoc

package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js

@@ -154,8 +154,8 @@ export class RTETextNode extends RTENode {
   /**
    * @inheritDoc
    */
-  clone() {
-    const cloned = new RTETextNode(this.id, this.text, this.parent, super.cloneAnnotations());
+  clone(parent) {
+    const cloned = new RTETextNode(this.id, this.text, parent, super.cloneAnnotations());
     return cloned;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-node.js

@@ -39,10 +39,11 @@ export class RTETokenNode extends RTETextNode {
   /**
    * Clones the token node.
    *
+   * @param {RTETextBlock} parent - The parent block for the cloned node.
    * @returns {RTETokenNode} - The cloned token node.
    */
-  clone() {
-    return new RTETokenNode(this.id, this.token, this.text, this.parent, this.annotationMap);
+  clone(parent) {
+    return new RTETokenNode(this.id, this.token, this.text, parent, this.annotationMap);
   }
   /**
    * Converts the token node to an HTML representation.

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/code-block.test.js

@@ -43,8 +43,8 @@ describe('RTECodeBlock', () => {
       language: 'js',
       content: 'const',
     });
-    const cloneBlock = codeBlock.clone();
-    const cloneNode = codeBlock.children[0].clone();
+    const cloneBlock = codeBlock.clone(codeBlock.parent);
+    const cloneNode = codeBlock.children[0].clone(cloneBlock);
     expect(cloneBlock.id).toEqual(codeBlock.id);
     expect(cloneBlock.type).toEqual(codeBlock.type);
     expect(cloneNode.type).toEqual(codeBlock.children[0].type);

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/html-block.test.js

@@ -120,5 +120,9 @@ describe('HTMLBlock', () => {
         ],
       });
     });
+    it('clone', () => {
+      const clonedBlock = htmlBlock.clone(htmlBlock.parent);
+      expect(clonedBlock.children[0].parent).toEqual(clonedBlock);
+    });
   });
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/nodes/text-node.test.js

@@ -404,7 +404,7 @@ describe('text node', () => {
     const textBlock = new RTETextBlock('block-1', 'paragraph');
     const textNode = new RTETextNode('1', 'This is a text.', textBlock);
     textNode.apply(new BoldAnnotationAction(true));
-    const clonedNode = textNode.clone();
+    const clonedNode = textNode.clone(textBlock);
     expect(textNode).toEqual(clonedNode);
     expect(textNode).not.toBe(clonedNode);
     expect(textNode.annotationMap).toEqual(clonedNode.annotationMap);

package/dist/collection/constants/ui.js

@@ -86,6 +86,8 @@ export const VegaNativeEventName = [
   'reset',
   'eventPreviewShow',
   'monthYearChange',
+  'complete',
+  'paste',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/helpers/calendar/calendar-date.js

@@ -1,4 +1,5 @@
 import { VegaInternalTranslation } from '../translation';
+import { getCurrentDatePartsInTimezone, getSystemTimezone } from './utils';
 /**
  * Calendar date class
  */
@@ -11,11 +12,13 @@ export class CalendarDate {
   /**
    * Create a calendar date from a Date object
    *
-   * @param {Date} date - The Date object
+   * @param {Date} currentDate - The Date object to create CalendarDate from
+   * @param {string} timezone - Timezone identifier for timezone-aware date creation. If not provided, uses system timezone.
    * @returns {CalendarDate} - Return a CalendarDate object
    */
-  static from(date) {
-    return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+  static from(currentDate, timezone = getSystemTimezone()) {
+    const { year, month, date } = getCurrentDatePartsInTimezone(timezone, currentDate);
+    return new CalendarDate(year, month, date);
   }
   /**
    * The year of the calendar date
@@ -53,13 +56,12 @@ export class CalendarDate {
   /**
    * Verify whether the calendar date is today
    *
+   * @param {string} timezone - Timezone to consider when checking today's date. If not provided, uses system timezone.
    * @returns {boolean} - Return true if the calendar date is today. Otherwise, return false.
    */
-  isToday() {
-    const today = new Date();
-    return (today.getFullYear() === this.year &&
-      today.getMonth() + 1 === this.month &&
-      today.getDate() === this.date);
+  isToday(timezone = getSystemTimezone()) {
+    const { year, month, date } = getCurrentDatePartsInTimezone(timezone, new Date());
+    return year === this.year && month === this.month && date === this.date;
   }
   /**
    * Convert the calendar date to a Date object

package/dist/collection/helpers/calendar/calendar-event.js

@@ -2,7 +2,8 @@ import calendarEventRepeatPatternFactory from '../../components/vega-calendar/sl
 import { generateUUID } from '../../utils/misc';
 import { VegaInternalTranslation } from '../translation';
 import { CalendarDate } from './calendar-date';
-import { formatDisplayTime, WeekdayLongNames } from './utils';
+import { formatDisplayTime, getSystemTimezone, WeekdayLongNames } from './utils';
+import { LogUtility } from '../../utils/log';
 const CalendarDateFormatReg = /^\d{1,2}\/\d{1,2}\/\d{4}/;
 const CalendarTimeFormatReg = /^\d{1,2}:\d{1,2}/;
 /** The `CalendarEvent` class in TypeScript represents a calendar event with methods to validate required fields, initialize dates and times, and determine if it is a group event. */
@@ -16,13 +17,15 @@ export class CalendarEvent {
    * @param {string} eventKey If a value is not provided for `eventKey`, a UUID (Universally
    * Unique Identifier) will be generated as a default value. This identifier is used to distinguish
    * different events and can be helpful for tracking
+   * @param {string} timezone - Optional timezone identifier for timezone-aware date calculations
    */
-  constructor(eventOptions, eventKey) {
+  constructor(eventOptions, eventKey, timezone) {
     // the default value is 1 when the event end date is same as start date
     this._eventSpansDays = 1;
     this.repeatPattern = null;
     this._event = eventOptions;
     this._eventKey = eventKey || generateUUID();
+    this._timezone = timezone || getSystemTimezone();
     this.checkEventRequireField(eventOptions);
     this.initDate(eventOptions);
     this.initEventSpansDays();
@@ -202,7 +205,7 @@ export class CalendarEvent {
   getEventDuration() {
     const [startHour, startMinutes] = this.startTime.split(':');
     const [endHour, endMinutes] = this.endTime.split(':');
-    const now = CalendarDate.from(new Date());
+    const now = CalendarDate.from(new Date(), this._timezone);
     const startDate = new Date(now.year, now.month, now.date, Number(startHour), Number(startMinutes));
     const endDate = new Date(now.year, now.month, now.date, Number(endHour) === 0 && Number(startHour) !== 0 ? 24 : Number(endHour), Number(endMinutes));
     return (endDate.valueOf() - startDate.valueOf()) / (60 * 1000);
@@ -222,6 +225,17 @@ export class CalendarEvent {
     }
     return [];
   }
+  /**
+   * Refresh event dates and related properties when timezone changes
+   *
+   * @param {string} timezone - The new timezone to apply to the event
+   */
+  updateTimezone(timezone) {
+    this._timezone = timezone;
+    this.initDate(this._event);
+    this.initEventSpansDays();
+    this.initRepeatPattern();
+  }
   /**
    * The function `convertTimeTo24Hour` converts a time string from 12-hour format to 24-hour format in TypeScript.
    *
@@ -279,42 +293,164 @@ export class CalendarEvent {
    */
   initDate(eventOptions) {
     const { startDate, startTime, endDate, endTime } = eventOptions;
+    const originalDateParts = this.processStartDate(startDate, startTime || '');
+    this._startTime = this.formatTimeForDisplay(this._startDate, startTime || '');
+    this.processEndDate(endDate || '', endTime || '', originalDateParts);
+    this._endTime = this.formatTimeForDisplay(this._endDate, endTime || '');
+  }
+  /**
+   * Process start date
+   *
+   * @param {string | Date} startDate - Start date (string or Date object)
+   * @param {string} startTime - Start time string
+   * @returns {DateParts | undefined} originalDateParts information
+   */
+  processStartDate(startDate, startTime) {
+    let originalDateParts;
+    let tempDate;
     if (startDate && typeof startDate === 'object') {
-      this._startDate = startDate;
+      originalDateParts = {
+        year: startDate.getFullYear(),
+        month: startDate.getMonth(),
+        date: startDate.getDate(),
+      };
+      tempDate = startDate;
     }
     else if (startDate && typeof startDate === 'string') {
       const [month, day, year] = startDate.split('/');
-      this._startDate = new Date(Number(year), Number(month) - 1, Number(day));
+      originalDateParts = {
+        year: Number(year),
+        month: Number(month) - 1,
+        date: Number(day),
+      };
+      tempDate = new Date(originalDateParts.year, originalDateParts.month, originalDateParts.date);
     }
-    if (!startTime) {
-      this._startTime = `${this._startDate.getHours()}:${this._startDate.getMinutes()}`;
+    if (startTime && originalDateParts && tempDate) {
+      const { timeHours, timeMinutes } = this.getCurrentHourAndMinutes(startTime);
+      tempDate = new Date(originalDateParts.year, originalDateParts.month, originalDateParts.date, timeHours, timeMinutes, 0);
     }
-    else {
-      this._startTime = this.convertTimeTo24Hour(startTime);
+    if (tempDate) {
+      this._startDate = this.convertDateToTimezone(tempDate);
     }
+    return originalDateParts;
+  }
+  /**
+   * Process end date
+   *
+   * @param {string | Date} endDate - End date (string or Date object)
+   * @param {string} endTime - End time string
+   * @param {DateParts | undefined} fallbackDateParts - Default date parts to use when endDate is empty
+   */
+  processEndDate(endDate, endTime, fallbackDateParts) {
+    let tempDate;
     if (endDate && typeof endDate === 'object') {
-      this._endDate = endDate;
+      tempDate = endDate;
     }
     else if (endDate && typeof endDate === 'string') {
       const [month, day, year] = endDate.split('/');
-      this._endDate = new Date(Number(year), Number(month) - 1, Number(day), 23, 59, 59);
+      tempDate = new Date(Number(year), Number(month) - 1, Number(day), 23, 59, 59);
     }
     else {
-      this._endDate = new Date(this._startDate.getFullYear(), this._startDate.getMonth(), this._startDate.getDate(), 23, 59, 59);
+      if (fallbackDateParts) {
+        tempDate = new Date(fallbackDateParts.year, fallbackDateParts.month, fallbackDateParts.date, 23, 59, 59);
+      }
+    }
+    if (endTime && tempDate) {
+      const { timeHours, timeMinutes } = this.getCurrentHourAndMinutes(endTime, 23, 59);
+      tempDate = new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), timeHours, timeMinutes, 59);
     }
-    if (!endTime) {
-      this._endTime = `${this._endDate.getHours()}:${this._endDate.getMinutes()}`;
+    if (tempDate) {
+      this._endDate = this.convertDateToTimezone(tempDate);
+    }
+  }
+  /**
+   * Format time for display
+   *
+   * @param {Date} date - Date object
+   * @param {string} originalTime - Original time string
+   * @returns {string} Formatted time string
+   */
+  formatTimeForDisplay(date, originalTime) {
+    const shouldUseOriginalTime = Boolean(originalTime) && this._timezone === getSystemTimezone();
+    if (shouldUseOriginalTime) {
+      const convertedTime = this.convertTimeTo24Hour(originalTime);
+      const [hour, minutes] = convertedTime.split(':');
+      return `${date.getHours().toString().padStart(hour.length, '0')}:${date
+        .getMinutes()
+        .toString()
+        .padStart(minutes.length, '0')}`;
     }
     else {
-      this._endTime = this.convertTimeTo24Hour(endTime);
+      return `${date.getHours()}:${date.getMinutes()}`;
+    }
+  }
+  /**
+   * Parses a time string and extracts hour and minute values.
+   * If the time string is empty or invalid, returns the provided default values.
+   *
+   * @param {string} time - The time string to parse (e.g., "14:30", "2:30 PM")
+   * @param {number} defaultHours - Default hour value to use when time is empty (default: 0)
+   * @param {number} defaultMinutes - Default minute value to use when time is empty (default: 0)
+   * @returns {CalendarTimeHourMinutes} An object containing timeHours and timeMinutes as numbers
+   */
+  getCurrentHourAndMinutes(time, defaultHours = 0, defaultMinutes = 0) {
+    let timeHours = defaultHours;
+    let timeMinutes = defaultMinutes;
+    if (time) {
+      const timeString = this.convertTimeTo24Hour(time).split(':');
+      timeHours = Number(timeString[0]);
+      timeMinutes = Number(timeString[1]);
+    }
+    return { timeHours, timeMinutes };
+  }
+  /**
+   * Converts a Date object to the target timezone
+   *
+   * @param {Date} date - The Date object to convert
+   * @returns {Date} A Date object representing the date/time in the target timezone
+   */
+  convertDateToTimezone(date) {
+    if (this._timezone && this._timezone !== getSystemTimezone()) {
+      try {
+        const targetFormatter = new Intl.DateTimeFormat([], {
+          timeZone: this._timezone,
+          year: 'numeric',
+          month: '2-digit',
+          day: '2-digit',
+          hour: '2-digit',
+          minute: '2-digit',
+          second: '2-digit',
+          hour12: false,
+        });
+        const targetParts = targetFormatter.formatToParts(date);
+        const getYear = targetParts.find((part) => part.type === 'year');
+        const getMonth = targetParts.find((part) => part.type === 'month');
+        const getDay = targetParts.find((part) => part.type === 'day');
+        const getHour = targetParts.find((part) => part.type === 'hour');
+        const getMinute = targetParts.find((part) => part.type === 'minute');
+        const getSecond = targetParts.find((part) => part.type === 'second');
+        if (getYear && getMonth && getDay && getHour && getMinute && getSecond) {
+          const year = parseInt(getYear.value, 10);
+          const month = parseInt(getMonth.value, 10);
+          const day = parseInt(getDay.value, 10);
+          const hour = parseInt(getHour.value, 10);
+          const minute = parseInt(getMinute.value, 10);
+          const second = parseInt(getSecond.value, 10);
+          return new Date(year, month - 1, day, hour, minute, second);
+        }
+      }
+      catch (error) {
+        LogUtility.warn('Invalid timezone:', this._timezone);
+      }
     }
+    return date;
   }
   /**
    * The function initializes a repeat pattern controller for a calendar event with specified start and end dates and repeat options.
    */
   initRepeatPattern() {
     if (this._event.repeatOptions && this._event.repeatOptions.frequency) {
-      this.repeatPattern = calendarEventRepeatPatternFactory.getPattern(this._startDate, this._event.repeatOptions);
+      this.repeatPattern = calendarEventRepeatPatternFactory.getPattern(this._startDate, this._event.repeatOptions, this._timezone);
     }
   }
   /**

package/dist/collection/helpers/calendar/calendar-period/calendar-period.abstract.js

@@ -1,12 +1,13 @@
 import { CalendarDate } from '../calendar-date';
-import { getWeekdays } from '../utils';
+import { getSystemTimezone, getWeekdays } from '../utils';
 /**
  * CalendarPeriod is an abstract class that represents a period of date for calendar.
  */
 export class CalendarPeriod {
-  constructor(count, current) {
+  constructor(count, current, timezone) {
     this._count = count;
-    this._current = current ? current : CalendarDate.from(new Date());
+    this._timezone = timezone || getSystemTimezone();
+    this._current = current ? current : CalendarDate.from(new Date(), this._timezone);
     this.calculatePeriod(this._current);
   }
   /**
@@ -57,6 +58,14 @@ export class CalendarPeriod {
   get showWeekends() {
     return this._showWeekends;
   }
+  /**
+   * The timezone of the period.
+   *
+   * @type {string | undefined}
+   */
+  get timezone() {
+    return this._timezone;
+  }
   /**
    * Go to a specific date.
    *
@@ -72,7 +81,7 @@ export class CalendarPeriod {
    * @returns {this} - The current period.
    */
   now() {
-    return this.createBy(CalendarDate.from(new Date()));
+    return this.createBy(CalendarDate.from(new Date(), this._timezone));
   }
   /**
    * Calculate the period start date and end date.

package/dist/collection/helpers/calendar/calendar-period/day-period.js

@@ -5,8 +5,8 @@ import { DateDirection, getClosestWorkday } from '../../../components/vega-calen
  * Period of day.
  */
 export class DayPeriod extends CalendarPeriod {
-  constructor(current, showWeekends) {
-    super(DayPeriod.DISPLAY_DATE_COUNT, current);
+  constructor(current, showWeekends, timezone) {
+    super(DayPeriod.DISPLAY_DATE_COUNT, current, timezone);
     this._type = 'day';
     this._showWeekends = true;
     this._showWeekends = showWeekends === false ? false : true;
@@ -41,7 +41,7 @@ export class DayPeriod extends CalendarPeriod {
    * @returns {this} - The current period.
    */
   now() {
-    let calendarDate = CalendarDate.from(new Date());
+    let calendarDate = CalendarDate.from(new Date(), this.timezone);
     if (this._showWeekends === false) {
       calendarDate = getClosestWorkday(calendarDate);
     }
@@ -51,7 +51,7 @@ export class DayPeriod extends CalendarPeriod {
    * @inheritDoc
    */
   createBy(current) {
-    return new DayPeriod(current, this._showWeekends);
+    return new DayPeriod(current, this._showWeekends, this.timezone);
   }
 }
 DayPeriod.DISPLAY_DATE_COUNT = 1;

package/dist/collection/helpers/calendar/calendar-period/month-period.js

@@ -5,8 +5,8 @@ import { getWeekdays } from '../utils';
  * Period of month
  */
 export class MonthPeriod extends CalendarPeriod {
-  constructor(current, showWeekends) {
-    super(MonthPeriod.DISPLAY_DATE_COUNT, current);
+  constructor(current, showWeekends, timezone) {
+    super(MonthPeriod.DISPLAY_DATE_COUNT, current, timezone);
     this._type = 'month';
     this._showWeekends = true;
     this._showWeekends = showWeekends === false ? false : true;
@@ -17,12 +17,13 @@ export class MonthPeriod extends CalendarPeriod {
    * @param {CalendarDate} [calendarDate] - The `calendarDate` parameter is an optional parameter of
    * type `CalendarDate`. It represents a specific date in the calendar. If a `calendarDate` is
    * provided, the function will use that date to determine the first day of the month. If no
-   * `calendarDate` is provided, the function
+   * `calendarDate` is provided, the function will use the current date considering timezone.
+   * @param {string} [timezone] - The timezone to use when no calendarDate is provided
    * @returns {CalendarDate} A new `CalendarDate` object representing the first day of the month from the provided
    * `calendarDate` parameter or the current date if no parameter is provided.
    */
-  static getMonthFirstDay(calendarDate) {
-    const date = calendarDate || CalendarDate.from(new Date());
+  static getMonthFirstDay(calendarDate, timezone) {
+    const date = calendarDate || CalendarDate.from(new Date(), timezone);
     return new CalendarDate(date.year, date.month, 1);
   }
   /**
@@ -58,7 +59,7 @@ export class MonthPeriod extends CalendarPeriod {
    * @inheritDoc
    */
   createBy(current) {
-    return new MonthPeriod(current, this._showWeekends);
+    return new MonthPeriod(current, this._showWeekends, this.timezone);
   }
 }
 MonthPeriod.DISPLAY_DATE_COUNT = 6 * 7;

package/dist/collection/helpers/calendar/calendar-period/week-period.js

@@ -4,8 +4,8 @@ import { CalendarDate } from '../calendar-date';
  * Period of the week
  */
 export class WeekPeriod extends CalendarPeriod {
-  constructor(current, showWeekends) {
-    super(WeekPeriod.DISPLAY_DATE_COUNT, current);
+  constructor(current, showWeekends, timezone) {
+    super(WeekPeriod.DISPLAY_DATE_COUNT, current, timezone);
     this._type = 'week';
     this._showWeekends = true;
     this._showWeekends = showWeekends === false ? false : true;
@@ -30,7 +30,7 @@ export class WeekPeriod extends CalendarPeriod {
    * @inheritDoc
    */
   createBy(current) {
-    return new WeekPeriod(current, this._showWeekends);
+    return new WeekPeriod(current, this._showWeekends, this.timezone);
   }
 }
 WeekPeriod.DISPLAY_DATE_COUNT = 7;

package/dist/collection/helpers/calendar/calendar-view-generator/week-view-generator.js

@@ -12,7 +12,7 @@ export class WeekViewGenerator extends CalendarViewGenerator {
     const dates = this.generateDates(period);
     const showWeekends = period.showWeekends;
     let weekDays = this.generateWeekHead();
-    let dateItems = [dates.map(CalendarDate.from)];
+    let dateItems = [dates.map((date) => CalendarDate.from(date))];
     if (showWeekends === false) {
       weekDays = weekDays.slice(1, 6);
       dateItems = dateItems.map((items) => items.slice(1, 6));

package/dist/collection/helpers/calendar/test/calendar-date.test.js

@@ -73,3 +73,27 @@ describe('calendar-date', () => {
     expect(new CalendarDate(2024, 2, 10).getMonthName(true)).toBe('Feb');
   });
 });
+describe('CalendarDate Timezone', () => {
+  it('should create calendar date', () => {
+    const calendarDate = new CalendarDate(2025, 10, 29);
+    expect(calendarDate.year).toBe(2025);
+    expect(calendarDate.month).toBe(10);
+    expect(calendarDate.date).toBe(29);
+  });
+  it('should check isToday with timezone', () => {
+    jest.useFakeTimers('modern');
+    jest.setSystemTime(new Date('2025-10-29T03:00:00Z'));
+    const calendarDate = new CalendarDate(2025, 10, 29);
+    expect(calendarDate.isToday('UTC')).toBe(true);
+    expect(calendarDate.isToday('Asia/Shanghai')).toBe(true);
+    expect(calendarDate.isToday('America/New_York')).toBe(false);
+    jest.useRealTimers();
+  });
+  it('should convert to Date object', () => {
+    const calendarDate = new CalendarDate(2025, 10, 29);
+    const dateObj = calendarDate.toDate();
+    expect(dateObj.getFullYear()).toBe(2025);
+    expect(dateObj.getMonth() + 1).toBe(10);
+    expect(dateObj.getDate()).toBe(29);
+  });
+});