@heartlandone/vega 2.71.0 → 2.72.0-RTE-table-preview

package/dist/types/components/vega-button-group/types.d.ts

@@ -9,7 +9,7 @@ export type DropdownPropsForButtonGroup = {
 	matchTargetWidth?: boolean;
 	maxHeight?: number;
 	positionRelativeTo?: string;
-	trigger: 'hover' | 'click';
+	trigger: 'hover' | 'click' | 'none';
 };
 
 export type ButtonItemsProps = {
@@ -17,5 +17,6 @@ export type ButtonItemsProps = {
 	label: string;
 	size: VegaButtonGroupSize;
 	iconAlign: VegaButtonGroupIconAlign;
+	disabled: boolean;
 	ref: (node: HTMLElement) => void;
 };

package/dist/types/components/vega-button-group/vega-button-group-item/slimmers/controllers/vega-button-group-item-sub-state-controller.d.ts

@@ -5,6 +5,7 @@ export declare class VegaButtonGroupItemSubStateController extends SubStateObser
   protected size: VegaButtonGroupItem['size'];
   protected variant: VegaButtonGroupItem['variant'];
   protected iconAlign: VegaButtonGroupItem['iconAlign'];
+  protected parentDisabled: VegaButtonGroupItem['parentDisabled'];
   /**
    * The constructor function initializes a button group with specified subStates in TypeScript.
    */

package/dist/types/components/vega-button-group/vega-button-group-item/slimmers/renderers/vega-button-group-item-renderer.d.ts

@@ -7,6 +7,8 @@ export declare class VegaButtonGroupItemRenderer extends VegaSlimmer {
   protected icon: VegaButtonGroupItem['icon'];
   protected label: VegaButtonGroupItem['label'];
   protected iconAlign: VegaButtonGroupItem['iconAlign'];
+  protected disabled: VegaButtonGroupItem['disabled'];
+  protected parentDisabled: VegaButtonGroupItem['parentDisabled'];
   protected iconOnly: VegaButtonGroupItem['iconOnly'];
   protected variant: VegaButtonGroupItem['variant'];
   protected itemKey: VegaButtonGroupItem['itemKey'];
@@ -64,4 +66,13 @@ export declare class VegaButtonGroupItemRenderer extends VegaSlimmer {
    * @returns {string} label string
    */
   private getDefaultLabel;
+  /**
+   * Determines whether the button group item is disabled.
+   *
+   * The button group item is considered disabled if either:
+   * - the item itself is disabled, or
+   * - the parent is disabled (which forces all children to be disabled,
+   *   regardless of their individual disabled state).
+   */
+  private isDisabled;
 }

package/dist/types/components/vega-button-group/vega-button-group-item/vega-button-group-item.d.ts

@@ -16,6 +16,7 @@ export declare class VegaButtonGroupItem {
   variant: VegaButtonGroupVariant;
   size: VegaButtonGroupSize;
   iconAlign: VegaButtonGroupIconAlign;
+  parentDisabled: boolean;
   /**
    * Specifies the icon to be displayed on the button item,
    *    which can be selected from a list of predefined icon tokens
@@ -36,6 +37,12 @@ export declare class VegaButtonGroupItem {
    * @vegaVersion 2.5.0
    */
   iconOnly: boolean;
+  /**
+   * Specifies whether the button group item is disabled.
+   *
+   * @vegaVersion 2.72.0
+   */
+  disabled: boolean;
   /**
    * Specifies the unique key for the button item.
    *

package/dist/types/components/vega-button-group/vega-button-group.d.ts

@@ -17,6 +17,7 @@ export declare class VegaButtonGroup {
   protected readonly variantNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly sizeNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly iconAlignNotifySlimmer: SubStateNotifySlimmerBase;
+  protected readonly disabledNotifySlimmer: SubStateNotifySlimmerBase;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaButtonGroupElement>;
   private flexContainer;
   host: HTMLVegaButtonGroupElement;
@@ -43,6 +44,13 @@ export declare class VegaButtonGroup {
    */
   iconAlign: VegaButtonGroupIconAlign;
   watchIconAlign(): void;
+  /**
+   * Specifies whether the button elements are disabled.
+   *
+   * @vegaVersion 2.72.0
+   */
+  disabled: boolean;
+  watchDisabled(): void;
   /**
    * An event emitter notifying the click event of the button group.
    *

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-calendar-open-state-controller.d.ts

@@ -0,0 +1,60 @@
+import { VegaDatePicker } from '../../vega-date-picker';
+import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
+/** The date picker element appender controller slimmer */
+export declare class VegaDatePickerCalendarOpenStateController extends ElementAppenderSlimmer {
+  dropdownConfig: VegaDatePicker['dropdownConfig'];
+  vegaDatePickerRenderer: VegaDatePicker['vegaDatePickerRenderer'];
+  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
+  isCalendarShow: VegaDatePicker['isCalendarShow'];
+  isMobileDevice: VegaDatePicker['isMobileDevice'];
+  private clearCalendarStateTaskQueue;
+  /**
+   * Since connectedCallback will init element appender again, and it will add `vega-force-hidden` class to calendar,
+   *   so we should skip this in mobile side.
+   */
+  connectedCallback(): void;
+  /**
+   * Since it not init the element appender in mobile side, we also not need destroy element appender in disconnectedCallback.
+   */
+  disconnectedCallback(): void;
+  /**
+   * Since componentDidLoad will init element appender, and it will add `vega-force-hidden` class to calendar,
+   *   so we should skip this in mobile side.
+   */
+  componentDidLoad(): void;
+  /**
+   * We need to clear the calendar state when the property or state of the vega-date-picker is completed,
+   *   such as when the user inputs a range value. we can refill the selecting state in calendar according the new value.
+   */
+  componentDidRender(): Promise<void>;
+  /**
+   * Sets up the configuration the element appender of date picker.
+   */
+  constructor();
+  /** doOpen */
+  doOpen(): Promise<void>;
+  /** doClose */
+  doClose(): Promise<void>;
+  /** watchDisabled */
+  watchDisabled(): Promise<void>;
+  /** watch calendar show state */
+  watchIsCalendarShow(): Promise<void>;
+  /**
+   * Watch isCalendarShow state change to clear selecting state in calendar.
+   */
+  showCalendar(): Promise<void>;
+  /**
+   * Hide calendar in both mobile and desktop mode.
+   */
+  hideCalendar(): Promise<void>;
+  /**
+   * Update isCalendarShow state.
+   *
+   * @param {boolean} isShow - is calendar show
+   */
+  updateIsCalendarShowState(isShow: boolean): void;
+  /**
+   * Clear selecting state in calendar.
+   */
+  private clearCalendarSelectingState;
+}

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-value-controller.d.ts

@@ -8,8 +8,9 @@ export declare class VegaDatePickerValueController extends VegaSlimmer {
   format: VegaDatePicker['format'];
   changeEventEmitter: VegaDatePicker['changeEventEmitter'];
   host: VegaDatePicker['host'];
-  vegaDatePickerCalendarController: VegaDatePicker['vegaDatePickerCalendarController'];
+  isCalendarShow: VegaDatePicker['isCalendarShow'];
   vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
+  calendarOpenStateController: VegaDatePicker['calendarOpenStateController'];
   /** Set default value if value is not set when component will load */
   componentWillLoad(): void;
   /**
@@ -38,9 +39,7 @@ export declare class VegaDatePickerValueController extends VegaSlimmer {
   /**
    * The function sets default values based on the mode specified.
    */
-  setDefaultValueByMode(): void;
-  /** Sync up the value of input with the value of the calendar */
-  syncUpValueWithCalendar: () => void;
+  private setDefaultValueByMode;
   /**
    * The function `valueGuard` checks if the provided value is valid for the specified mode of a date picker component.
    *

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts

@@ -1,135 +1,40 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaDatePicker } from '../../vega-date-picker';
-import { Litepicker } from 'litepicker/dist/nocss/litepicker.umd.js';
-import { Nullable } from '../../../../types/general';
-declare type MonthYearHeaderRef = {
-  month: Nullable<HTMLElement>;
-  year: Nullable<HTMLElement>;
-};
+import { DatePickerCalendarRepickType } from '../../types';
 export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
-  host: VegaDatePicker['host'];
+  private static readonly calendarModalSize;
+  private static readonly regularDatePickerCalendarDimensionsForSingle;
+  private static readonly regularDatePickerCalendarDimensionsForRange;
+  format: VegaDatePicker['format'];
+  value: VegaDatePicker['value'];
+  mode: VegaDatePicker['mode'];
+  minDate: VegaDatePicker['minDate'];
+  maxDate: VegaDatePicker['maxDate'];
   clearButton: VegaDatePicker['clearButton'];
   dropdownConfig: VegaDatePicker['dropdownConfig'];
-  allowRepick: VegaDatePicker['allowRepick'];
-  format: VegaDatePicker['format'];
   showYearMonthDropdowns: VegaDatePicker['showYearMonthDropdowns'];
-  vegaDatePickerCalendarController: VegaDatePicker['vegaDatePickerCalendarController'];
-  vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
-  vegaDatePickerElementAppenderController: VegaDatePicker['vegaDatePickerElementAppenderController'];
-  vegaDatePickerZIndexController: VegaDatePicker['vegaDatePickerZIndexController'];
-  vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
-  vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
-  vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
-  monthYearDropdownRenderer: VegaDatePicker['monthYearDropdownRenderer'];
-  translationSlimmer: VegaDatePicker['translationSlimmer'];
   timezone: VegaDatePicker['timezone'];
+  isMobileDevice: VegaDatePicker['isMobileDevice'];
+  isCalendarShow: VegaDatePicker['isCalendarShow'];
   isDateDisabled: VegaDatePicker['isDateDisabled'];
-  mode: VegaDatePicker['mode'];
+  allowRepick: VegaDatePicker['allowRepick'];
   monthYearChangeEventEmitter: VegaDatePicker['monthYearChangeEventEmitter'];
-  vegaDatePickerMonthYearChangeEventController: VegaDatePicker['vegaDatePickerMonthYearChangeEventController'];
-  private datePicker;
-  private litepickerRef;
-  private calendarContainerRef;
-  private requireRefreshLitePicker;
-  private startMonthYearHeaderRef;
-  private endMonthYearHeaderRef;
-  /**
-   * The connectedCallback function checks if the datePicker is null and initializes it if it is.
-   */
-  connectedCallback(): void;
-  /**
-   * The `disconnectedCallback` function destroys the `datePicker` instance and sets it to null.
-   */
-  disconnectedCallback(): void;
-  /** Import litepicker mobilefriendly module when the device is mobile */
-  componentWillLoad(): Promise<void>;
-  /** Init date picker when component did load */
+  vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
+  calendarOpenStateController: VegaDatePicker['calendarOpenStateController'];
+  private calendarContentBoxRef;
+  private calendarRef;
+  private mobileModalRef;
   componentDidLoad(): void;
-  /** Refresh date picker when it is updated */
-  componentDidRender(): void;
-  watchIsDateDisabled(): void;
-  /**
-   * The callback to handle [doOpen]{@link VegaDatePicker.doOpen}
-   */
-  doOpen(): void;
-  /**
-   * The callback to handle [doClose]{@link VegaDatePicker.doClose}
-   */
-  doClose(): void;
-  /** Update property of allowRepick when it is changed */
-  watchAllowRepick(): void;
-  /**
-   * Specifies whether the date picker field is disabled.
-   */
-  watchDisabled(): void;
-  /**
-   * It is decorated with the `@MapToComponentMethod` decorator,
-   * which indicates that this method should be mapped to a component method called 'format'.
-   *
-   * @param {string} format - The value of the format.
-   */
-  watchFormat(): void;
-  /** Update datePicker settings property of mode is changed */
-  watchMode(): void;
-  /**
-   * Update datePicker settings property if showYearMonthDropdowns is changed
-   */
-  watchShowYearMonthDropdowns(): void;
-  getStartMonthYearHeaderRef(): MonthYearHeaderRef;
-  getEndMonthYearHeaderRef(): MonthYearHeaderRef;
-  /**
-   * get the reference of datePicker
-   *
-   * @returns {Litepicker} the reference of datePicker.
-   */
-  getDatePicker(): Litepicker;
-  getCalendarContainerRef(): HTMLElement;
-  /**
-   * The function refreshLitePicker destroys and initializes a date picker if it exists.
-   */
-  private refreshLitePicker;
-  private alterLitePickerHeader;
-  private alterLitePickerFooter;
-  private alterLitePickerHeight;
-  /**
-   * Update the weekday to a single letter to adapt the vega UI design. e.g. Mon to M | Tue to T | Wed to W
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-render-ui-with-single}
-   */
-  private renderWeekdays;
-  /**
-   * Render date picker calendar month name
-   *
-   * @param {HTMLElement} ui - Calendar dom ref
-   */
-  private renderMonthName;
-  private setYearMonthHeaderRef;
-  /**
-   * Update the previous/next month buttons icon to adapt the vega UI design
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-render-ui-with-single}
-   */
-  private renderPrevAndNextMonthButtons;
-  private emitMonthYearChangeEvent;
-  private renderClearButton;
-  private getSystemTimeZone;
-  private resetTodayByTimezone;
-  /**
-   * The function initializes a Litepicker date picker, customizes its appearance and behavior, and
-   * attaches event listeners.
-   */
-  private initDatePicker;
-  /**
-   * Applies styles to disable a specific day in the calendar.
-   *
-   * @param {HTMLElement} dayRef - The reference to the day element to be disabled.
-   */
-  private setDisabledDayStyles;
-  /**
-   * Clears the styles applied to a day element that mark it as disabled.
-   *
-   * @param {HTMLElement} dayRef - The reference to the day element to be cleared of disabled styles.
-   */
-  private clearDisabledDayStyles;
+  getCalendarContentBoxRef(): HTMLVegaBoxElement;
+  getCalendarRef(): HTMLVegaDatePickerCalendarElement;
+  getMobileModalRef(): HTMLVegaModalElement;
+  triggerRepick(type: DatePickerCalendarRepickType): Promise<void>;
+  render(): HTMLElement;
+  private mobileRender;
+  private renderCalendar;
+  private addCalendarObserver;
+  private addModalObserver;
+  private onCalendarSelected;
+  private appendCalendarToBodyIfMobile;
+  private getDefaultCalendarDimension;
 }
-export {};

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.d.ts

@@ -8,6 +8,7 @@ export declare abstract class VegaDatePickerInputRendererBase extends VegaSlimme
   showClearIcon: VegaDatePicker['showClearIcon'];
   mode: VegaDatePicker['mode'];
   vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
+  calendarOpenStateController: VegaDatePicker['calendarOpenStateController'];
   /**
    * Render clear icon for either single or range date picker
    */

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.d.ts

@@ -4,16 +4,15 @@ export declare class VegaDatePickerRangeInputRenderer extends VegaDatePickerInpu
   placeholder: VegaDatePicker['placeholder'];
   vegaDatePickerFormatController: VegaDatePicker['vegaDatePickerFormatController'];
   vegaDatePickerRenderer: VegaDatePicker['vegaDatePickerRenderer'];
+  calendarOpenStateController: VegaDatePicker['calendarOpenStateController'];
   translationSlimmer: VegaDatePicker['translationSlimmer'];
+  allowRepick: VegaDatePicker['allowRepick'];
+  format: VegaDatePicker['format'];
+  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
   private startDateInputRef;
   private endDateInputRef;
-  private oldStartDateInputRef;
-  private oldEndDateInputRef;
-  componentWillRender(): void;
   getStartDateInputRef(): HTMLInputElement;
   getEndDateInputRef(): HTMLInputElement;
-  getOldStartDateInputRef(): HTMLInputElement;
-  getOldEndDateInputRef(): HTMLInputElement;
   render: () => HTMLElement;
   private getRangePlaceholder;
   /**
@@ -26,4 +25,5 @@ export declare class VegaDatePickerRangeInputRenderer extends VegaDatePickerInpu
    * @see{module:vega-date-picker-start-end-date-change}
    */
   private onEndDateChange;
+  private onInputClicked;
 }

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.d.ts

@@ -9,12 +9,11 @@ export declare class VegaDatePickerRenderer extends VegaSlimmer {
   readOnly: VegaDatePicker['readOnly'];
   autoValidation: VegaDatePicker['autoValidation'];
   host: VegaDatePicker['host'];
-  showYearMonthDropdowns: VegaDatePicker['showYearMonthDropdowns'];
-  vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
+  isMobileDevice: VegaDatePicker['isMobileDevice'];
   vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
   vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
   vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  monthYearDropdownRenderer: VegaDatePicker['monthYearDropdownRenderer'];
+  calendarOpenStateController: VegaDatePicker['calendarOpenStateController'];
   private datePickerContainer;
   getDatePickerContainer(): HTMLInputElement;
   renderInputPrefix: () => HTMLElement;

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.d.ts

@@ -5,12 +5,9 @@ export declare class VegaDatePickerSingleInputRenderer extends VegaDatePickerInp
   format: VegaDatePicker['format'];
   vegaDatePickerFormatController: VegaDatePicker['vegaDatePickerFormatController'];
   vegaDatePickerRenderer: VegaDatePicker['vegaDatePickerRenderer'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
+  calendarOpenStateController: VegaDatePicker['calendarOpenStateController'];
   private singleDateInputRef;
-  private oldSingleDateInputRef;
-  componentWillRender(): void;
   getSingleDateInputRef(): HTMLInputElement;
-  getOldSingleDateInputRef(): HTMLInputElement;
   render: () => HTMLElement;
   private getSinglePlaceholder;
   /**

package/dist/types/components/vega-date-picker/types.d.ts

@@ -15,3 +15,12 @@ export type DatePickerMonthYearType = {
 };
 
 export type DatePickerMonthYearTypes = DatePickerMonthYearType | DatePickerMonthYearType[];
+export type DatePickerCalendarMonthRenderType = 'start' | 'end';
+
+export type DatePickerCalendarRepickType = 'start' | 'end';
+
+export type VegaDropdownPropsForDatePickerCalendar = Partial<
+	Pick<HTMLVegaDropdownElement, 'isScreenPosition'>
+>;
+
+export type DatePickerCalendarSizeType = 'small' | 'regular' | 'large';

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/constants.d.ts

@@ -0,0 +1 @@
+export declare const MonthNames: string[];

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/dto/calendar-selection.d.ts

@@ -0,0 +1,62 @@
+import { CalendarDate } from '../../../../helpers/calendar';
+import { Nullable } from '../../../../types/general';
+import { DatePickerModeType, DatePickerValueType } from '../../types';
+/** Calendar selection object. */
+export declare class CalendarSelection {
+  readonly startDate: Nullable<CalendarDate>;
+  readonly endDate: Nullable<CalendarDate>;
+  private readonly mode;
+  constructor(startDate: Nullable<CalendarDate>, endDate: Nullable<CalendarDate>, mode: DatePickerModeType);
+  /**
+   * Creates a CalendarSelection from a selection value.
+   *
+   * @param {DatePickerValueType<DatePickerModeType>} selection - The selection value.
+   * @param {DatePickerModeType} mode - The mode of the date picker.
+   * @param {string} format - The date format to use for string conversion.
+   * @returns {CalendarSelection} - The created CalendarSelection instance.
+   */
+  static fromSelection(selection: DatePickerValueType<DatePickerModeType>, mode: DatePickerModeType, format: string): CalendarSelection;
+  /**
+   * Check if the selection is valid.
+   *
+   * @param {DatePickerValueType<DatePickerModeType>} selection - The selection value.
+   * @param {DatePickerModeType} mode - The mode of the date picker.
+   * @param {string} format - The date format to use for string conversion.
+   * @returns {boolean} - True if the selection is valid, false otherwise.
+   */
+  private static isValidSelection;
+  /**
+   * Check if a date string is valid.
+   *
+   * @param {Nullable<string>} dateString - The date string to check.
+   * @param {string} format - The date format to use for string conversion.
+   * @returns {boolean} - True if the date string is valid, false otherwise.
+   */
+  private static isValidDateString;
+  /**
+   * Gets the selection value based on the current calendar selection.
+   *
+   * @param {string} format - The date format to use for string conversion.
+   * @returns {DatePickerValueType<DatePickerModeType>} - The selection value.
+   */
+  toSelection(format: string): DatePickerValueType<DatePickerModeType>;
+  /**
+   * Checks if this calendar selection is equal to another.
+   *
+   * @param {CalendarSelection} other - The other calendar selection to compare with.
+   * @returns {boolean} - True if both selections are equal, false otherwise.
+   */
+  equals(other: CalendarSelection): boolean;
+  /**
+   * Checks if the calendar selection is completed.
+   *
+   * @returns {boolean} - True if the selection is completed, false otherwise.
+   */
+  isCompleted(): boolean;
+  /**
+   * Checks if the calendar selection is empty.
+   *
+   * @returns {boolean} - True if the selection is empty, false otherwise.
+   */
+  isEmpty(): boolean;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-allow-repick-controller.d.ts

@@ -0,0 +1,31 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+import { DatePickerCalendarRepickType } from '../../../types';
+/** Allow repick controller. */
+export declare class VegaDatePickerCalendarAllowRepickController extends VegaSlimmer {
+  calendarSelection: VegaDatePickerCalendar['calendarSelection'];
+  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  currentPeriodController: VegaDatePickerCalendar['currentPeriodController'];
+  private repickType;
+  /**
+   * Trigger repick
+   *
+   * @param {DatePickerCalendarRepickType} type - The type of repick.
+   */
+  triggerRepick(type: DatePickerCalendarRepickType): void;
+  /** while selection completed, we should clear repick type */
+  watchCalendarSelection(): void;
+  /**
+   * Get triggered repick type.
+   *
+   * @returns {DatePickerCalendarRepickType} - Repick type.
+   */
+  getRepickType(): DatePickerCalendarRepickType;
+  /**
+   * Set end date as current period.
+   *  - while start date and end date in same month of year, we set startDate as current period
+   *  - while in range mobile device, since we only render on month, so set the end date at current period
+   *  - while in range desktop devide, we set previous month as current period to keep end date is in second month.
+   */
+  private setEndDateAsCurrentMonthPeriod;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-current-period-controller.d.ts

@@ -0,0 +1,78 @@
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+import { MonthPeriod } from '../../../../../helpers/calendar';
+import { VegaDatePickerCalendarStateBaseAbstract } from './vega-date-picker-calendar-state-base.abstract';
+/** Current period controller. */
+export declare class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalendarStateBaseAbstract {
+  currentPeriod: VegaDatePickerCalendar['currentPeriod'];
+  host: VegaDatePickerCalendar['host'];
+  today: VegaDatePickerCalendar['today'];
+  mode: VegaDatePickerCalendar['mode'];
+  format: VegaDatePickerCalendar['format'];
+  timezone: VegaDatePickerCalendar['timezone'];
+  minCalendarDate: VegaDatePickerCalendar['minCalendarDate'];
+  maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
+  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  monthYearChangeEventEmitter: VegaDatePickerCalendar['monthYearChangeEventEmitter'];
+  calendarSelection: VegaDatePickerCalendar['calendarSelection'];
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
+  /** componentWillLoad */
+  componentWillLoad(): void;
+  /** Listen maxDate changed */
+  watchMaxCalendarDate(): void;
+  /** Listen minDate changed */
+  watchMinCalendarDate(): void;
+  /** Listen currentPeriod changed */
+  watchCurrentPeriod(): void;
+  /** reset current period */
+  resetCurrentPeriod(): void;
+  /** Clear current period */
+  clear(): void;
+  /**
+   * Goto next month period while single mode.
+   * Goto next two month period while range mode.
+   */
+  gotoNextPeriod(): void;
+  /**
+   * Goto previous month period while single mode.
+   * Goto previous two month period while range mode.
+   */
+  gotoPreviousPeriod(): void;
+  /**
+   * set current period
+   *
+   * @param {MonthPeriod} period current period
+   */
+  updateCalendarPeriod(period: MonthPeriod): void;
+  /**
+   * Current period follow below rules:
+   * - Go to the value date month if the value is set.
+   * - Go to the minDate month if only set the minDate and today is before than minDate.
+   * - Go to the minDate month if minDate and maxDate are both set and today is after than maxDate.
+   * - Go to the maxDate month if only set maxDate and today is after than maxDate.
+   * - Go to today month if the value, minDate and maxDate all are empty.
+   */
+  private setCurrentMonthPeriod;
+  /**
+   * Check is range view
+   *
+   * @returns {boolean} -
+   */
+  private isRangeView;
+  /**
+   * Get current year month by period
+   *
+   * @returns {DatePickerMonthYearTypes} - month and year info
+   */
+  private getCurrentYearMonthByPeriod;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initCalendarPeriodUpdateObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeCalendarPeriodUpdateObserver;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-min-max-date-controller.d.ts

@@ -0,0 +1,20 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+/** Current min and max calendar date controller. */
+export declare class VegaDatePickerCalendarMinMaxDateController extends VegaSlimmer {
+  maxDate: VegaDatePickerCalendar['maxDate'];
+  minDate: VegaDatePickerCalendar['minDate'];
+  format: VegaDatePickerCalendar['format'];
+  maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
+  minCalendarDate: VegaDatePickerCalendar['minCalendarDate'];
+  /** componentWillLoad */
+  componentWillLoad(): void;
+  /** Listen maxDate changed */
+  watchMaxDate(): void;
+  /** Listen minDate changed */
+  watchMinDate(): void;
+  /** Set maxCalendarDate */
+  private setMaxCalendarDate;
+  /** Set minCalendarDate */
+  private setMinCalendarDate;
+}