cax-design-system 2.8.1 → 2.8.2

package/calendar/index.d.ts

@@ -1,5 +1,937 @@
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, OnDestroy, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, QueryList, NgZone } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i3 from 'cax-design-system/api';
+import { OverlayService, CaxTemplate, caxConfig } from 'cax-design-system/api';
+import { ConnectedOverlayScrollHandler } from 'cax-design-system/dom';
+import { Subscription } from 'rxjs';
+import { Nullable, VoidListener } from 'cax-design-system/ts-helpers';
+import * as i2 from 'cax-design-system/button';
+
 /**
- * Generated bundle index. Do not edit.
+ * Defines valid templates in Calendar.
+ * @group Templates
  */
-/// <amd-module name="cax-design-system/calendar" />
-export * from './public_api';
+interface CalendarTemplates {
+    /**
+     * Custom header template.
+     * @param {Object} context - date value instance.
+     */
+    date(context: {
+        /**
+         * Date value of the component.
+         */
+        $implicit: Date;
+    }): TemplateRef<{
+        $implicit: Date;
+    }>;
+    /**
+     * Custom decade template
+     * @param {Object} context - date value instance.
+     */
+    decade(context: {
+        /**
+         * An array containing the start and and year of a decade to display at header of the year picker.
+         */
+        $implicit: Date;
+    }): TemplateRef<{
+        $implicit: Date;
+    }>;
+    /**
+     * Custom disabled date template.
+     */
+    disabledDate(): TemplateRef<any>;
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom input icon template.
+     * @param {Object} context - input icon template params.
+     */
+    inputIconTemplate(context: {
+        /**
+         * Click callback
+         */
+        clickCallBack: () => void;
+    }): TemplateRef<{
+        clickCallBack: Function;
+    }>;
+    /**
+     * Custom previous icon template.
+     */
+    previousicon(): TemplateRef<any>;
+    /**
+     * Custom next icon template.
+     */
+    nexticon(): TemplateRef<any>;
+    /**
+     * Custom dropdown trigger icon template.
+     */
+    triggericon(): TemplateRef<any>;
+    /**
+     * Custom clear icon template.
+     */
+    clearicon(): TemplateRef<any>;
+    /**
+     * Custom decrement icon template.
+     */
+    decrementicon(): TemplateRef<any>;
+    /**
+     * Custom increment icon template.
+     */
+    incrementicon(): TemplateRef<any>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<any>;
+}
+/**
+ * Locale settings options.
+ * @group Interface
+ */
+interface LocaleSettings {
+    /**
+     * Day value.
+     */
+    firstDayOfWeek?: number;
+    /**
+     * Day names.
+     */
+    dayNames?: string[];
+    /**
+     * Shortened day names.
+     */
+    dayNamesShort?: string[];
+    /**
+     * Minimum days names.
+     */
+    dayNamesMin?: string[];
+    /**
+     * Month names.
+     */
+    monthNames?: string[];
+    /**
+     * Shortened month names.
+     */
+    monthNamesShort?: string[];
+    /**
+     * Value of today date string.
+     */
+    today?: string;
+    /**
+     * Clear.
+     */
+    clear?: string;
+    /**
+     * Date format.
+     */
+    dateFormat?: string;
+    /**
+     * Week header.
+     */
+    weekHeader?: string;
+}
+/**
+ * Month interface.
+ * @group Interface
+ */
+interface Month {
+    /**
+     * Mont value.
+     */
+    month?: number;
+    /**
+     * Year value.
+     */
+    year?: number;
+    /**
+     * Array of dates.
+     */
+    dates?: Date[];
+    /**
+     * Array of week numbers.
+     */
+    weekNumbers?: number[];
+}
+/**
+ * Custom Calendar responsive options metadata.
+ * @group Interface
+ */
+interface CalendarResponsiveOptions {
+    /**
+     * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}
+     */
+    breakpoint?: string;
+    /**
+     * The number of visible months on breakpoint.
+     */
+    numMonths?: number;
+}
+/**
+ * Custom type for the calendar views.
+ * @group Types
+ */
+type CalendarTypeView = 'date' | 'month' | 'year';
+/**
+ * Custom type for the calendar navigation state.
+ * @group Types
+ */
+type NavigationState = {
+    backward?: boolean;
+    button?: boolean;
+};
+/**
+ * Custom Calendar year change event.
+ * @see {@link Calendar.onYearChange}
+ * @group Events
+ */
+interface CalendarYearChangeEvent {
+    /**
+     * New month.
+     */
+    month?: number;
+    /**
+     * New year.
+     */
+    year?: number;
+}
+/**
+ * Custom Calendar month change event.
+ * @see {@link Calendar.onMonthChange}
+ * @group Events
+ */
+interface CalendarMonthChangeEvent {
+    /**
+     * New month.
+     */
+    month?: number;
+    /**
+     * New year.
+     */
+    year?: number;
+}
+
+declare const CALENDAR_VALUE_ACCESSOR: any;
+/**
+ * Calendar also known as DatePicker, is a form component to work with dates.
+ * @group Components
+ */
+declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor {
+    private document;
+    el: ElementRef;
+    renderer: Renderer2;
+    cd: ChangeDetectorRef;
+    private zone;
+    private config;
+    overlayService: OverlayService;
+    iconDisplay: 'input' | 'button';
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Inline style of the input field.
+     * @group Props
+     */
+    inputStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * Name of the input element.
+     * @group Props
+     */
+    name: string | undefined;
+    /**
+     * Style class of the input field.
+     * @group Props
+     */
+    inputStyleClass: string | undefined;
+    /**
+     * Placeholder text for the input.
+     * @group Props
+     */
+    placeholder: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Defines a string that labels the icon button for accessibility.
+     * @group Props
+     */
+    iconAriaLabel: string | undefined;
+    /**
+     * When specified, disables the component.
+     * @group Props
+     */
+    disabled: boolean | undefined;
+    /**
+     * Format of the date which can also be defined at locale settings.
+     * @group Props
+     */
+    dateFormat: string | undefined;
+    /**
+     * Separator for multiple selection mode.
+     * @group Props
+     */
+    multipleSeparator: string;
+    /**
+     * Separator for joining start and end dates on range selection mode.
+     * @group Props
+     */
+    rangeSeparator: string;
+    /**
+     * When enabled, displays the calendar as inline. Default is false for popup mode.
+     * @group Props
+     */
+    inline: boolean;
+    /**
+     * Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option.
+     * @group Props
+     */
+    showOtherMonths: boolean;
+    /**
+     * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.
+     * @group Props
+     */
+    selectOtherMonths: boolean | undefined;
+    /**
+     * When enabled, displays a button with icon next to input.
+     * @group Props
+     */
+    showIcon: boolean | undefined;
+    /**
+     * Icon of the calendar button.
+     * @group Props
+     */
+    icon: string | undefined;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having#mydiv as variable name).
+     * @group Props
+     */
+    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+    /**
+     * When specified, prevents entering the date manually with keyboard.
+     * @group Props
+     */
+    readonlyInput: boolean | undefined;
+    /**
+     * The cutoff year for determining the century for a date.
+     * @group Props
+     */
+    shortYearCutoff: any;
+    /**
+     * Whether the month should be rendered as a dropdown instead of text.
+     * @group Props
+     * @deprecated Navigator is always on.
+     */
+    monthNavigator: boolean | undefined;
+    /**
+     * Whether the year should be rendered as a dropdown instead of text.
+     * @group Props
+     * @deprecated  Navigator is always on.
+     */
+    yearNavigator: boolean | undefined;
+    /**
+     * Specifies 12 or 24 hour format.
+     * @group Props
+     */
+    hourFormat: string;
+    /**
+     * Whether to display timepicker only.
+     * @group Props
+     */
+    timeOnly: boolean | undefined;
+    /**
+     * Years to change per step in yearpicker.
+     * @group Props
+     */
+    stepYearPicker: number;
+    /**
+     * Hours to change per step.
+     * @group Props
+     */
+    stepHour: number;
+    /**
+     * Minutes to change per step.
+     * @group Props
+     */
+    stepMinute: number;
+    /**
+     * Seconds to change per step.
+     * @group Props
+     */
+    stepSecond: number;
+    /**
+     * Whether to show the seconds in time picker.
+     * @group Props
+     */
+    showSeconds: boolean;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @group Props
+     */
+    required: boolean | undefined;
+    /**
+     * When disabled, datepicker will not be visible with input focus.
+     * @group Props
+     */
+    showOnFocus: boolean;
+    /**
+     * When enabled, calendar will show week numbers.
+     * @group Props
+     */
+    showWeek: boolean;
+    /**
+     * When enabled, calendar will start week numbers from first day of the year.
+     * @group Props
+     */
+    startWeekFromFirstDayOfYear: boolean;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @group Props
+     */
+    showClear: boolean;
+    /**
+     * Type of the value to write back to ngModel, default is date and alternative is string.
+     * @group Props
+     */
+    dataType: string;
+    /**
+     * Defines the quantity of the selection, valid values are "single", "multiple" and "range".
+     * @group Props
+     */
+    selectionMode: 'single' | 'multiple' | 'range' | undefined;
+    /**
+     * Maximum number of selectable dates in multiple mode.
+     * @group Props
+     */
+    maxDateCount: number | undefined;
+    /**
+     * Whether to display today and clear buttons at the footer
+     * @group Props
+     */
+    showButtonBar: boolean | undefined;
+    /**
+     * Style class of the today button.
+     * @group Props
+     */
+    todayButtonStyleClass: string;
+    /**
+     * Style class of the clear button.
+     * @group Props
+     */
+    clearButtonStyleClass: string;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: boolean;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: number;
+    /**
+     * Style class of the datetimepicker container element.
+     * @group Props
+     */
+    panelStyleClass: string | undefined;
+    /**
+     * Inline style of the datetimepicker container element.
+     * @group Props
+     */
+    panelStyle: any;
+    /**
+     * Keep invalid value when input blur.
+     * @group Props
+     */
+    keepInvalid: boolean;
+    /**
+     * Whether to hide the overlay on date selection.
+     * @group Props
+     */
+    hideOnDateTimeSelect: boolean;
+    /**
+     * When enabled, calendar overlay is displayed as optimized for touch devices.
+     * @group Props
+     */
+    touchUI: boolean | undefined;
+    /**
+     * Separator of time selector.
+     * @group Props
+     */
+    labelText: string | undefined;
+    timeSeparator: string;
+    leftIcon: boolean;
+    /**
+     * When enabled, can only focus on elements inside the calendar.
+     * @group Props
+     */
+    focusTrap: boolean;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     */
+    showTransitionOptions: string;
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     */
+    hideTransitionOptions: string;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @group Props
+     */
+    variant: 'filled' | 'outlined';
+    /**
+     * The minimum selectable date.
+     * @group Props
+     */
+    get minDate(): Date | undefined | null;
+    set minDate(date: Date | undefined | null);
+    /**
+     * The maximum selectable date.
+     * @group Props
+     */
+    get maxDate(): Date | undefined | null;
+    set maxDate(date: Date | undefined | null);
+    /**
+     * Array with dates that should be disabled (not selectable).
+     * @group Props
+     */
+    get disabledDates(): Date[];
+    set disabledDates(disabledDates: Date[]);
+    /**
+     * Array with weekday numbers that should be disabled (not selectable).
+     * @group Props
+     */
+    get disabledDays(): number[];
+    set disabledDays(disabledDays: number[]);
+    /**
+     * The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).
+     * @group Props
+     * @deprecated Years are based on decades by default.
+     */
+    get yearRange(): string;
+    set yearRange(yearRange: string);
+    /**
+     * Whether to display timepicker.
+     * @group Props
+     */
+    get showTime(): boolean;
+    set showTime(showTime: boolean);
+    /**
+     * An array of options for responsive design.
+     * @group Props
+     */
+    get responsiveOptions(): CalendarResponsiveOptions[];
+    set responsiveOptions(responsiveOptions: CalendarResponsiveOptions[]);
+    /**
+     * Number of months to display.
+     * @group Props
+     */
+    get numberOfMonths(): number;
+    set numberOfMonths(numberOfMonths: number);
+    /**
+     * Defines the first of the week for various date calculations.
+     * @group Props
+     */
+    get firstDayOfWeek(): number;
+    set firstDayOfWeek(firstDayOfWeek: number);
+    /**
+     * Option to set calendar locale.
+     * @group Props
+     * @deprecated Locale property has no effect, use new i18n API instead.
+     */
+    set locale(newLocale: LocaleSettings);
+    /**
+     * Type of view to display, valid values are "date" for datepicker and "month" for month picker.
+     * @group Props
+     */
+    get view(): CalendarTypeView;
+    set view(view: CalendarTypeView);
+    /**
+     * Set the date to highlight on first opening if the field is blank.
+     * @group Props
+     */
+    get defaultDate(): Date;
+    set defaultDate(defaultDate: Date);
+    get inputClass(): {
+        'cax-inputtext cax-component': boolean;
+        'cax-variant-filled': boolean;
+    };
+    /**
+     * Callback to invoke on focus of input field.
+     * @param {Event} event - browser event.
+     * @group Emits
+     */
+    onFocus: EventEmitter<Event>;
+    /**
+     * Callback to invoke on blur of input field.
+     * @param {Event} event - browser event.
+     * @group Emits
+     */
+    onBlur: EventEmitter<Event>;
+    /**
+     * Callback to invoke when date panel closed.
+     * @param {Event} event - Mouse event
+     * @group Emits
+     */
+    onClose: EventEmitter<AnimationEvent>;
+    /**
+     * Callback to invoke on date select.
+     * @param {Date} date - date value.
+     * @group Emits
+     */
+    onSelect: EventEmitter<Date>;
+    /**
+     * Callback to invoke when input field cleared.
+     * @group Emits
+     */
+    onClear: EventEmitter<any>;
+    /**
+     * Callback to invoke when input field is being typed.
+     * @param {Event} event - browser event
+     * @group Emits
+     */
+    onInput: EventEmitter<any>;
+    /**
+     * Callback to invoke when today button is clicked.
+     * @param {Date} date - today as a date instance.
+     * @group Emits
+     */
+    onTodayClick: EventEmitter<Date>;
+    /**
+     * Callback to invoke when clear button is clicked.
+     * @param {Event} event - browser event.
+     * @group Emits
+     */
+    onClearClick: EventEmitter<any>;
+    /**
+     * Callback to invoke when a month is changed using the navigators.
+     * @param {CalendarMonthChangeEvent} event - custom month change event.
+     * @group Emits
+     */
+    onMonthChange: EventEmitter<CalendarMonthChangeEvent>;
+    /**
+     * Callback to invoke when a year is changed using the navigators.
+     * @param {CalendarYearChangeEvent} event - custom year change event.
+     * @group Emits
+     */
+    onYearChange: EventEmitter<CalendarYearChangeEvent>;
+    /**
+     * Callback to invoke when clicked outside of the date panel.
+     * @group Emits
+     */
+    onClickOutside: EventEmitter<any>;
+    /**
+     * Callback to invoke when datepicker panel is shown.
+     * @group Emits
+     */
+    onInlineSaved: EventEmitter<Date>;
+    onInlineCancelled: EventEmitter<void>;
+    onShow: EventEmitter<any>;
+    templates: QueryList<CaxTemplate>;
+    containerViewChild: Nullable<ElementRef>;
+    inputfieldViewChild: Nullable<ElementRef>;
+    set content(content: ElementRef);
+    contentViewChild: ElementRef;
+    value: any;
+    dates: Nullable<Date[]>;
+    months: Month[];
+    weekDays: Nullable<string[]>;
+    currentMonth: number;
+    currentYear: number;
+    currentHour: Nullable<number>;
+    currentMinute: Nullable<number>;
+    currentSecond: Nullable<number>;
+    pm: Nullable<boolean>;
+    mask: Nullable<HTMLDivElement>;
+    maskClickListener: VoidListener;
+    overlay: Nullable<HTMLDivElement>;
+    responsiveStyleElement: HTMLStyleElement | undefined | null;
+    overlayVisible: Nullable<boolean>;
+    onModelChange: Function;
+    onModelTouched: Function;
+    calendarElement: Nullable<HTMLElement | ElementRef>;
+    timePickerTimer: any;
+    documentClickListener: VoidListener;
+    animationEndListener: VoidListener;
+    ticksTo1970: Nullable<number>;
+    yearOptions: Nullable<number[]>;
+    focus: Nullable<boolean>;
+    isKeydown: Nullable<boolean>;
+    filled: Nullable<boolean>;
+    inputFieldValue: Nullable<string>;
+    _minDate?: Date | null;
+    _maxDate?: Date | null;
+    _showTime: boolean;
+    _yearRange: string;
+    preventDocumentListener: Nullable<boolean>;
+    dateTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<any>>;
+    disabledDateTemplate: Nullable<TemplateRef<any>>;
+    decadeTemplate: Nullable<TemplateRef<any>>;
+    previousIconTemplate: Nullable<TemplateRef<any>>;
+    nextIconTemplate: Nullable<TemplateRef<any>>;
+    triggerIconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<any>>;
+    decrementIconTemplate: Nullable<TemplateRef<any>>;
+    incrementIconTemplate: Nullable<TemplateRef<any>>;
+    inputIconTemplate: Nullable<TemplateRef<any>>;
+    _disabledDates: Array<Date>;
+    _disabledDays: Array<number>;
+    selectElement: Nullable;
+    todayElement: Nullable;
+    focusElement: Nullable;
+    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+    documentResizeListener: VoidListener;
+    navigationState: Nullable<NavigationState>;
+    isMonthNavigate: Nullable<boolean>;
+    initialized: Nullable<boolean>;
+    translationSubscription: Nullable<Subscription>;
+    _locale: LocaleSettings;
+    _responsiveOptions: CalendarResponsiveOptions[];
+    currentView: Nullable<string>;
+    attributeSelector: Nullable<string>;
+    panelId: Nullable<string>;
+    _numberOfMonths: number;
+    _firstDayOfWeek: number;
+    _view: CalendarTypeView;
+    preventFocus: Nullable<boolean>;
+    _defaultDate: Date;
+    _focusKey: Nullable<string>;
+    originalValue: Date;
+    formattedInlineDate: string;
+    private window;
+    get locale(): LocaleSettings;
+    get iconButtonAriaLabel(): any;
+    get prevIconAriaLabel(): any;
+    get nextIconAriaLabel(): any;
+    constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, config: caxConfig, overlayService: OverlayService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    updateFormattedInlineDate(): void;
+    getTranslation(option: string): any;
+    populateYearOptions(start: number, end: number): void;
+    createWeekDays(): void;
+    monthPickerValues(): any[];
+    yearPickerValues(): any[];
+    createMonths(month: number, year: number): void;
+    getWeekNumber(date: Date): number;
+    createMonth(month: number, year: number): Month;
+    initTime(date: Date): void;
+    navBackward(event: any): void;
+    navForward(event: any): void;
+    decrementYear(): void;
+    decrementYearPickerStep(): void;
+    incrementYearPickerStep(): void;
+    incrementYear(): void;
+    switchToMonthView(event: Event): void;
+    switchToYearView(event: Event): void;
+    onDateSelect(event: Event, dateMeta: any): void;
+    shouldSelectDate(dateMeta: any): boolean;
+    onMonthSelect(event: Event, index: number): void;
+    onYearSelect(event: Event, year: number): void;
+    updateInputfield(): void;
+    formatDateTime(date: any): any;
+    formatDateMetaToDate(dateMeta: any): Date;
+    formatDateKey(date: Date): string;
+    setCurrentHourPM(hours: number): void;
+    setCurrentView(currentView: CalendarTypeView): void;
+    selectDate(dateMeta: any): void;
+    updateModel(value: any): void;
+    getFirstDayOfMonthIndex(month: number, year: number): number;
+    getDaysCountInMonth(month: number, year: number): number;
+    getDaysCountInPrevMonth(month: number, year: number): number;
+    getPreviousMonthAndYear(month: number, year: number): {
+        month: any;
+        year: any;
+    };
+    getNextMonthAndYear(month: number, year: number): {
+        month: any;
+        year: any;
+    };
+    getSundayIndex(): number;
+    isSelected(dateMeta: any): boolean | undefined;
+    isComparable(): boolean;
+    isMonthSelected(month: number): boolean;
+    isMonthDisabled(month: number, year?: number): boolean;
+    isYearDisabled(year: number): boolean;
+    isYearSelected(year: number): boolean;
+    isDateEquals(value: any, dateMeta: any): boolean;
+    isDateBetween(start: Date, end: Date, dateMeta: any): boolean;
+    isSingleSelection(): boolean;
+    isRangeSelection(): boolean;
+    isMultipleSelection(): boolean;
+    isToday(today: Date, day: number, month: number, year: number): boolean;
+    isSelectable(day: any, month: any, year: any, otherMonth: any): boolean;
+    isDateDisabled(day: number, month: number, year: number): boolean;
+    isDayDisabled(day: number, month: number, year: number): boolean;
+    onInputFocus(event: Event): void;
+    onInputClick(): void;
+    onInputBlur(event: Event): void;
+    onButtonClick(event: Event, inputfield?: any): void;
+    clear(): void;
+    onOverlayClick(event: Event): void;
+    getMonthName(index: number): any;
+    getYear(month: any): any;
+    switchViewButtonDisabled(): boolean;
+    onPrevButtonClick(event: Event): void;
+    onNextButtonClick(event: Event): void;
+    onContainerButtonKeydown(event: KeyboardEvent): void;
+    onInputKeydown(event: any): void;
+    onDateCellKeydown(event: any, dateMeta: any, groupIndex: number): void;
+    onMonthCellKeydown(event: any, index: number): void;
+    onYearCellKeydown(event: any, index: number): void;
+    navigateToMonth(prev: boolean, groupIndex: number, focusKey?: string): void;
+    updateFocus(): void;
+    initFocusableCell(): void;
+    trapFocus(event: any): void;
+    onMonthDropdownChange(m: string): void;
+    onYearDropdownChange(y: string): void;
+    convertTo24Hour(hours: number, pm: boolean): number;
+    constrainTime(hour: number, minute: number, second: number, pm: boolean): number[];
+    incrementHour(event: any): void;
+    toggleAMPMIfNotMinDate(newPM: boolean): void;
+    onTimePickerElementMouseDown(event: Event, type: number, direction: number): void;
+    onTimePickerElementMouseUp(event: Event): void;
+    onTimePickerElementMouseLeave(): void;
+    repeat(event: Event | null, interval: number | null, type: number | null, direction: number | null): void;
+    clearTimePickerTimer(): void;
+    decrementHour(event: any): void;
+    incrementMinute(event: any): void;
+    decrementMinute(event: any): void;
+    incrementSecond(event: any): void;
+    decrementSecond(event: any): void;
+    updateTime(): void;
+    toggleAMPM(event: any): void;
+    onUserInput(event: KeyboardEvent | any): void;
+    isValidSelection(value: any): boolean;
+    parseValueFromString(text: string): Date | Date[] | null;
+    parseDateTime(text: any): Date;
+    populateTime(value: any, timeString: any, ampm: any): void;
+    isValidDate(date: any): boolean;
+    updateUI(): void;
+    showOverlay(): void;
+    hideOverlay(): void;
+    toggle(): void;
+    onOverlayAnimationStart(event: AnimationEvent): void;
+    onOverlayAnimationDone(event: AnimationEvent): void;
+    appendOverlay(): void;
+    restoreOverlayAppend(): void;
+    alignOverlay(): void;
+    enableModality(element: any): void;
+    disableModality(): void;
+    destroyMask(): void;
+    unbindMaskClickListener(): void;
+    unbindAnimationEndListener(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
+    getDateFormat(): any;
+    getFirstDateOfWeek(): any;
+    formatDate(date: any, format: any): string;
+    formatTime(date: any): string;
+    parseTime(value: any): {
+        hour: number;
+        minute: number;
+        second: number;
+    };
+    parseDate(value: any, format: any): any;
+    daylightSavingAdjust(date: any): any;
+    updateFilledState(): void;
+    isValidDateForTimeConstraints(selectedDate: Date): boolean;
+    onTodayButtonClick(event: any): void;
+    onClearButtonClick(event: any): void;
+    onBackButtonClick(event: any): void;
+    createResponsiveStyle(): void;
+    destroyResponsiveStyleElement(): void;
+    bindDocumentClickListener(): void;
+    unbindDocumentClickListener(): void;
+    bindDocumentResizeListener(): void;
+    unbindDocumentResizeListener(): void;
+    bindScrollListener(): void;
+    unbindScrollListener(): void;
+    isOutsideClicked(event: Event): boolean;
+    isNavIconClicked(event: Event): boolean;
+    onWindowResize(): void;
+    onOverlayHide(): void;
+    ngOnDestroy(): void;
+    onInlineSave(event?: Event): void;
+    onInlineCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Calendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Calendar, "cax-calendar", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "monthNavigator": { "alias": "monthNavigator"; "required": false; }; "yearNavigator": { "alias": "yearNavigator"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepYearPicker": { "alias": "stepYearPicker"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "startWeekFromFirstDayOfYear": { "alias": "startWeekFromFirstDayOfYear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onInlineSaved": "onInlineSaved"; "onInlineCancelled": "onInlineCancelled"; "onShow": "onShow"; }, ["templates"], ["cax-header", "cax-footer"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_inline: unknown;
+    static ngAcceptInputType_showOtherMonths: unknown;
+    static ngAcceptInputType_selectOtherMonths: unknown;
+    static ngAcceptInputType_showIcon: unknown;
+    static ngAcceptInputType_readonlyInput: unknown;
+    static ngAcceptInputType_monthNavigator: unknown;
+    static ngAcceptInputType_yearNavigator: unknown;
+    static ngAcceptInputType_timeOnly: unknown;
+    static ngAcceptInputType_stepYearPicker: unknown;
+    static ngAcceptInputType_stepHour: unknown;
+    static ngAcceptInputType_stepMinute: unknown;
+    static ngAcceptInputType_stepSecond: unknown;
+    static ngAcceptInputType_showSeconds: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_showOnFocus: unknown;
+    static ngAcceptInputType_showWeek: unknown;
+    static ngAcceptInputType_showClear: unknown;
+    static ngAcceptInputType_maxDateCount: unknown;
+    static ngAcceptInputType_showButtonBar: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_autoZIndex: unknown;
+    static ngAcceptInputType_baseZIndex: unknown;
+    static ngAcceptInputType_keepInvalid: unknown;
+    static ngAcceptInputType_hideOnDateTimeSelect: unknown;
+    static ngAcceptInputType_touchUI: unknown;
+    static ngAcceptInputType_focusTrap: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+}
+
+declare class CalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarModule, never, [typeof Calendar, typeof i2.ButtonModule, typeof i3.SharedModule], [typeof Calendar, typeof i2.ButtonModule, typeof i3.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CalendarModule>;
+}
+
+export { CALENDAR_VALUE_ACCESSOR, Calendar, CalendarModule };
+export type { CalendarMonthChangeEvent, CalendarResponsiveOptions, CalendarTemplates, CalendarTypeView, CalendarYearChangeEvent, LocaleSettings, Month, NavigationState };