@globalpayments/vega 2.71.0 → 2.72.0

package/dist/types/components/vega-rich-text-editor/extensions/tokens/span-to-token-node-strategy.d.ts

@@ -21,4 +21,11 @@ export declare class SpanToTokenNodeStrategy extends ElementToDTOStrategy {
    * @inheritDoc
    */
   shouldProceedToElementChildren(): boolean;
+  /**
+   * Creates custom attributes record from the given custom attribute object, clean some fixed attributes.
+   *
+   * @param {Record<string, string>} customAttribute - The custom attribute object
+   * @returns {Record<string, string>} The processed custom attributes
+   */
+  private createCustomAttrs;
 }

package/dist/types/components/vega-rich-text-editor/extensions/tokens/token-extension.d.ts

@@ -1,4 +1,4 @@
-import { RTEDropdownListGroup, RTEDropdownListItem, RTEExtensionContext } from '../../interface';
+import { RTEExtensionContext, RTEDropdownListGroup, RTEDropdownListItem } from '../../interface';
 import { VegaRTEExtension } from '../extension.abstract';
 /**
  * Vega Rich Text Editor Token Extension

package/dist/types/components/vega-rich-text-editor/extensions/tokens/token-node-renderer.d.ts

@@ -34,4 +34,11 @@ export declare class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
    * @param {RTETokenNode} node - The token node that was clicked.
    */
   private handleTokenElementClick;
+  /**
+   * Additional attributes for the token node.
+   *
+   * @param {RTETokenNode} node - The token node.
+   * @returns {Record<string, string>} Additional attributes
+   */
+  private additionalAttributes;
 }

package/dist/types/components/vega-rich-text-editor/extensions/tokens/token-toolbar-button-renderer.d.ts

@@ -1,4 +1,4 @@
-import { RTEExtensionContext, VegaRTECreateElementFunction, VegaRTEToolbarRenderContext, VegaRTERenderResult, RTEDropdownListItem } from '../../interface';
+import { RTEExtensionContext, VegaRTECreateElementFunction, VegaRTEToolbarRenderContext, VegaRTERenderResult, RTEDropdownListItem, RTEDropdownListGroup } from '../../interface';
 import { VegaRTEToolbarButtonRenderer } from '../base-toolbar-button-renderer';
 /**
  * Renderer for the token toolbar button in the Vega Rich Text Editor.
@@ -6,7 +6,7 @@ import { VegaRTEToolbarButtonRenderer } from '../base-toolbar-button-renderer';
 export declare class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
   private tokenList;
   private extensionContext;
-  constructor(tokenList: RTEDropdownListItem[]);
+  constructor(tokenList: (RTEDropdownListItem | RTEDropdownListGroup)[]);
   /**
    * Sets the RTE extension context.
    *

package/dist/types/components/vega-rich-text-editor/interface.d.ts

@@ -355,7 +355,12 @@ export type RTEToolbarButtonProps = {
 	showArrowIcon?: boolean;
 };
 
-export type RTEDropdownListItem = { key: string; label: string; icon?: string };
+export type RTEDropdownListItem = {
+	key: string;
+	label: string;
+	icon?: string;
+	customAttrs?: Record<string, string>;
+};
 
 export type RTEDropdownListGroup = {
 	key: string;

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-va
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
 import { VegaCodeBlockValue } from "./components/vega-code-block/types";
 import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from "./components/vega-combo-box/types";
-import { DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, DropdownConfigForDatePicker } from "./components/vega-date-picker/types";
+import { DatePickerCalendarRepickType, DatePickerCalendarSizeType, DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, DropdownConfigForDatePicker, VegaDropdownPropsForDatePickerCalendar } from "./components/vega-date-picker/types";
 import { VegaDialogAction, VegaDialogActionButtonProps } from "./components/vega-dialog/types";
 import { VegaDividerDirectionType, VegaDividerVariantType } from "./components/vega-divider/interface";
 import { VegaDropdownItemClickEvent } from "./components/vega-dropdown/vega-dropdown-item/types";
@@ -48,6 +48,7 @@ import { VegaModalBackdrop, VegaModalBackdropColor } from "./components/vega-mod
 import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } from "./components/vega-page-notification/types";
 import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
+import { VegaProgressTrackerDirectionType } from "./components/vega-progress-tracker/type";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
 import { VegaRTEExtension } from "./components/vega-rich-text-editor/extensions/extension.abstract";
 import { VegaRichTextEditorImage, VegaRTESourceEditConfig, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
@@ -556,6 +557,11 @@ export namespace Components {
         "variant": VegaButtonCircleVariant;
     }
     interface VegaButtonGroup {
+        /**
+          * Specifies whether the button elements are disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled": boolean;
         /**
           * Specifies the placement of the icon in relation to the button's label.
           * @vegaVersion 2.5.0
@@ -573,6 +579,11 @@ export namespace Components {
         "variant": VegaButtonGroupVariant;
     }
     interface VegaButtonGroupItem {
+        /**
+          * Specifies whether the button group item is disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled": boolean;
         /**
           * Specifies the properties for the dropdown menu that appears when the button group contains more than one button item.
           * @vegaVersion 2.5.0
@@ -1250,6 +1261,78 @@ export namespace Components {
         "value": DatePickerValueType<DatePickerModeType>;
     }
     interface VegaDatePickerCalendar {
+        /**
+          * Specifies whether to display the clear button when the calendar is shown.
+          * @vegaVersion 2.72.0
+         */
+        "clearButton": boolean;
+        /**
+          * Specifies the desired date format.
+          * @vegaVersion 2.72.0
+         */
+        "format": string;
+        /**
+          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
+          * @param date - The `Date` object for the cell being evaluated.
+          * @returns `true` if the cell should be disabled; otherwise `false`.
+          * @vegaVersion 2.72.0
+         */
+        "isDateDisabled": DisabledDate;
+        /**
+          * Specifies the maximum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "maxDate": string;
+        /**
+          * Specifies the minimum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "minDate": string;
+        /**
+          * Specifies the selection mode of the date picker calendar.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
+          * @vegaVersion 2.72.0
+         */
+        "mode": DatePickerModeType;
+        /**
+          * Invoke this method to reset calendar to its initial state, 	it include reset to current value and reset the current period.
+          * @vegaVersion 2.72.0
+         */
+        "reset": () => Promise<void>;
+        /**
+          * Specifies the selected date or date range in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "selection": DatePickerValueType<DatePickerModeType>;
+        /**
+          * Determines whether to show months and years dropdown in date picker calendar If set to true, date picker calendar will have months and years dropdown
+          * @vegaVersion 2.72.0
+         */
+        "showYearMonthDropdowns": boolean;
+        /**
+          * Renders the calendar picker in different sizes. Defaults to regular size
+          * @vegaVersion 2.72.0
+         */
+        "size": DatePickerCalendarSizeType;
+        /**
+          * Specifies the calendar is static height.
+          * @vegaVersion 2.72.0
+         */
+        "staticHeight": boolean;
+        /**
+          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
+          * @vegaVersion 2.72.0
+         */
+        "timezone": string;
+        /**
+          * Invoke this method to trigger repick.   The param `type` is distinguishing the start date or end date can be repick.
+          * @vegaVersion 2.72.0
+         */
+        "triggerRepick": (type: DatePickerCalendarRepickType) => Promise<void>;
+        /**
+          * Determines whether the year or month dropdown position is calculated relative to the screen.
+          * @vegaVersion 2.72.0
+         */
+        "yearMonthDropdownProps": VegaDropdownPropsForDatePickerCalendar;
     }
     interface VegaDialog {
         /**
@@ -3040,10 +3123,10 @@ export namespace Components {
          */
         "current": number;
         /**
-          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane.
+          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane. It also can be set as ResponsiveType for responsive direction.
           * @vegaVersion 1.0.7
          */
-        "direction": 'vertical' | 'horizontal';
+        "direction": ResponsiveType<VegaProgressTrackerDirectionType>;
         /**
           * Invoke this method to retrieve the tracker's current step.
           * @vegaVersion 1.3.0
@@ -4497,6 +4580,10 @@ export interface VegaDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaDatePickerElement;
 }
+export interface VegaDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaDatePickerCalendarElement;
+}
 export interface VegaDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaDropdownElement;
@@ -6048,6 +6135,11 @@ declare namespace LocalJSX {
         "variant"?: VegaButtonCircleVariant;
     }
     interface VegaButtonGroup {
+        /**
+          * Specifies whether the button elements are disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled"?: boolean;
         /**
           * Specifies the placement of the icon in relation to the button's label.
           * @vegaVersion 2.5.0
@@ -6076,6 +6168,11 @@ declare namespace LocalJSX {
         "variant"?: VegaButtonGroupVariant;
     }
     interface VegaButtonGroupItem {
+        /**
+          * Specifies whether the button group item is disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled"?: boolean;
         /**
           * Specifies the properties for the dropdown menu that appears when the button group contains more than one button item.
           * @vegaVersion 2.5.0
@@ -6913,6 +7010,101 @@ declare namespace LocalJSX {
         "value"?: DatePickerValueType<DatePickerModeType>;
     }
     interface VegaDatePickerCalendar {
+        /**
+          * Specifies whether to display the clear button when the calendar is shown.
+          * @vegaVersion 2.72.0
+         */
+        "clearButton"?: boolean;
+        /**
+          * Specifies the desired date format.
+          * @vegaVersion 2.72.0
+         */
+        "format"?: string;
+        /**
+          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
+          * @param date - The `Date` object for the cell being evaluated.
+          * @returns `true` if the cell should be disabled; otherwise `false`.
+          * @vegaVersion 2.72.0
+         */
+        "isDateDisabled"?: DisabledDate;
+        /**
+          * Specifies the maximum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "maxDate"?: string;
+        /**
+          * Specifies the minimum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "minDate"?: string;
+        /**
+          * Specifies the selection mode of the date picker calendar.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
+          * @vegaVersion 2.72.0
+         */
+        "mode"?: DatePickerModeType;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.72.0
+         */
+        "onClear"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.61.0
+         */
+        "onMonthYearChange"?: (event: VegaDatePickerCalendarCustomEvent<DatePickerMonthYearTypes>) => void;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.72.0
+         */
+        "onSelectionChange"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.72.0
+         */
+        "onVegaClear"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.61.0
+         */
+        "onVegaMonthYearChange"?: (event: VegaDatePickerCalendarCustomEvent<DatePickerMonthYearTypes>) => void;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.72.0
+         */
+        "onVegaSelectionChange"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * Specifies the selected date or date range in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "selection"?: DatePickerValueType<DatePickerModeType>;
+        /**
+          * Determines whether to show months and years dropdown in date picker calendar If set to true, date picker calendar will have months and years dropdown
+          * @vegaVersion 2.72.0
+         */
+        "showYearMonthDropdowns"?: boolean;
+        /**
+          * Renders the calendar picker in different sizes. Defaults to regular size
+          * @vegaVersion 2.72.0
+         */
+        "size"?: DatePickerCalendarSizeType;
+        /**
+          * Specifies the calendar is static height.
+          * @vegaVersion 2.72.0
+         */
+        "staticHeight"?: boolean;
+        /**
+          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
+          * @vegaVersion 2.72.0
+         */
+        "timezone"?: string;
+        /**
+          * Determines whether the year or month dropdown position is calculated relative to the screen.
+          * @vegaVersion 2.72.0
+         */
+        "yearMonthDropdownProps"?: VegaDropdownPropsForDatePickerCalendar;
     }
     interface VegaDialog {
         /**
@@ -9127,10 +9319,10 @@ declare namespace LocalJSX {
          */
         "current"?: number;
         /**
-          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane.
+          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane. It also can be set as ResponsiveType for responsive direction.
           * @vegaVersion 1.0.7
          */
-        "direction"?: 'vertical' | 'horizontal';
+        "direction"?: ResponsiveType<VegaProgressTrackerDirectionType>;
         /**
           * An event emitter notifying that the current step has changed.
           * @eventSemantics namespace:native

package/dist/types/constants/regex.d.ts

@@ -4,3 +4,4 @@ export declare const VisaRegex: RegExp;
 export declare const MasterCardRegex: RegExp;
 export declare const AmexRegex: RegExp;
 export declare const DiscoverRegex: RegExp;
+export declare const DateFormatParserRegex: RegExp;

package/dist/types/constants/ui.d.ts

@@ -12,5 +12,5 @@ export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "inline-block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/calendar/calendar-date.d.ts

@@ -1,3 +1,4 @@
+import { Nullable } from '../../types/general';
 export declare type DateCompareResult = {
   isPreviousMonth: boolean;
   isNextMonth: boolean;
@@ -7,6 +8,7 @@ export declare type DateCompareResult = {
  * Calendar date class
  */
 export declare class CalendarDate {
+  private static readonly MONTHS;
   private _year;
   private _month;
   private _date;
@@ -19,6 +21,37 @@ export declare class CalendarDate {
    * @returns {CalendarDate} - Return a CalendarDate object
    */
   static from(currentDate: Date, timezone?: string): CalendarDate;
+  /**
+   * Converts a date string to CalendarDate with optional format and timezone parameters.
+   *
+   * @param {string} dateString - The string date.
+   * @param {string} [format] - The format of string date
+   * @param {string} [lang] - lang
+   * @returns {Nullable<CalendarDate>} - CalendarDate.
+   */
+  static fromString(dateString: string, format?: string, lang?: string): Nullable<CalendarDate>;
+  /**
+   * Get regex pattern by format token.
+   *
+   * @param {string} token - The format token.
+   * @param {string} lang - Language.
+   * @returns {FormatPatternType} - regex pattern.
+   */
+  private static getPatternByFormatToken;
+  /**
+   * Shorts months.
+   *
+   * @param {string} lang - Language
+   * @returns {string[]} - Shorts months.
+   */
+  private static shortMonths;
+  /**
+   * Long months.
+   *
+   * @param {string} lang - Language
+   * @returns {string[]} - Long months.
+   */
+  private static longMonths;
   /**
    * The year of the calendar date
    *
@@ -40,6 +73,14 @@ export declare class CalendarDate {
    */
   get date(): number;
   set date(value: number);
+  /**
+   * Converts CalendarDate to a string with an optional format specifier.
+   *
+   * @param {string} [format] - The format of string date
+   * @param {string} [lang] - Language
+   * @returns {string} The string date.
+   */
+  toString(format?: string, lang?: string): string;
   /**
    * Verify whether the calendar date is today
    *
@@ -63,11 +104,11 @@ export declare class CalendarDate {
   /**
    * The function "equal" compares the year, month, and date of two CalendarDate objects and returns  true if they are equal.
    *
-   * @param {CalendarDate} calendarDate - The `equal` method in the code snippet is a function that compares the year, month, and date of the current `CalendarDate` object with another
+   * @param {Nullable<CalendarDate>} calendarDate - The `equal` method in the code snippet is a function that compares the year, month, and date of the current `CalendarDate` object with another
    * `CalendarDate` object passed as a parameter. The method returns `true` if all three values (year, month, date) are equal
    * @returns {boolean} The date is same day with current
    */
-  equal(calendarDate: CalendarDate): boolean;
+  equal(calendarDate: Nullable<CalendarDate>): boolean;
   /**
    * Get month name.
    *
@@ -75,4 +116,47 @@ export declare class CalendarDate {
    * @returns {string} The name of the month
    */
   getMonthName(isShortName?: boolean): string;
+  /**
+   * To determine if it is larger than a given `CalendarDate`.
+   *
+   * @param {Nullable<CalendarDate>} calendarDate - A `CalendarDate`
+   * @returns {boolean} - Compared result
+   */
+  isAfter(calendarDate: Nullable<CalendarDate>): boolean;
+  /**
+   * To determine if it is less than a given `CalendarDate`.
+   *
+   * @param {Nullable<CalendarDate>} calendarDate - A `CalendarDate`
+   * @returns {boolean} - Compared result
+   */
+  isBefore(calendarDate: Nullable<CalendarDate>): boolean;
+  /**
+   * Get first day of month.
+   *
+   * @returns {CalendarDate} - First day of month.
+   */
+  firstDateOfMonth(): CalendarDate;
+  /**
+   * Get last day of month.
+   *
+   * @returns {CalendarDate} - Last day of month.
+   */
+  lastDateOfMonth(): CalendarDate;
+  /**
+   * Adjusts the calendar date by adding the specified number of years, months, and days.
+   *
+   * @param {number} [years=0] - The number of years to add.
+   * @param {number} [months=0] - The number of months to add.
+   * @param {number} [days=0] - The number of days to add.
+   * @returns {CalendarDate} - A new CalendarDate object with the adjusted date.
+   */
+  add(years?: number, months?: number, days?: number): CalendarDate;
+  /**
+   * Get year, month and day value by format token.
+   *
+   * @param {string} token - The format token.
+   * @param {string} lang - Language.
+   * @returns {string} - year, month and day value.
+   */
+  private getDateItemByFormatToken;
 }

package/dist/types/helpers/calendar/calendar-period/calendar-period.abstract.d.ts

@@ -67,6 +67,13 @@ export declare abstract class CalendarPeriod {
    * @returns {this} - The current period.
    */
   now(): this;
+  /**
+   * Check the give period is equal to current period
+   *
+   * @param {CalendarPeriod} [period] - Give period to compare
+   * @returns {boolean} compare result
+   */
+  equal(period: CalendarPeriod): boolean;
   /**
    * Calculate the period start date and end date.
    *

package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts

@@ -93,7 +93,9 @@ export declare const VegaRetry: VegaEventID;
 export declare const VegaPreview: VegaEventID;
 export declare const VegaLabelButtonClick: VegaEventID;
 export declare const VegaReset: VegaEventID;
-export declare const VegaMonthYearChange: VegaEventID;
+export declare const VegaClear: VegaEventID;
 export declare const VegaComplete: VegaEventID;
 export declare const VegaPaste: VegaEventID;
 export declare const HTMLNativeEventIds: VegaEventID[];
+export declare const VegaMonthYearChange: VegaEventID;
+export declare const VegaSelectionChange: VegaEventID;

package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts

@@ -34,7 +34,6 @@ export declare const VegaInternalSidenavLinkClick: VegaInternalEventID;
 export declare const VegaInternalLeftNavGroupExpand: VegaInternalEventID;
 export declare const VegaInternalLeftNavLinkSelected: VegaInternalEventID;
 export declare const VegaInternalInitializeLeftNavLinkSelected: VegaInternalEventID;
-export declare const VegaInternalDropdownUpdateTarget: VegaInternalEventID;
 export declare const VegaInternalRichTextEditorFlushChanges: VegaInternalEventID;
 export declare const VegaInternalRichTextEditorSelectionRangeChange: VegaInternalEventID;
 export declare const VegaInternalRichTextImageClick: VegaInternalEventID;
@@ -54,8 +53,12 @@ export declare const VegaInternalColumnBodyCellRenderInputRIC: VegaInternalEvent
 export declare const VegaInternalCalendarEventPreviewUpdate: VegaInternalEventID;
 export declare const VegaInternalCalendarEventPreviewClear: VegaInternalEventID;
 export declare const VegaInternalUpdateRTECursorPosition: VegaInternalEventID;
-export declare const VegaInternalMonthYearChange: VegaInternalEventID;
 export declare const VegaInternalLeftNavLinkSelectedTopic: VegaInternalEventID;
 export declare const VegaInternalCalendarEventPreviewHide: VegaInternalEventID;
 export declare const VegaInternalFormSubmit: VegaInternalEventID;
 export declare const VegaInternalFormReset: VegaInternalEventID;
+export declare const VegaInternalProgressTrackerStepClick: VegaInternalEventID;
+export declare const VegaInternalDatePickerCalendarSelectionChange: VegaInternalEventID;
+export declare const VegaInternalDatePickerCalendarInputClick: VegaInternalEventID;
+export declare const VegaInternalDatePickerCalendarClear: VegaInternalEventID;
+export declare const VegaInternalDatePickerCalendarUpdatePeriodByUser: VegaInternalEventID;

package/dist/types/helpers/ui/element-appender.d.ts

@@ -86,6 +86,20 @@ export declare class ElementAppender {
    * @param {boolean} show remove hidden style if true, otherwise add it
    */
   private toggleShow;
+  /**
+   * Show the appendable element by removing hidden styles
+   * TODO: should directly control display style. https://gethired.atlassian.net/browse/VD-7884
+   *
+   * @param {HTMLElement} appendableElement - Appendable element controlled by ElementAppender
+   */
+  private showElementAppender;
+  /**
+   * Hide the appendable element by adding hidden styles.
+   * TODO: should directly control display style. https://gethired.atlassian.net/browse/VD-7884
+   *
+   * @param {HTMLElement} appendableElement - Appendable element controlled by ElementAppender
+   */
+  private hideElementAppender;
   /**
    * Save visible AppendableElement from the container state
    *

package/dist/types/types/components.type.d.ts

@@ -115,10 +115,13 @@ export {
 export { VegaCodeBlockValue } from '../components/vega-code-block/types';
 export { VegaComboBoxSize, VegaDropdownPropsForComboBox } from '../components/vega-combo-box/types';
 export {
+	DatePickerCalendarRepickType,
+	DatePickerCalendarSizeType,
 	DatePickerModeType,
 	DatePickerMonthYearTypes,
 	DatePickerValueType,
 	DropdownConfigForDatePicker,
+	VegaDropdownPropsForDatePickerCalendar,
 } from '../components/vega-date-picker/types';
 export { VegaDialogAction, VegaDialogActionButtonProps } from '../components/vega-dialog/types';
 export { VegaDividerDirectionType, VegaDividerVariantType } from '../components/vega-divider/interface';
@@ -177,6 +180,7 @@ export {
 	VegaPaginationLayoutType,
 } from '../components/vega-pagination/types';
 export { PieChartOptions } from '../helpers/chart/pie-chart';
+export { VegaProgressTrackerDirectionType } from '../components/vega-progress-tracker/type';
 export { VegaRTEContent } from '../components/vega-rich-text-editor/dto/content-state';
 export { VegaRTEExtension } from '../components/vega-rich-text-editor/extensions/extension.abstract';
 export {

package/dist/types/types/type-guard.d.ts

@@ -4,6 +4,7 @@ import { SelectSourceItem } from '../components/vega-input-select/types';
 import { DropdownSourceItem } from '../components/vega-dropdown/types';
 import { Nullable } from './general';
 import { VegaTableColumnGroupingModel } from '../components/vega-table/interface';
+import { CalendarDate } from '../helpers/calendar';
 /**
  * Returns true if the input is a string that is one of the four directions.
  *
@@ -292,3 +293,10 @@ export declare const isCssStateType: (input: CssStatesType) => input is "default
  * @returns {input is VegaTableColumnGroupingModel} True when input matches the grouping model shape.
  */
 export declare const isVegaTableColumnGroupingModelType: (input: unknown) => input is VegaTableColumnGroupingModel;
+/**
+ * Check is calendar date type
+ *
+ * @param {unknown} input - Value to test.
+ * @returns {input is CalendarDate} True when input matches the calendar date type.
+ */
+export declare const isCalendarDateType: (input: unknown) => input is CalendarDate;

package/dist/types/utils/date.d.ts

@@ -1,6 +1,13 @@
 import { Nullable, TimeFormat } from '../types/general';
 /**
- * It returns true if the input is a valid date string, and false otherwise
+ * It returns true if the input is a valid date string, and false otherwise.
+ * Note:
+ *  This is not a strict date validation, it just use Date.parse to check the input string can be parsed to a valid date or not.
+ *  For strict date validation, please use CalendarDate.fromString method in calendar-date.ts
+ *  Example:
+ *      For Chrome: Date.parse('Jan/08/2026') => 1767801600000
+ *      For Safari: Date.parse('Jan/08/2026') => NaN
+ *      Format is DD/MM/YYYY: Date.parse('20/11/2024') => NaN
  *
  * @param {string} input - The string to check.
  * @returns {boolean} is a valid date string or not
@@ -42,9 +49,11 @@ export declare const isTimeStr: (input: string, timeFormat: TimeFormat) => boole
  * It takes a number and returns a string
  *
  * @param {number} number - number - The number to pad
+ * @param {number} [length=2] - The length of the resulting string.
+ * @param {string} [padChar='0'] - The character to pad the number with.
  * @returns {Nullable<string>} A function that takes a number as an argument and returns a nullable string.
  */
-export declare const pad: (number: number) => Nullable<string>;
+export declare const pad: (number: number, length?: number, padChar?: string) => Nullable<string>;
 /**
  * The `convert12HourTo24HourFormat` function takes a time string in 12-hour format and converts it to 24-hour format.
  *