* ``` * ```typescript * * ``` */ 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 */ 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; /** * 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} */ 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} */ navigateTo(view: CalendarView, date: Date, isCustomDate?: boolean): void; /** * Gets the current view of the Calendar. * * @returns {string} */ 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} */ 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} */ 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; currentView?: string; } 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; }

* View	* Description
* Month	* Calendar view shows the days of the month.
* Year	* Calendar view shows the months of the year.
* Decade	* Calendar view shows the years of the decade.

* view	* Description
* Month	* Calendar view shows up to the days of the month.
* Year	* Calendar view shows up to the months of the year.
* Decade	* Calendar view shows up to the years of the decade.

* Key action	* Key
* controlUp	* ctrl+38
* controlDown	* ctrl+40
* select	* enter
* home	* home
* end	* end
* pageUp	* pageup
* pageDown	* pagedown
* shiftPageUp	* shift+pageup
* shiftPageDown	* shift+pagedown
* controlHome	* ctrl+home
* controlEnd	* ctrl+end
* altUpArrow	* alt+uparrow
* spacebar	* space
* altRightArrow	* alt+rightarrow
* altLeftArrow	* alt+leftarrow
* moveDown	* downarrow
* moveUp	* uparrow
* moveLeft	* leftarrow
* moveRight	* rightarrow