@syncfusion/ej2-calendars 30.2.4 → 31.1.17

package/dist/ts/calendar/calendar.d.ts

@@ -0,0 +1,733 @@
+import { Component, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';
+import { INotifyPropertyChanged, KeyboardEvents, L10n, SwipeEventArgs } from '@syncfusion/ej2-base';
+import { KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';
+import { EmitType } from '@syncfusion/ej2-base';
+import { CalendarModel, CalendarBaseModel } from './calendar-model';
+import { Islamic } from './index';
+/**
+ * Specifies the view of the calendar.
+ */
+export declare type CalendarView = 'Month' | 'Year' | 'Decade';
+export declare type CalendarType = 'Islamic' | 'Gregorian';
+export declare type DayHeaderFormats = 'Short' | 'Narrow' | 'Abbreviated' | 'Wide';
+/**
+ * Specifies the rule for defining the first week of the year.
+ */
+export declare type WeekRule = 'FirstDay' | 'FirstFullWeek' | 'FirstFourDayWeek';
+/**
+ *
+ * @private
+ */
+export declare class CalendarBase extends Component<HTMLElement> implements INotifyPropertyChanged {
+    protected headerElement: HTMLElement;
+    protected contentElement: HTMLElement;
+    private calendarEleCopy;
+    protected table: HTMLElement;
+    protected tableHeadElement: HTMLElement;
+    protected tableBodyElement: Element;
+    protected nextIcon: HTMLElement;
+    protected previousIcon: HTMLElement;
+    protected headerTitleElement: HTMLElement;
+    protected todayElement: HTMLElement;
+    protected footer: HTMLElement;
+    protected keyboardModule: KeyboardEvents;
+    protected globalize: Internationalization;
+    islamicModule: Islamic;
+    protected currentDate: Date;
+    protected navigatedArgs: NavigatedEventArgs;
+    protected renderDayCellArgs: RenderDayCellEventArgs;
+    protected effect: string;
+    protected previousDate: Date;
+    protected previousValues: number;
+    protected navigateHandler: Function;
+    protected navigatePreviousHandler: Function;
+    protected navigateNextHandler: Function;
+    protected l10: L10n;
+    protected todayDisabled: boolean;
+    protected nextIconClicked: boolean;
+    protected previousIconClicked: boolean;
+    protected tabIndex: string;
+    protected todayDate: Date;
+    protected islamicPreviousHeader: string;
+    protected calendarElement: HTMLElement;
+    protected isPopupClicked: boolean;
+    protected isDateSelected: boolean;
+    private serverModuleName;
+    protected timezone: string;
+    protected defaultKeyConfigs: {
+        [key: string]: string;
+    };
+    protected previousDateTime: Date;
+    protected isTodayClicked: boolean;
+    protected todayButtonEvent: MouseEvent | KeyboardEvent;
+    protected preventChange: boolean;
+    protected previousDates: boolean;
+    /**
+     * Gets or sets the minimum date that can be selected in the Calendar.
+     *
+     * @default new Date(1900, 00, 01)
+     * @deprecated
+     */
+    min: Date;
+    /**
+     * Specifies the component to be disabled or not.
+     *
+     * @default true
+     */
+    enabled: boolean;
+    /**
+     * Specifies the root CSS class of the Calendar that allows to
+     * customize the appearance by overriding the styles.
+     *
+     * @default null
+     */
+    cssClass: string;
+    /**
+     * Gets or sets the maximum date that can be selected in the Calendar.
+     *
+     * @default new Date(2099, 11, 31)
+     * @deprecated
+     */
+    max: Date;
+    /**
+     * Gets or sets the Calendar's first day of the week. By default, the first day of the week will be based on the current culture.
+     *
+     * @default 0
+     * @aspType int
+     * @deprecated
+     * > For more details about firstDayOfWeek refer to
+     * [`First day of week`](../../calendar/how-to/first-day-of-week#change-the-first-day-of-the-week) documentation.
+     */
+    firstDayOfWeek: number;
+    /**
+     * Gets or sets the Calendar's Type like gregorian or islamic.
+     *
+     * @default Gregorian
+     * @deprecated
+     */
+    calendarMode: CalendarType;
+    /**
+     * Specifies the initial view of the Calendar when it is opened.
+     * With the help of this property, initial view can be changed to year or decade view.
+     *
+     * @default Month
+     * @deprecated
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * View<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Month<br/></td><td colSpan=1 rowSpan=1>
+     * Calendar view shows the days of the month.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Year<br/></td><td colSpan=1 rowSpan=1>
+     * Calendar view shows the months of the year.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Decade<br/></td><td colSpan=1 rowSpan=1>
+     * Calendar view shows the years of the decade.<br/></td></tr>
+     * </table>
+     *
+     * > For more details about start refer to
+     * [`calendarView`](../../calendar/calendar-views#view-restriction)documentation.
+     */
+    start: CalendarView;
+    /**
+     * Sets the maximum level of view such as month, year, and decade in the Calendar.
+     * Depth view should be smaller than the start view to restrict its view navigation.
+     *
+     * @default Month
+     * @deprecated
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * view<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Month<br/></td><td colSpan=1 rowSpan=1>
+     * Calendar view shows up to the days of the month.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Year<br/></td><td colSpan=1 rowSpan=1>
+     * Calendar view shows up to the months of the year.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Decade<br/></td><td colSpan=1 rowSpan=1>
+     * Calendar view shows up to the years of the decade.<br/></td></tr>
+     * </table>
+     *
+     * > For more details about depth refer to
+     *  [`calendarView`](../../calendar/calendar-views#view-restriction)documentation.
+     */
+    depth: CalendarView;
+    /**
+     * Determines whether the week number of the year is to be displayed in the calendar or not.
+     *
+     * @default false
+     * @deprecated
+     * > For more details about weekNumber refer to
+     * [`Calendar with week number`](../../calendar/how-to/render-the-calendar-with-week-numbers)documentation.
+     */
+    weekNumber: boolean;
+    /**
+     * Specifies the rule for defining the first week of the year.
+     *
+     * @default FirstDay
+     */
+    weekRule: WeekRule;
+    /**
+     * Specifies whether the today button is to be displayed or not.
+     *
+     * @default true
+     * @deprecated
+     */
+    showTodayButton: boolean;
+    /**
+     * Specifies the format of the day that to be displayed in header. By default, the format is ‘short’.
+     * Possible formats are:
+     * * `Short` - Sets the short format of day name (like Su ) in day header.
+     * * `Narrow` - Sets the single character of day name (like S ) in day header.
+     * * `Abbreviated` - Sets the min format of day name (like Sun ) in day header.
+     * * `Wide` - Sets the long format of day name (like Sunday ) in day header.
+     *
+     * @default Short
+     * @deprecated
+     */
+    dayHeaderFormat: DayHeaderFormats;
+    /**
+     * Enable or disable persisting component's state between page reloads. If enabled, following list of states will be persisted.
+     * 1. value
+     *
+     * @default false
+     * @deprecated
+     */
+    enablePersistence: boolean;
+    /**
+     * Customizes the key actions in Calendar.
+     * For example, when using German keyboard, the key actions can be customized using these shortcuts.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Key action<br/></td><td colSpan=1 rowSpan=1>
+     * Key<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * controlUp<br/></td><td colSpan=1 rowSpan=1>
+     * ctrl+38<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * controlDown<br/></td><td colSpan=1 rowSpan=1>
+     * ctrl+40<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * select<br/></td><td colSpan=1 rowSpan=1>
+     * enter<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * home<br/></td><td colSpan=1 rowSpan=1>
+     * home<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * end<br/></td><td colSpan=1 rowSpan=1>
+     * end<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * pageUp<br/></td><td colSpan=1 rowSpan=1>
+     * pageup<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * pageDown<br/></td><td colSpan=1 rowSpan=1>
+     * pagedown<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * shiftPageUp<br/></td><td colSpan=1 rowSpan=1>
+     * shift+pageup<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * shiftPageDown<br/></td><td colSpan=1 rowSpan=1>
+     * shift+pagedown<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * controlHome<br/></td><td colSpan=1 rowSpan=1>
+     * ctrl+home<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * controlEnd<br/></td><td colSpan=1 rowSpan=1>
+     * ctrl+end<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * altUpArrow<br/></td><td colSpan=1 rowSpan=1>
+     * alt+uparrow<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * spacebar<br/></td><td colSpan=1 rowSpan=1>
+     * space<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * altRightArrow<br/></td><td colSpan=1 rowSpan=1>
+     * alt+rightarrow<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * altLeftArrow<br/></td><td colSpan=1 rowSpan=1>
+     * alt+leftarrow<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * moveDown<br/></td><td colSpan=1 rowSpan=1>
+     * downarrow<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * moveUp<br/></td><td colSpan=1 rowSpan=1>
+     * uparrow<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * moveLeft<br/></td><td colSpan=1 rowSpan=1>
+     * leftarrow<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * moveRight<br/></td><td colSpan=1 rowSpan=1>
+     * rightarrow<br/></td></tr>
+     * </table>
+     *
+     * {% codeBlock src='calendar/keyConfigs/index.md' %}{% endcodeBlock %}
+     *
+     * @default null
+     * @deprecated
+     */
+    keyConfigs: {
+        [key: string]: string;
+    };
+    /**
+     * By default, the date value will be processed based on system time zone.
+     * If you want to process the initial date value using server time zone
+     * then specify the time zone value to `serverTimezoneOffset` property.
+     *
+     * @default null
+     * @deprecated
+     */
+    serverTimezoneOffset: number;
+    /**
+     * Triggers when Calendar is created.
+     *
+     * @event created
+     */
+    created: EmitType<Object>;
+    /**
+     * Triggers when Calendar is destroyed.
+     *
+     * @event destroyed
+     */
+    destroyed: EmitType<Object>;
+    /**
+     * Triggers when the Calendar is navigated to another level or within the same level of view.
+     *
+     * @event navigated
+     */
+    navigated: EmitType<NavigatedEventArgs>;
+    /**
+     * Triggers when each day cell of the Calendar is rendered.
+     *
+     * @event renderDayCell
+     */
+    renderDayCell: EmitType<RenderDayCellEventArgs>;
+    /**
+     * Initialized new instance of Calendar Class.
+     * Constructor for creating the widget
+     *
+     * @param {CalendarBaseModel} options - Specifies the CalendarBase model.
+     * @param {string | HTMLElement} element - Specifies the element to render as component.
+     * @private
+     */
+    constructor(options?: CalendarBaseModel, element?: string | HTMLElement);
+    /**
+     * To Initialize the control rendering.
+     *
+     * @returns {void}
+     * @private
+     */
+    protected render(): void;
+    protected rangeValidation(min: Date, max: Date): void;
+    protected getDefaultKeyConfig(): {
+        [key: string]: string;
+    };
+    protected validateDate(value?: Date): void;
+    protected setOverlayIndex(popupWrapper: HTMLElement, popupElement: HTMLElement, modal: HTMLElement, isDevice: boolean): void;
+    protected minMaxUpdate(value?: Date): void;
+    protected createHeader(): void;
+    protected createContent(): void;
+    private addContentFocus;
+    private removeContentFocus;
+    protected getCultureValues(): string[];
+    protected toCapitalize(text: string): string;
+    protected createContentHeader(): void;
+    protected createContentBody(): void;
+    protected updateFooter(): void;
+    protected createContentFooter(): void;
+    protected wireEvents(id?: string, ref?: object, keyConfig?: {
+        [key: string]: string;
+    }, moduleName?: string): void;
+    protected dateWireEvents(id?: string, ref?: object, keyConfig?: {
+        [key: string]: string;
+    }, moduleName?: string): void;
+    protected todayButtonClick(e?: MouseEvent | KeyboardEvent, value?: Date, isCustomDate?: boolean): void;
+    protected resetCalendar(): void;
+    protected keyActionHandle(e: KeyboardEventArgs, value?: Date, multiSelection?: boolean): void;
+    protected keyboardNavigate(number: number, currentView: number, e: KeyboardEvent, max: Date, min: Date): void;
+    /**
+     * Initialize the event handler
+     *
+     * @param {Date} value - Specifies value of date.
+     * @returns {void}
+     * @private
+     */
+    protected preRender(value?: Date): void;
+    protected minMaxDate(localDate: Date): Date;
+    protected renderMonths(e?: Event, value?: Date, isCustomDate?: boolean): void;
+    protected renderDays(currentDate: Date, value?: Date, multiSelection?: boolean, values?: Date[], isTodayDate?: boolean, e?: Event): HTMLElement[];
+    protected updateFocus(otherMonth: boolean, disabled: boolean, localDate: Date, tableElement: HTMLElement, currentDate: Date): void;
+    protected renderYears(e?: Event, value?: Date): void;
+    protected renderDecades(e?: Event, value?: Date): void;
+    protected dayCell(localDate: Date): HTMLElement;
+    protected firstDay(date: Date): Date;
+    protected lastDay(date: Date, view: number): Date;
+    protected checkDateValue(value: Date): Date;
+    protected findLastDay(date: Date): Date;
+    protected removeTableHeadElement(): void;
+    protected renderTemplate(elements: HTMLElement[], count: number, classNm: string, e?: Event, value?: Date): void;
+    protected clickHandler(e: MouseEvent, value: Date): void;
+    protected clickEventEmitter(e: MouseEvent): void;
+    protected contentClick(e?: MouseEvent, view?: number, element?: Element, value?: Date): void;
+    protected switchView(view: number, e?: Event, multiSelection?: boolean, isCustomDate?: boolean): void;
+    /**
+     * To get component name
+     *
+     * @returns {string} Returns the component name.
+     * @private
+     */
+    protected getModuleName(): string;
+    /**
+     *
+     * @returns {void}
+     * @deprecated
+     */
+    requiredModules(): ModuleDeclaration[];
+    /**
+     * Gets the properties to be maintained upon browser refresh.
+     *
+     * @returns {string}
+     */
+    getPersistData(): string;
+    /**
+     * Called internally if any of the property value changed.
+     *
+     * @param {CalendarBaseModel} newProp - Returns the dynamic property value of the component.
+     * @param {CalendarBaseModel} oldProp - Returns the previous property value of the component.
+     * @param {boolean} multiSelection - - Specifies whether multiple date selection is enabled or not.
+     * @param {Date[]} values - Specifies the dates.
+     * @returns {void}
+     * @private
+     */
+    onPropertyChanged(newProp: CalendarBaseModel, oldProp: CalendarBaseModel, multiSelection?: boolean, values?: Date[]): void;
+    /**
+     * values property updated with considered disabled dates of the calendar.
+     *
+     * @param {boolean} multiSelection - Specifies whether multiple date selection is enabled.
+     * @param {Date[]} values - Specifies the dates to validate.
+     * @returns {void}
+     */
+    protected validateValues(multiSelection?: boolean, values?: Date[]): void;
+    protected setValueUpdate(): void;
+    protected copyValues(values: Date[]): Date[];
+    protected titleUpdate(date: Date, view: string): void;
+    protected setActiveDescendant(): string;
+    protected iconHandler(): void;
+    /**
+     * Destroys the widget.
+     *
+     * @returns {void}
+     */
+    destroy(): void;
+    protected title(e?: Event): void;
+    protected getViewNumber(stringVal: string): number;
+    protected navigateTitle(e?: Event): void;
+    protected previous(): void;
+    protected navigatePrevious(e: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
+    protected next(): void;
+    protected navigateNext(eve: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
+    /**
+     * This method is used to navigate to the month/year/decade view of the Calendar.
+     *
+     * @param {string} view - Specifies the view of the Calendar.
+     * @param {Date} date - Specifies the focused date in a view.
+     * @param {boolean} isCustomDate - Specifies whether the calendar is rendered with custom today date or not.
+     * @returns {void}
+     */
+    navigateTo(view: CalendarView, date: Date, isCustomDate?: boolean): void;
+    /**
+     * Gets the current view of the Calendar.
+     *
+     * @returns {string}
+     */
+    currentView(): string;
+    protected getDateVal(date: Date, value: Date): boolean;
+    protected getCultureObjects(ld: Object, c: string): Object;
+    protected getWeek(d: Date): number;
+    protected setStartDate(date: Date, time: number): void;
+    protected addMonths(date: Date, i: number): void;
+    protected addYears(date: Date, i: number): void;
+    protected getIdValue(e: MouseEvent | TouchEvent | KeyboardEvent, element: Element): Date;
+    protected adjustLongHeaderSize(): void;
+    protected selectDate(e: MouseEvent | KeyboardEventArgs, date: Date, node: Element, multiSelection?: boolean, values?: Date[]): void;
+    protected checkPresentDate(dates: Date, values: Date[]): boolean;
+    protected setAriaActiveDescendant(): void;
+    protected previousIconHandler(disabled: boolean): void;
+    protected renderDayCellEvent(args: RenderDayCellEventArgs): void;
+    protected navigatedEvent(eve: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
+    protected triggerNavigate(event: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
+    protected nextIconHandler(disabled: boolean): void;
+    protected compare(startDate: Date, endDate: Date, modifier: number): number;
+    protected isMinMaxRange(date: Date): boolean;
+    protected isMonthYearRange(date: Date): boolean;
+    protected compareYear(start: Date, end: Date): number;
+    protected compareDecade(start: Date, end: Date): number;
+    protected shiftArray(array: string[], i: number): string[];
+    protected addDay(date: Date, i: number, e: KeyboardEvent, max: Date, min: Date): void;
+    protected findNextTD(date: Date, column: number, max: Date, min: Date): boolean;
+    protected getMaxDays(d: Date): number;
+    protected setDateDecade(date: Date, year: number): void;
+    protected setDateYear(date: Date, value: Date): void;
+    protected compareMonth(start: Date, end: Date): number;
+    protected checkValue(inValue: string | Date | number): string;
+    protected checkView(): void;
+    protected getDate(date: Date, timezone: string): Date;
+}
+/**
+ * Represents the Calendar component that allows the user to select a date.
+ * ```html
+ * <div id="calendar"/>
+ * ```
+ * ```typescript
+ * <script>
+ *   var calendarObj = new Calendar({ value: new Date() });
+ *   calendarObj.appendTo("#calendar");
+ * </script>
+ * ```
+ */
+export declare class Calendar extends CalendarBase {
+    protected changedArgs: ChangedEventArgs;
+    protected changeHandler: Function;
+    /**
+     * Gets or sets the selected date of the Calendar.
+     *
+     * @default null
+     * @isGenericType true
+     * @deprecated
+     */
+    value: Date;
+    /**
+     * Gets or sets multiple selected dates of the calendar.
+     * {% codeBlock src='calendar/values/index.md' %}{% endcodeBlock %}
+     *
+     * @default null
+     */
+    values: Date[];
+    /**
+     * Specifies the option to enable the multiple dates selection of the calendar.
+     *
+     * @default false
+     */
+    isMultiSelection: boolean;
+    /**
+     * Triggers when the Calendar value is changed.
+     *
+     * @event change
+     */
+    change: EmitType<ChangedEventArgs>;
+    /**
+     * Initialized new instance of Calendar Class.
+     * Constructor for creating the widget
+     *
+     * @param {CalendarModel} options - Specifies the Calendar model.
+     * @param {string | HTMLElement} element - Specifies the element to render as component.
+     * @private
+     */
+    constructor(options?: CalendarModel, element?: string | HTMLElement);
+    /**
+     * To Initialize the control rendering.
+     *
+     * @returns {void}
+     * @private
+     */
+    protected render(): void;
+    protected setEnable(enable: boolean): void;
+    protected setClass(newCssClass: string, oldCssClass?: string): void;
+    protected isDayLightSaving(): boolean;
+    protected setTimeZone(offsetValue: number): void;
+    protected formResetHandler(): void;
+    protected validateDate(): void;
+    protected minMaxUpdate(): void;
+    protected generateTodayVal(value: Date): Date;
+    protected todayButtonClick(e?: MouseEvent | KeyboardEvent): void;
+    protected keyActionHandle(e: KeyboardEventArgs): void;
+    /**
+     * Initialize the event handler
+     *
+     * @returns {void}
+     * @private
+     */
+    protected preRender(): void;
+    /**
+     * @returns {void}
+     * @deprecated
+     */
+    createContent(): void;
+    protected minMaxDate(localDate: Date): Date;
+    protected renderMonths(e?: Event, value?: Date, isCustomDate?: boolean): void;
+    protected renderDays(currentDate: Date, value?: Date, isMultiSelect?: boolean, values?: Date[], isCustomDate?: boolean, e?: Event): HTMLElement[];
+    protected renderYears(e?: Event): void;
+    protected renderDecades(e?: Event): void;
+    protected renderTemplate(elements: HTMLElement[], count: number, classNm: string, e?: Event): void;
+    protected clickHandler(e: MouseEvent): void;
+    protected switchView(view: number, e?: Event, isMultiSelection?: boolean, isCustomDate?: boolean): void;
+    /**
+     * To get component name
+     *
+     * @returns {string} Return the component name.
+     * @private
+     */
+    protected getModuleName(): string;
+    /**
+     * Gets the properties to be maintained upon browser refresh.
+     *
+     * @returns {string}
+     */
+    getPersistData(): string;
+    /**
+     * Called internally if any of the property value changed.
+     *
+     * @param {CalendarModel} newProp - Returns the dynamic property value of the component.
+     * @param {CalendarModel} oldProp - Returns the previous property value of the component.
+     * @returns {void}
+     * @private
+     */
+    onPropertyChanged(newProp: CalendarModel, oldProp: CalendarModel): void;
+    /**
+     * Destroys the widget.
+     *
+     * @returns {void}
+     */
+    destroy(): void;
+    /**
+     * This method is used to navigate to the month/year/decade view of the Calendar.
+     *
+     * @param {string} view - Specifies the view of the Calendar.
+     * @param {Date} date - Specifies the focused date in a view.
+     * @param {boolean} isCustomDate - Specifies whether the calendar is rendered with custom today date or not.
+     * @returns {void}
+     * @deprecated
+     */
+    navigateTo(view: CalendarView, date: Date, isCustomDate?: boolean): void;
+    /**
+     * Gets the current view of the Calendar.
+     *
+     * @returns {string}
+     * @deprecated
+     */
+    currentView(): string;
+    /**
+     * This method is used to add the single or multiple dates to the values property of the Calendar.
+     *
+     * @param {Date | Date[]} dates - Specifies the date or dates to be added to the values property of the Calendar.
+     * @returns {void}
+     * @deprecated
+     */
+    addDate(dates: Date | Date[]): void;
+    /**
+     * This method is used to remove the single or multiple dates from the values property of the Calendar.
+     *
+     * @param {Date | Date[]} dates - Specifies the date or dates which need to be removed from the values property of the Calendar.
+     * @returns {void}
+     * @deprecated
+     */
+    removeDate(dates: Date | Date[]): void;
+    /**
+     * To set custom today date in calendar
+     *
+     * @param {Date} date - Specifies date value to be set.
+     * @private
+     * @returns {void}
+     */
+    setTodayDate(date: Date): void;
+    protected update(): void;
+    protected selectDate(e: MouseEvent | KeyboardEventArgs, date: Date, element: Element): void;
+    protected changeEvent(e: Event): void;
+    protected triggerChange(e: MouseEvent | KeyboardEvent): void;
+}
+export interface NavigatedEventArgs extends BaseEventArgs {
+    /** Defines the current view of the Calendar. */
+    view?: string;
+    /** Defines the focused date in a view. */
+    date?: Date;
+    /**
+     * Specifies the original event arguments.
+     */
+    event?: KeyboardEvent | MouseEvent | Event;
+}
+export interface RenderDayCellEventArgs extends BaseEventArgs {
+    /** Specifies whether to disable the current date or not. */
+    isDisabled?: boolean;
+    /** Specifies the day cell element. */
+    element?: HTMLElement;
+    /** Defines the current date of the Calendar. */
+    date?: Date;
+    /** Defines whether the current date is out of range (less than min or greater than max) or not. */
+    isOutOfRange?: boolean;
+}
+export interface ChangedEventArgs extends BaseEventArgs {
+    /** Defines the selected date of the Calendar.
+     *
+     * @isGenericType true
+     */
+    value?: Date;
+    /** Defines the multiple selected date of the Calendar. */
+    values?: Date[];
+    /**
+     * Specifies the original event arguments.
+     */
+    event?: KeyboardEvent | MouseEvent | Event;
+    /** Defines the element. */
+    element?: HTMLElement | HTMLInputElement;
+    /**
+     * If the event is triggered by interaction, it returns true. Otherwise, it returns false.
+     */
+    isInteracted?: boolean;
+}
+export interface IslamicObject {
+    year: number;
+    date: number;
+    month: number;
+}
+/**
+ * Defines the argument for the focus event.
+ */
+export interface FocusEventArgs {
+    model?: Object;
+}
+/**
+ * Defines the argument for the blur event.
+ */
+export interface BlurEventArgs {
+    model?: Object;
+}
+export interface ClearedEventArgs {
+    /**
+     * Specifies the original event arguments.
+     */
+    event?: MouseEvent | Event;
+}