@koobiq/components 19.8.0 → 20.0.0

package/datepicker/index.d.ts

@@ -1 +1,699 @@
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { OnChanges, SimpleChanges, AfterContentInit, OnDestroy, AfterViewInit, InjectionToken, DoCheck, ElementRef, EventEmitter } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as _koobiq_components_core from '@koobiq/components/core';
+import { DateAdapter, ErrorStateMatcher } from '@koobiq/components/core';
+import { AnimationTriggerMetadata } from '@angular/animations';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import * as i15 from '@koobiq/components/form-field';
+import { KbqFormFieldControl, KbqFormField } from '@koobiq/components/form-field';
+import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
+import * as i2 from '@angular/cdk/overlay';
+import { OverlayRef, ScrollStrategy, Overlay } from '@angular/cdk/overlay';
+import * as i1 from '@koobiq/components/button';
+import * as i3 from '@angular/cdk/a11y';
+import * as i4 from '@angular/cdk/portal';
+import * as i5 from '@koobiq/components/select';
+import * as i6 from '@koobiq/components/icon';
+import * as i8 from '@angular/common';
+
+/**
+ * Extra CSS classes that can be associated with a calendar cell.
+ */
+type KbqCalendarCellCssClasses = string | string[] | Set<string> | {
+    [key: string]: any;
+};
+/**
+ * An internal class that represents the data corresponding to a single calendar cell.
+ * @docs-private
+ */
+declare class KbqCalendarCell {
+    value: number;
+    displayValue: string;
+    enabled: boolean;
+    cssClasses?: KbqCalendarCellCssClasses | undefined;
+    constructor(value: number, displayValue: string, enabled: boolean, cssClasses?: KbqCalendarCellCssClasses | undefined);
+}
+/**
+ * An internal component used to display calendar data in a table.
+ * @docs-private
+ */
+declare class KbqCalendarBody implements OnChanges {
+    /** The cells to display in the table. */
+    readonly rows: _angular_core.InputSignal<KbqCalendarCell[][]>;
+    /** The value in the table that corresponds to today. */
+    readonly todayValue: _angular_core.InputSignal<number>;
+    /** The value in the table that is currently selected. */
+    readonly selectedValue: _angular_core.InputSignal<number>;
+    /** The minimum number of free cells needed to fit the label in the first row. */
+    readonly labelMinRequiredCells: _angular_core.InputSignal<number>;
+    /** The number of columns in the table. */
+    readonly numCols: _angular_core.InputSignal<number>;
+    /** The cell number of the active cell in the table. */
+    readonly activeCell: _angular_core.InputSignal<number>;
+    /**
+     * The aspect ratio (width / height) to use for the cells in the table. This aspect ratio will be
+     * maintained even as the table resizes.
+     */
+    readonly cellAspectRatio: _angular_core.InputSignal<number>;
+    /** Emits when a new value is selected. */
+    readonly selectedValueChange: _angular_core.OutputEmitterRef<number>;
+    /** The number of blank cells to put at the beginning for the first row. */
+    firstRowOffset: number;
+    /** Padding for the individual date cells. */
+    cellPadding: string;
+    /** Width of an individual cell. */
+    cellWidth: string;
+    cellClicked(cell: KbqCalendarCell): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    isActiveCell(rowIndex: number, colIndex: number): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqCalendarBody, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendarBody, "[kbq-calendar-body]", ["kbqCalendarBody"], { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "todayValue": { "alias": "todayValue"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; "isSignal": true; }; "numCols": { "alias": "numCols"; "required": false; "isSignal": true; }; "activeCell": { "alias": "activeCell"; "required": false; "isSignal": true; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; "isSignal": true; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
+}
+
+type MonthName = {
+    name: string;
+    nameShort: string;
+    value: number;
+    disabled: boolean;
+};
+/** Default header for KbqCalendar */
+declare class KbqCalendarHeader<D> implements AfterContentInit {
+    private readonly adapter;
+    monthNames: MonthName[];
+    selectedMonth: number;
+    years: number[];
+    selectedYear: number;
+    get activeDate(): D;
+    set activeDate(value: D);
+    private _activeDate;
+    get maxDate(): D | null;
+    set maxDate(value: D | null);
+    private _maxDate;
+    get minDate(): D | null;
+    set minDate(value: D | null);
+    private _minDate;
+    get previousDisabled(): boolean;
+    get currentDisabled(): boolean;
+    get nextDisabled(): boolean;
+    /** Emits when any date is activated. */
+    readonly activeDateChange: _angular_core.OutputEmitterRef<D>;
+    readonly monthSelected: _angular_core.OutputEmitterRef<D>;
+    readonly yearSelected: _angular_core.OutputEmitterRef<D>;
+    constructor();
+    ngAfterContentInit(): void;
+    /** Handles when a new month is selected. */
+    onMonthSelected(month: number): void;
+    /** Handles when a new year is selected. */
+    onYearSelected(year: number): void;
+    selectCurrentDate(): void;
+    /** Handles user clicks on the previous button. */
+    selectPreviousMonth(): void;
+    /** Handles user clicks on the next button. */
+    selectNextMonth(): void;
+    private compareDate;
+    private updateSelectedValues;
+    private updateSelectionOptions;
+    private updateYearsOptions;
+    private updateMonthOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqCalendarHeader<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["kbqCalendarHeader"], { "activeDate": { "alias": "activeDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
+}
+
+/**
+ * An internal component used to display a single month in the datepicker.
+ * @docs-private
+ */
+declare class KbqMonthView<D> implements AfterContentInit {
+    private changeDetectorRef;
+    adapter: DateAdapter<D>;
+    /**
+     * The date to display in this month view (everything other than the month and year is ignored).
+     */
+    get activeDate(): D;
+    set activeDate(value: D);
+    private _activeDate;
+    /** The currently selected date. */
+    get selected(): D | null;
+    set selected(value: D | null);
+    private _selected;
+    /** The minimum selectable date. */
+    readonly minDate: _angular_core.InputSignal<D | null>;
+    /** The maximum selectable date. */
+    readonly maxDate: _angular_core.InputSignal<D | null>;
+    /** Function used to filter which dates are selectable. */
+    readonly dateFilter: _angular_core.InputSignal<(date: D) => boolean>;
+    /** Function that can be used to add custom CSS classes to dates. */
+    readonly dateClass: _angular_core.InputSignal<(date: D) => KbqCalendarCellCssClasses>;
+    /** Emits when a new date is selected. */
+    readonly selectedChange: _angular_core.OutputEmitterRef<D | null>;
+    /** Emits when any date is selected. */
+    readonly userSelection: _angular_core.OutputEmitterRef<void>;
+    /** Emits when any date is activated. */
+    readonly activeDateChange: _angular_core.OutputEmitterRef<D>;
+    /** The body of calendar table */
+    readonly kbqCalendarBody: _angular_core.Signal<KbqCalendarBody>;
+    /** Grid of calendar cells representing the dates of the month. */
+    weeks: KbqCalendarCell[][];
+    /** The number of blank cells in the first row before the 1st of the month. */
+    firstWeekOffset: number;
+    /**
+     * The date of the month that the currently selected Date falls on.
+     * Null if the currently selected Date is in another month.
+     */
+    selectedDate: number | null;
+    /** The date of the month that today falls on. Null if today is in another month. */
+    todayDate: number | null;
+    /** The names of the weekdays. */
+    weekdays: {
+        long: string;
+        narrow: string;
+    }[];
+    constructor();
+    ngAfterContentInit(): void;
+    /** Handles when a new date is selected. */
+    dateSelected(date: number): void;
+    /** Initializes this month view. */
+    init(): void;
+    /** Creates KbqCalendarCells for the dates in this month. */
+    private createWeekCells;
+    /** Date filter for the month */
+    private shouldEnableDate;
+    /**
+     * Gets the date in this month that the given Date falls on.
+     * Returns null if the given Date is in another month.
+     */
+    private getDateInCurrentMonth;
+    /** Checks whether the 2 dates are non-null and fall within the same month of the same year. */
+    private hasSameMonthAndYear;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqMonthView<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["kbqMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
+}
+
+/**
+ * A calendar that is used as part of the datepicker.
+ * @docs-private
+ */
+declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
+    private readonly adapter;
+    private changeDetectorRef;
+    /** A date representing the period (month or year) to start the calendar in. */
+    get startAt(): D | null;
+    set startAt(value: D | null);
+    private _startAt;
+    /** The currently selected date. */
+    get selected(): D | null;
+    set selected(value: D | null);
+    private _selected;
+    /** The minimum selectable date. */
+    get minDate(): D | null;
+    set minDate(value: D | null);
+    private _minDate;
+    /** The maximum selectable date. */
+    get maxDate(): D | null;
+    set maxDate(value: D | null);
+    private _maxDate;
+    /**
+     * The current active date. This determines which time period is shown and which date is
+     * highlighted and used as the anchor on  when using keyboard navigation.
+     */
+    get activeDate(): D;
+    set activeDate(value: D | null);
+    private _activeDate;
+    /** Function used to filter which dates are selectable. */
+    readonly dateFilter: _angular_core.InputSignal<(date: D) => boolean>;
+    /** Function that can be used to add custom CSS classes to dates. */
+    readonly dateClass: _angular_core.InputSignal<(date: D) => KbqCalendarCellCssClasses>;
+    /** Emits when the currently selected date changes. */
+    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    /**
+     * Emits the year chosen in multiyear view.
+     * This doesn't imply a change on the selected date.
+     */
+    readonly yearSelected: _angular_core.OutputEmitterRef<D>;
+    /**
+     * Emits the month chosen in year view.
+     * This doesn't imply a change on the selected date.
+     */
+    readonly monthSelected: _angular_core.OutputEmitterRef<D>;
+    /** Emits when any date is selected. */
+    readonly userSelection: _angular_core.OutputEmitterRef<void>;
+    /** Reference to the current month view component. */
+    readonly monthView: _angular_core.Signal<KbqMonthView<any>>;
+    /**
+     * Emits whenever there is a state change that the header may need to respond to.
+     */
+    stateChanges: Subject<void>;
+    /** The input element this datepicker is associated with. */
+    datepickerInput: any;
+    private readonly intlChanges;
+    /** Subscription to value changes in the associated input element. */
+    private inputSubscription;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Register an input with this calendar.
+     * @param input The calendar input to register with this calendar.
+     */
+    registerInput(input: any): void;
+    /** Updates today's date after an update of the active date */
+    updateTodaysDate(): void;
+    /** Handles date selection in the month view. */
+    dateSelected(date: D): void;
+    userSelected(): void;
+    /**
+     * @param obj The object to check.
+     * @returns The given object if it is both a date instance and valid, otherwise null.
+     */
+    private getValidDateOrNull;
+    private getActiveDateDefault;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqCalendar<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["kbqCalendar"], { "startAt": { "alias": "startAt"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, true, never>;
+}
+
+/**
+ * Animations used by the Koobiq datepicker.
+ * @docs-private
+ */
+declare const kbqDatepickerAnimations: {
+    readonly transformPanel: AnimationTriggerMetadata;
+    readonly fadeInCalendar: AnimationTriggerMetadata;
+};
+
+/** Injection token that determines the scroll handling while the calendar is open. */
+declare const KBQ_DATEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+declare function KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
+/** @docs-private */
+declare const KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: (typeof Overlay)[];
+    useFactory: typeof KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY;
+};
+/**
+ * Component used as the content for the datepicker dialog and popup. We use this instead of using
+ * KbqCalendar directly as the content so we can control the initial focus. This also gives us a
+ * place to put additional features of the popup that are not part of the calendar itself in the
+ * future. (e.g. confirmation buttons).
+ * @docs-private
+ */
+declare class KbqDatepickerContent<D> implements OnDestroy, AfterViewInit {
+    private changeDetectorRef;
+    /** Emits when an animation has finished. */
+    readonly animationDone: Subject<void>;
+    /** Reference to the datepicker that created the overlay. */
+    datepicker: KbqDatepicker<D>;
+    /** Current state of the animation. */
+    animationState: 'enter' | 'void';
+    /** Reference to the internal calendar component. */
+    readonly calendar: _angular_core.Signal<KbqCalendar<any>>;
+    private subscriptions;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    startExitAnimation(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerContent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepickerContent<any>, "kbq-datepicker__content", ["kbqDatepickerContent"], {}, {}, never, never, true, never>;
+}
+/** Component responsible for managing the datepicker popup/dialog. */
+declare class KbqDatepicker<D> implements OnDestroy {
+    private overlay;
+    private ngZone;
+    private viewContainerRef;
+    private readonly dateAdapter;
+    private dir;
+    protected readonly document: Document;
+    get hasBackdrop(): boolean;
+    set hasBackdrop(value: boolean);
+    private _hasBackdrop;
+    /** The date to open the calendar to initially. */
+    get startAt(): D | null;
+    set startAt(value: D | null);
+    private _startAt;
+    /** Whether the datepicker pop-up should be disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    /** Whether the calendar is open. */
+    get opened(): boolean;
+    set opened(value: boolean);
+    private _opened;
+    /** The currently selected date. */
+    get selected(): D | null;
+    set selected(value: D | null);
+    get dateFilter(): (date: D | null) => boolean;
+    get value(): D | null;
+    /** The minimum selectable date. */
+    readonly minDate: _angular_core.InputSignal<D | null>;
+    /** The maximum selectable date. */
+    readonly maxDate: _angular_core.InputSignal<D | null>;
+    /**
+     * Emits selected year in multiyear view.
+     * This doesn't imply a change on the selected date.
+     */
+    readonly yearSelected: _angular_core.OutputEmitterRef<D>;
+    /**
+     * Emits selected month in year view.
+     * This doesn't imply a change on the selected date.
+     */
+    readonly monthSelected: _angular_core.OutputEmitterRef<D>;
+    /** Classes to be passed to the date picker panel. Supports the same syntax as the `[class]` binding. */
+    readonly panelClass: _angular_core.InputSignal<string | string[]>;
+    /** Function that can be used to add custom CSS classes to dates. */
+    readonly dateClass: _angular_core.InputSignal<(date: D) => KbqCalendarCellCssClasses>;
+    readonly backdropClass: _angular_core.InputSignal<string>;
+    /** Emits when the datepicker has been opened. */
+    readonly openedStream: _angular_core.OutputEmitterRef<void>;
+    /** Emits when the datepicker has been closed. */
+    readonly closedStream: _angular_core.OutputEmitterRef<void>;
+    readonly stateChanges: Subject<void>;
+    /** Emits when the datepicker is disabled. */
+    readonly disabledChange: Subject<boolean>;
+    /** Emits new selected date when selected date changes. */
+    readonly selectedChanged: Subject<D>;
+    /** The id for the datepicker calendar. */
+    id: string;
+    /** A reference to the overlay when the calendar is opened as a popup. */
+    popupRef: OverlayRef | null;
+    /** The input element this datepicker is associated with. */
+    datepickerInput: KbqDatepickerInput<D>;
+    private scrollStrategy;
+    private validSelected;
+    /** A portal containing the calendar for this datepicker. */
+    private calendarPortal;
+    /** Reference to the component instantiated in popup mode. */
+    private popupComponentRef;
+    /** The element that was focused before the datepicker was opened. */
+    private focusedElementBeforeOpen;
+    /** Subscription to value changes in the associated input element. */
+    private inputSubscription;
+    private closeSubscription;
+    constructor();
+    ngOnDestroy(): void;
+    /** Selects the given date */
+    select(date: D): void;
+    /** Emits the selected year in multiyear view */
+    selectYear(normalizedYear: D): void;
+    /** Emits selected month in year view */
+    selectMonth(normalizedMonth: D): void;
+    /**
+     * Register an input with this datepicker.
+     * @param input The datepicker input to register with this datepicker.
+     */
+    registerInput(input: KbqDatepickerInput<D>): void;
+    /** Open the calendar. */
+    open(): void;
+    /** Close the calendar. */
+    close(restoreFocus?: boolean): void;
+    toggle(): void;
+    /** Destroys the current overlay. */
+    private destroyOverlay;
+    /** Open the calendar as a popup. */
+    private openAsPopup;
+    /** Create the popup. */
+    private createPopup;
+    private restoreFocus;
+    private closingActions;
+    /** Create the popup PositionStrategy. */
+    private createPopupPositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepicker<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["kbqDatepicker"], { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, never>;
+}
+
+declare const MAX_YEAR = 9999;
+/** @docs-private */
+declare const KBQ_DATEPICKER_VALUE_ACCESSOR: any;
+/** @docs-private */
+declare const KBQ_DATEPICKER_VALIDATORS: any;
+/** default configuration of datepicker */
+/** @docs-private */
+declare const KBQ_DATEPICKER_DEFAULT_CONFIGURATION: {
+    placeholder: string;
+    dateInput: string;
+};
+/** Injection Token for providing configuration of datepicker */
+/** @docs-private */
+declare const KBQ_DATEPICKER_CONFIGURATION: InjectionToken<unknown>;
+/**
+ * An event used for datepicker input and change events. We don't always have access to a native
+ * input or change event because the event may have been triggered by the user clicking on the
+ * calendar popup. For consistency, we always use KbqDatepickerInputEvent instead.
+ */
+declare class KbqDatepickerInputEvent<D> {
+    /** Reference to the datepicker input component that emitted the event. */
+    target: KbqDatepickerInput<D>;
+    /** Reference to the native input element associated with the datepicker input. */
+    targetElement: HTMLElement;
+    /** The new value for the target datepicker input. */
+    value: D | null;
+    constructor(
+    /** Reference to the datepicker input component that emitted the event. */
+    target: KbqDatepickerInput<D>, 
+    /** Reference to the native input element associated with the datepicker input. */
+    targetElement: HTMLElement);
+}
+/** Directive used to connect an input to a KbqDatepicker. */
+declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlValueAccessor, Validator, OnDestroy, DoCheck, AfterContentInit {
+    elementRef: ElementRef<HTMLInputElement>;
+    private readonly renderer;
+    readonly adapter: DateAdapter<D>;
+    private readonly dateFormats;
+    /** @docs-private */
+    protected readonly formField: KbqFormField | null;
+    /** @docs-private */
+    protected readonly localeService: _koobiq_components_core.KbqLocaleService | null;
+    /** @docs-private */
+    protected readonly externalConfiguration: unknown;
+    protected configuration: any;
+    readonly stateChanges: Subject<void>;
+    controlType: string;
+    focused: boolean;
+    datepicker: KbqDatepicker<D>;
+    calendar: KbqCalendar<D>;
+    dateFilter: (date: D | null) => boolean;
+    /** Emits when the value changes (either due to user input or programmatic change). */
+    valueChange: EventEmitter<D | null>;
+    /** Emits when the disabled state has changed */
+    disabledChange: EventEmitter<boolean>;
+    /** Object used to control when error messages are shown. */
+    get errorStateMatcher(): ErrorStateMatcher;
+    set errorStateMatcher(value: ErrorStateMatcher);
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    /** The datepicker that this input is associated with. */
+    set kbqDatepicker(value: KbqDatepicker<D>);
+    /** The calendar that this input is associated with. */
+    set kbqCalendar(value: KbqCalendar<D>);
+    /** Function that can be used to filter out dates within the datepicker. */
+    set kbqDatepickerFilter(value: (date: D | null) => boolean);
+    /** The value of the input. */
+    get value(): D | null;
+    set value(value: D | null);
+    private _value;
+    /** The minimum valid date. */
+    get min(): D | null;
+    set min(value: D | null);
+    private _min;
+    /** The maximum valid date. */
+    get max(): D | null;
+    set max(value: D | null);
+    private _max;
+    /** Whether the datepicker-input is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    get id(): string;
+    set id(value: string);
+    private _id;
+    set kbqValidationTooltip(tooltip: KbqTooltipTrigger);
+    readonly incorrectInput: _angular_core.OutputEmitterRef<void>;
+    /** Emits when a `change` event is fired on this `<input>`. */
+    readonly dateChange: _angular_core.OutputEmitterRef<KbqDatepickerInputEvent<D>>;
+    /** Emits when an `input` event is fired on this `<input>`. */
+    readonly dateInput: _angular_core.OutputEmitterRef<KbqDatepickerInputEvent<D>>;
+    get empty(): boolean;
+    get viewValue(): string;
+    get ngControl(): any;
+    get isReadOnly(): boolean;
+    get dateInputFormat(): string;
+    get errorState(): boolean;
+    set errorState(value: boolean);
+    private get readyForParse();
+    private get selectionStart();
+    private set selectionStart(value);
+    private get selectionEnd();
+    private set selectionEnd(value);
+    private control;
+    private readonly uid;
+    private datepickerSubscription;
+    /** Whether the last value set on the input was valid. */
+    private lastValueValid;
+    /** The combined form control validator for this input. */
+    private readonly validator;
+    private separator;
+    private firstDigit;
+    private secondDigit;
+    private thirdDigit;
+    private separatorPositions;
+    private errorStateTracker;
+    constructor();
+    ngDoCheck(): void;
+    onContainerClick(): void;
+    focus(): void;
+    focusChanged(isFocused: boolean): void;
+    onTouched: () => void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** @docs-private */
+    registerOnValidatorChange(fn: () => void): void;
+    /** @docs-private */
+    validate(control: AbstractControl): ValidationErrors | null;
+    writeValue(value: D): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onInput: () => void;
+    parseOnBlur: () => any;
+    onChange(): void;
+    /** Handles blur events on the input. */
+    onBlur(): void;
+    onPaste($event: any): any;
+    toISO8601(value: D): string;
+    /** Refreshes the error state of the input. */
+    updateErrorState(): void;
+    /** Returns the ElementRef of the formField if it exists; otherwise, returns the ElementRef of the input. */
+    getOrigin(): ElementRef;
+    private saveTimePart;
+    private updateLocaleParams;
+    private initDefaultParams;
+    private setFormat;
+    private updateValue;
+    private isKeyForClose;
+    private isKeyForOpen;
+    private isLetterKey;
+    private isKeyForByPass;
+    private spaceKeyHandler;
+    private getNewValue;
+    private setViewValue;
+    private replaceSymbols;
+    private getDateFromString;
+    private getDefaultValue;
+    private getTimeStringFromDate;
+    private getDateEditMetrics;
+    private isMaxMonth;
+    private isMinMonth;
+    private isMaxYear;
+    private isMinYear;
+    private getMaxDate;
+    private getMinDate;
+    private getMaxMonth;
+    private getMinMonth;
+    private getMaxYear;
+    private getMinYear;
+    private incrementDate;
+    private getLastDayFor;
+    private decrementDate;
+    private verticalArrowKeyHandler;
+    private changeCaretPosition;
+    private fixEmptyDigit;
+    private selectDigitByCursor;
+    private selectNextDigitByCursor;
+    private selectNextDigit;
+    /** Checks whether the input is invalid based on the native validation. */
+    private isBadInput;
+    private cvaOnChange;
+    private validatorOnChange;
+    /** The form control validator for whether the input parses. */
+    private parseValidator;
+    /** The form control validator for the min date. */
+    private minValidator;
+    /** The form control validator for the max date. */
+    private maxValidator;
+    /** The form control validator for the date filter. */
+    private filterValidator;
+    /** Formats a value and sets it on the input element. */
+    private formatValue;
+    private setControl;
+    /**
+     * @param obj The object to check.
+     * @returns The given object if it is both a date instance and valid, otherwise null.
+     */
+    private getValidDateOrNull;
+    private getDigitPositions;
+    private createDate;
+    private createDateTime;
+    private correctCursorPosition;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerInput<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqCalendar": { "alias": "kbqCalendar"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
+}
+
+/** Datepicker data that requires internationalization. */
+declare class KbqDatepickerIntl {
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** A label for the calendar popup (used by screen readers). */
+    calendarLabel: string;
+    /** A label for the button used to open the calendar popup (used by screen readers). */
+    openCalendarLabel: string;
+    /** A label for the previous month button (used by screen readers). */
+    prevMonthLabel: string;
+    /** A label for the next month button (used by screen readers). */
+    nextMonthLabel: string;
+    /** A label for the previous year button (used by screen readers). */
+    prevYearLabel: string;
+    /** A label for the next year button (used by screen readers). */
+    nextYearLabel: string;
+    /** A label for the previous multi-year button (used by screen readers). */
+    prevMultiYearLabel: string;
+    /** A label for the next multi-year button (used by screen readers). */
+    nextMultiYearLabel: string;
+    /** A label for the 'switch to month view' button (used by screen readers). */
+    switchToMonthViewLabel: string;
+    /** A label for the 'switch to year view' button (used by screen readers). */
+    switchToMultiYearViewLabel: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerIntl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KbqDatepickerIntl>;
+}
+
+/** Can be used to override the icon of a `kbqDatepickerToggle`. */
+declare class KbqDatepickerToggleIcon {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerToggleIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqDatepickerToggleIcon, "[kbqDatepickerToggleIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class KbqDatepickerToggleIconComponent<D> implements AfterContentInit, OnChanges, OnDestroy {
+    /** Whether the toggle button is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    /** Datepicker instance that the button will toggle. */
+    readonly datepicker: _angular_core.InputSignal<KbqDatepicker<D>>;
+    private readonly destroyRef;
+    private readonly cdr;
+    private stateChangesSubscription;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Open datepicker */
+    open($event: MouseEvent): void;
+    private watchStateChanges;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerToggleIconComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepickerToggleIconComponent<any>, "kbq-datepicker-toggle-icon", never, { "disabled": { "alias": "disabled"; "required": false; }; "datepicker": { "alias": "for"; "required": false; "isSignal": true; }; }, {}, never, ["[kbqDatepickerToggleIcon]"], true, never>;
+}
+
+declare class KbqDatepickerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqDatepickerModule, never, [typeof i1.KbqButtonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.KbqSelectModule, typeof i6.KbqIconModule, typeof KbqDatepickerToggleIconComponent, typeof i8.TitleCasePipe, typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqMonthView, typeof KbqCalendarHeader], [typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqDatepickerToggleIconComponent, typeof KbqMonthView, typeof KbqCalendarHeader, typeof i15.KbqFormFieldModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqDatepickerModule>;
+}
+
+export { KBQ_DATEPICKER_CONFIGURATION, KBQ_DATEPICKER_DEFAULT_CONFIGURATION, KBQ_DATEPICKER_SCROLL_STRATEGY, KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY, KBQ_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_DATEPICKER_VALIDATORS, KBQ_DATEPICKER_VALUE_ACCESSOR, KbqCalendar, KbqCalendarBody, KbqCalendarCell, KbqCalendarHeader, KbqDatepicker, KbqDatepickerContent, KbqDatepickerInput, KbqDatepickerInputEvent, KbqDatepickerIntl, KbqDatepickerModule, KbqDatepickerToggleIcon, KbqDatepickerToggleIconComponent, KbqMonthView, MAX_YEAR, kbqDatepickerAnimations };
+export type { KbqCalendarCellCssClasses, MonthName };