@syncfusion/ej2-calendars 31.1.17 → 31.1.19

package/dist/ts/daterangepicker/daterangepicker.d.ts

@@ -1,857 +0,0 @@
-/// <reference path="../calendar/calendar-model.d.ts" />
-import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';
-import { Touch } from '@syncfusion/ej2-base';
-import { CalendarView, CalendarBase, NavigatedEventArgs, RenderDayCellEventArgs, CalendarType } from '../calendar/calendar';
-import { Popup } from '@syncfusion/ej2-popups';
-import { BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';
-import { FloatLabelType } from '@syncfusion/ej2-inputs';
-import { PresetsModel, DateRangePickerModel } from './daterangepicker-model';
-export declare class Presets extends ChildProperty<Presets> {
-    /**
-     * Defines the label string of the preset range.
-     */
-    label: string;
-    /**
-     * Defines the start date of the preset range.
-     */
-    start: Date;
-    /**
-     * Defines the end date of the preset range
-     */
-    end: Date;
-}
-export interface DateRange {
-    /** Defines the start date */
-    start?: Date;
-    /** Defines the end date */
-    end?: Date;
-}
-export interface RangeEventArgs extends BaseEventArgs {
-    /**
-     * Defines the value
-     */
-    value?: Date[] | DateRange;
-    /** Defines the value string in the input element */
-    text?: string;
-    /** Defines the start date  */
-    startDate?: Date;
-    /** Defines the end date  */
-    endDate?: Date;
-    /** Defines the day span between the range */
-    daySpan?: number;
-    /** Specifies the element. */
-    element?: HTMLElement | HTMLInputElement;
-    /**
-     * Specifies the original event arguments.
-     */
-    event?: MouseEvent | KeyboardEvent | TouchEvent | Event;
-    /**
-     * If the event is triggered by interaction, it returns true. Otherwise, it returns false.
-     */
-    isInteracted?: boolean;
-}
-export interface RangePopupEventArgs {
-    /** Defines the range string in the input element */
-    date: string;
-    /** Defines the DateRangePicker model */
-    model: DateRangePickerModel;
-    /**
-     * Illustrates whether the current action needs to be prevented or not.
-     */
-    cancel?: boolean;
-    /**
-     * Defines the DateRangePicker popup object.
-     *
-     * @deprecated
-     */
-    popup?: Popup;
-    /**
-     * Specifies the original event arguments.
-     */
-    event?: MouseEvent | KeyboardEvent | Event;
-    /**
-     * Specifies the node to which the popup element to be appended.
-     */
-    appendTo?: HTMLElement;
-}
-export interface RangeFormatObject {
-    /**
-     * Specifies the format in which the date format will process
-     */
-    skeleton?: string;
-}
-/**
- * Represents the DateRangePicker component that allows user to select the date range from the calendar
- * or entering the range through the input element.
- * ```html
- * <input id="daterangepicker"/>
- * ```
- * ```typescript
- * <script>
- *   var dateRangePickerObj = new DateRangePicker({ startDate: new Date("05/07/2017"), endDate: new Date("10/07/2017") });
- *   dateRangePickerObj.appendTo("#daterangepicker");
- * </script>
- * ```
- */
-export declare class DateRangePicker extends CalendarBase {
-    private popupObj;
-    private inputWrapper;
-    private popupWrapper;
-    private rightCalendar;
-    private leftCalendar;
-    private deviceCalendar;
-    private leftCalCurrentDate;
-    private initStartDate;
-    private initEndDate;
-    private startValue;
-    private endValue;
-    private modelValue;
-    private rightCalCurrentDate;
-    private leftCalPrevIcon;
-    private leftCalNextIcon;
-    private leftTitle;
-    private rightTitle;
-    private rightCalPrevIcon;
-    private rightCalNextIcon;
-    private inputKeyboardModule;
-    protected leftKeyboardModule: KeyboardEvents;
-    protected rightKeyboardModule: KeyboardEvents;
-    private previousStartValue;
-    private previousEndValue;
-    private applyButton;
-    private cancelButton;
-    private startButton;
-    private endButton;
-    private cloneElement;
-    private l10n;
-    private isCustomRange;
-    private isCustomWindow;
-    private presetsItem;
-    private liCollections;
-    private activeIndex;
-    private presetElement;
-    private previousEleValue;
-    private targetElement;
-    private disabledDayCnt;
-    private angularTag;
-    private inputElement;
-    private modal;
-    private firstHiddenChild;
-    private secondHiddenChild;
-    private isKeyPopup;
-    private dateDisabled;
-    private navNextFunction;
-    private navPrevFunction;
-    private deviceNavNextFunction;
-    private deviceNavPrevFunction;
-    private isRangeIconClicked;
-    private isMaxDaysClicked;
-    private popupKeyboardModule;
-    private presetKeyboardModule;
-    private btnKeyboardModule;
-    private virtualRenderCellArgs;
-    private disabledDays;
-    private isMobile;
-    private keyInputConfigs;
-    private defaultConstant;
-    private preventBlur;
-    private preventFocus;
-    private valueType;
-    private closeEventArgs;
-    private openEventArgs;
-    private controlDown;
-    private startCopy;
-    private endCopy;
-    private formElement;
-    private formatString;
-    private inputFormatsString;
-    protected tabIndex: string;
-    private invalidValueString;
-    private dateRangeOptions;
-    private mobileRangePopupWrap;
-    protected preventChange: boolean;
-    protected touchRangeModule: Touch;
-    protected touchRangeStart: boolean;
-    protected iconRangeRight: string;
-    protected clearButton: HTMLElement;
-    /**
-     * Gets or sets the start and end date of the Calendar.
-     * {% codeBlock src='daterangepicker/value/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     */
-    value: Date[] | DateRange;
-    /**
-     * Enable or disable the persisting component's state between the page reloads. If enabled, following list of states will be persisted.
-     * 1. startDate
-     * 2. endDate
-     * 3. value
-     *
-     * @default false
-     */
-    enablePersistence: boolean;
-    /**
-     * Gets or sets the minimum date that can be selected in the calendar-popup.
-     *
-     * @default new Date(1900, 00, 01)
-     */
-    min: Date;
-    /**
-     * Gets or sets the maximum date that can be selected in the calendar-popup.
-     *
-     * @default new Date(2099, 11, 31)
-     */
-    max: Date;
-    /**
-     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
-     *
-     * @default 'en-US'
-     */
-    locale: string;
-    /**
-     * 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.
-     * > For more details about firstDayOfWeek refer to
-     * [`First day of week`](../../daterangepicker/customization#first-day-of-week) documentation.
-     *
-     * @default null
-     */
-    firstDayOfWeek: number;
-    /**
-     * Determines whether the week number of the Calendar is to be displayed or not.
-     * The week number is displayed in every week row.
-     * > For more details about weekNumber refer to
-     * [`Calendar with week number`](../../calendar/how-to/render-the-calendar-with-week-numbers)documentation.
-     *
-     * @default false
-     */
-    weekNumber: boolean;
-    /**
-     * Gets or sets the Calendar's Type like gregorian or islamic.
-     *
-     * @default Gregorian
-     * @private
-     */
-    calendarMode: CalendarType;
-    /**
-     * By default, the popup opens while clicking on the daterangepicker icon.
-     * If you want to open the popup while focusing the daterange input then specify its value as true.
-     *
-     * @default false
-     */
-    openOnFocus: boolean;
-    /**
-     * Specifies the component popup display full screen in mobile devices.
-     *
-     * @default false
-     */
-    fullScreenMode: boolean;
-    /**
-     * Triggers when Calendar is created.
-     *
-     * @event created
-     */
-    created: EmitType<Object>;
-    /**
-     * Triggers when Calendar is destroyed.
-     *
-     * @event destroyed
-     */
-    destroyed: EmitType<Object>;
-    /**
-     * Triggers when the Calendar value is changed.
-     *
-     * @event change
-     */
-    change: EmitType<RangeEventArgs>;
-    /**
-     * Triggers when daterangepicker value is cleared using clear button.
-     *
-     * @event cleared
-     */
-    cleared: EmitType<ClearedEventArgs>;
-    /**
-     * Triggers when the Calendar is navigated to another view 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>;
-    /**
-     * Gets or sets the start date of the date range selection.
-     *
-     * @default null
-     */
-    startDate: Date;
-    /**
-     * Gets or sets the end date of the date range selection.
-     *
-     * @default null
-     */
-    endDate: Date;
-    /**
-     * Set the predefined ranges which let the user pick required range easily in a component.
-     * > For more details refer to
-     * [`Preset Ranges`](../../daterangepicker/customization#preset-ranges) documentation.
-     * {% codeBlock src='daterangepicker/presets/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     */
-    presets: PresetsModel[];
-    /**
-     * Specifies the width of the DateRangePicker component.
-     *
-     * @default ''
-     */
-    width: number | string;
-    /**
-     * specifies the z-index value of the dateRangePicker popup element.
-     *
-     * @default 1000
-     * @aspType int
-     */
-    zIndex: number;
-    /**
-     * Specifies whether to show or hide the clear icon
-     *
-     * @default true
-     */
-    showClearButton: boolean;
-    /**
-     * Specifies whether the today button is to be displayed or not.
-     *
-     * @default true
-     * @hidden
-     */
-    showTodayButton: boolean;
-    /**
-     * 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
-     */
-    start: CalendarView;
-    /**
-     * Sets the maximum level of view (month, year, decade) in the Calendar.
-     * Depth view should be smaller than the start view to restrict its view navigation.
-     *
-     * @default Month
-     */
-    depth: CalendarView;
-    /**
-     *  Sets the root CSS class to the DateRangePicker which allows you to customize the appearance.
-     *
-     * @default ''
-     */
-    cssClass: string;
-    /**
-     * Sets or gets the string that used between the start and end date string.
-     *
-     * @default '-'
-     */
-    separator: string;
-    /**
-     *  Specifies the minimum span of days that can be allowed in date range selection.
-     * > For more details refer to
-     * [`Range Span`](../../daterangepicker/range-restriction/#range-span) documentation.
-     *
-     * @default null
-     * @aspType int
-     */
-    minDays: number;
-    /**
-     *  Specifies the maximum span of days that can be allowed in a date range selection.
-     * > For more details refer to
-     * [`Range Span`](../../daterangepicker/range-restriction/#range-span) documentation.
-     *
-     * @default null
-     * @aspType int
-     */
-    maxDays: number;
-    /**
-     * Specifies the component to act as strict which allows entering only a valid date range in a DateRangePicker.
-     * > For more details refer to
-     * [`Strict Mode`](../../daterangepicker/range-restriction#strict-mode)documentation.
-     *
-     * @default false
-     */
-    strictMode: boolean;
-    /**
-     * Customizes the key actions in DateRangePicker.
-     * For example, when using German keyboard, the key actions can be customized using these shortcuts.
-     *
-     *
-     * Input Navigation
-     * <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>
-     * altUpArrow<br/></td><td colSpan=1 rowSpan=1>
-     * alt+uparrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * altDownArrow<br/></td><td colSpan=1 rowSpan=1>
-     * alt+downarrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * escape<br/></td><td colSpan=1 rowSpan=1>
-     * escape<br/></td></tr>
-     * </table>
-     *
-     * Calendar Navigation (Use the following list of keys to navigate the currently focused Calendar after the popup has opened).
-     * <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>
-     * moveDown<br/></td><td colSpan=1 rowSpan=1>
-     * downarrow<br/></td></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>
-     * 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>
-     * <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>
-     * <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>
-     * enter<br/></td><td colSpan=1 rowSpan=1>
-     * enter<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>
-     * </table>
-     *
-     * {% codeBlock src='daterangepicker/keyConfigs/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     */
-    keyConfigs: {
-        [key: string]: string;
-    };
-    /**
-     * Sets or gets the required date format to the start and end date string.
-     * > For more details refer to
-     * [`Format`](https://ej2.syncfusion.com/demos/#/material/daterangepicker/format.html)sample.
-     *
-     * @aspType string
-     * {% codeBlock src='daterangepicker/format/index.md' %}{% endcodeBlock %}
-     * @default null
-     */
-    format: string | RangeFormatObject;
-    /**
-     * Specifies an array of acceptable date input formats for parsing user input.
-     *
-     * @default null
-     * @aspType string[]
-     */
-    inputFormats: string[] | RangeFormatObject[];
-    /**
-     * Specifies the component to be disabled which prevents the DateRangePicker from user interactions.
-     *
-     * @default true
-     */
-    enabled: boolean;
-    /**
-     * Denies the editing the ranges in the DateRangePicker component.
-     *
-     * @default false
-     */
-    readonly: boolean;
-    /**
-     * > Support for `allowEdit` has been provided from
-     * [`v16.2.46`](https://ej2.syncfusion.com/angular/documentation/release-notes/16.2.46/#daterangepicker).
-     *
-     * Specifies whether the input textbox is editable or not. Here the user can select the value from the
-     * popup and cannot edit in the input textbox.
-     *
-     * @default true
-     */
-    allowEdit: boolean;
-    /**
-     * Specifies the placeholder text to be floated.
-     * Possible values are:
-     * Never: The label will never float in the input when the placeholder is available.
-     * Always: The floating label will always float above the input.
-     * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     *
-     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
-     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
-     * @isEnumeration true
-     */
-    floatLabelType: FloatLabelType | string;
-    /**
-     * Specifies the placeholder text that need to be displayed in the DateRangePicker component.
-     *
-     * @default null
-     */
-    placeholder: string;
-    /**
-     * You can add the additional html attributes such as disabled, value etc., to the element.
-     * If you configured both property and equivalent html attribute then the component considers the property value.
-     * {% codeBlock src='daterangepicker/htmlAttributes/index.md' %}{% endcodeBlock %}
-     *
-     * @default {}
-     */
-    htmlAttributes: {
-        [key: string]: string;
-    };
-    /**
-     * Triggers when the DateRangePicker is opened.
-     *
-     * @event open
-     */
-    open: EmitType<Object>;
-    /**
-     * Triggers when the DateRangePicker is closed.
-     *
-     * @event close
-     */
-    close: EmitType<Object>;
-    /**
-     * Triggers on selecting the start and end date.
-     *
-     * @event select
-     */
-    select: EmitType<Object>;
-    /**
-     *  Triggers when the control gets focus.
-     *
-     * @event focus
-     */
-    focus: EmitType<FocusEventArgs>;
-    /**
-     * Triggers when the control loses the focus.
-     *
-     * @event blur
-     */
-    blur: EmitType<BlurEventArgs>;
-    /**
-     * Constructor for creating the widget
-     *
-     * @param {DateRangePickerModel} options - Specifies the DateRangePicker model.
-     * @param {string | HTMLInputElement} element - Specifies the element to render as component.
-     * @private
-     */
-    constructor(options?: DateRangePickerModel, element?: string | HTMLInputElement);
-    /**
-     * To Initialize the control rendering.
-     *
-     * @returns {void}
-     * @private
-     */
-    protected render(): void;
-    /**
-     * Initialize the event handler
-     *
-     * @returns {void}
-     * @private
-     */
-    protected preRender(): void;
-    private updateValue;
-    private initProperty;
-    protected checkFormat(): void;
-    protected checkInputFormats(): void;
-    private initialize;
-    private setDataAttribute;
-    private setRangeAllowEdit;
-    private updateClearIconState;
-    protected validationAttribute(element: HTMLElement, input: Element): void;
-    private updateHtmlAttributeToWrapper;
-    private updateHtmlAttributeToElement;
-    private updateCssClass;
-    private processPresets;
-    protected bindEvents(): void;
-    private unBindEvents;
-    private updateHiddenInput;
-    private inputChangeHandler;
-    private bindClearEvent;
-    protected resetHandler(e: MouseEvent): void;
-    private restoreValue;
-    protected formResetHandler(e: MouseEvent): void;
-    private clear;
-    private rangeIconHandler;
-    private checkHtmlAttributes;
-    private createPopup;
-    private renderControl;
-    private clearCalendarEvents;
-    private updateNavIcons;
-    private calendarIconEvent;
-    private bindCalendarEvents;
-    private calendarIconRipple;
-    private deviceCalendarEvent;
-    private deviceNavNext;
-    private deviceNavPrevious;
-    private updateDeviceCalendar;
-    private deviceHeaderClick;
-    private inputFocusHandler;
-    private inputBlurHandler;
-    private getStartEndDate;
-    private clearRange;
-    private errorClass;
-    private keyCalendarUpdate;
-    private navInCalendar;
-    private firstCellToFocus;
-    private keyInputHandler;
-    private tabKeyValidation;
-    private keyNavigation;
-    private inputHandler;
-    private bindCalendarCellEvents;
-    private removeFocusedDate;
-    private hoverSelection;
-    private isSameStartEnd;
-    private updateRange;
-    private checkMinMaxDays;
-    private rangeArgs;
-    private otherMonthSelect;
-    private selectRange;
-    private selectableDates;
-    private updateMinMaxDays;
-    private removeTimeValueFromDate;
-    private removeClassDisabled;
-    private updateHeader;
-    private removeSelection;
-    private addSelectedAttributes;
-    private removeSelectedAttributes;
-    private updateCalendarElement;
-    private navPrevMonth;
-    private deviceNavigation;
-    private updateControl;
-    private navNextMonth;
-    private isPopupOpen;
-    protected createRangeHeader(): HTMLElement;
-    private disableInput;
-    private validateMinMax;
-    private validateRangeStrict;
-    private validateRange;
-    private validateMinMaxDays;
-    private renderCalendar;
-    private isSameMonth;
-    private isSameYear;
-    private isSameDecade;
-    private startMonthCurrentDate;
-    private selectNextMonth;
-    private selectNextYear;
-    private selectNextDecade;
-    private selectStartMonth;
-    private createCalendar;
-    private leftNavTitle;
-    private calendarNavigation;
-    private rightNavTitle;
-    protected clickEventEmitter(e: MouseEvent): void;
-    /**
-     * Gets the current view of the Calendar.
-     *
-     * @returns {string}
-     * @private
-     * @hidden
-     */
-    currentView(): string;
-    protected getCalendarView(view: string): CalendarView;
-    protected navigatedEvent(e: MouseEvent): void;
-    private createControl;
-    private modelRangeCloseHandler;
-    private cancelFunction;
-    private deviceHeaderUpdate;
-    private applyFunction;
-    private onMouseClick;
-    private onMouseOver;
-    private onMouseLeave;
-    private setListSelection;
-    private removeListSelection;
-    private setValue;
-    private applyPresetRange;
-    private showPopup;
-    private renderCustomPopup;
-    private listRippleEffect;
-    private createPresets;
-    private wireListEvents;
-    private unWireListEvents;
-    private renderPopup;
-    private dateRangeSwipeHandler;
-    private touchStartRangeHandler;
-    protected popupCloseHandler(e: KeyboardEventArgs): void;
-    private calendarFocus;
-    private presetHeight;
-    private presetKeyActionHandler;
-    private listMoveDown;
-    private listMoveUp;
-    private getHoverLI;
-    private getActiveLI;
-    private popupKeyBoardHandler;
-    private setScrollPosition;
-    private popupKeyActionHandle;
-    private documentHandler;
-    private createInput;
-    private setEleWidth;
-    private adjustLongHeaderWidth;
-    private refreshControl;
-    private updateInput;
-    protected checkInvalidRange(value: string | DateRange | Date[]): void;
-    private getstringvalue;
-    private checkInvalidValue;
-    private isDateDisabled;
-    private disabledDateRender;
-    private virtualRenderCellEvent;
-    private disabledDates;
-    private setModelValue;
-    /**
-     * To dispatch the event manually
-     *
-     * @param {HTMLElement} element - Specifies the element to dispatch the event.
-     * @param {string} type - Specifies the name of the event.
-     * @returns {void}
-     */
-    protected dispatchEvent(element: HTMLElement, type: string): void;
-    private changeTrigger;
-    /**
-     * 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.
-     * @returns {void}
-     * @hidden
-     */
-    navigateTo(view: CalendarView, date: Date): void;
-    private navigate;
-    /**
-     * Sets the focus to widget for interaction.
-     *
-     * @returns {void}
-     */
-    focusIn(): void;
-    /**
-     * Remove the focus from widget, if the widget is in focus state.
-     *
-     * @returns {void}
-     */
-    focusOut(): void;
-    /**
-     * To destroy the widget.
-     *
-     * @returns {void}
-     */
-    destroy(): void;
-    protected ensureInputAttribute(): void;
-    /**
-     * To get component name
-     *
-     * @returns {string} Returns the component name.
-     * @private
-     */
-    protected getModuleName(): string;
-    /**
-     * Return the properties that are maintained upon browser refresh.
-     *
-     * @returns {string}
-     */
-    getPersistData(): string;
-    /**
-     * Return the selected range and day span in the DateRangePicker.
-     *
-     * @returns {Object}
-     */
-    getSelectedRange(): Object;
-    /**
-     * To open the Popup container in the DateRangePicker component.
-     *
-     * @param {HTMLElement} element - Specifies element.
-     * @returns {void}
-     */
-    show(element?: HTMLElement, event?: MouseEvent | KeyboardEventArgs | Event): void;
-    /**
-     * To close the Popup container in the DateRangePicker component.
-     *
-     * @returns {void}
-     */
-    hide(event?: KeyboardEventArgs | MouseEvent | Event): void;
-    private setLocale;
-    private refreshChange;
-    private setDate;
-    private enableInput;
-    private clearModelvalue;
-    private createHiddenInput;
-    private setMinMaxDays;
-    private getAmPmValue;
-    private getStartEndValue;
-    /**
-     * Called internally if any of the property value changed.
-     *
-     * @param {DateRangePickerModel} newProp - Returns the dynamic property value of the component.
-     * @param {DateRangePickerModel} oldProp - Returns the previous property value of the component.
-     * @returns {void}
-     * @private
-     */
-    onPropertyChanged(newProp: DateRangePickerModel, oldProp: DateRangePickerModel): void;
-}