@ardium-ui/ui 5.0.0-alpha.1 → 5.0.0-alpha.100

package/lib/inputs/autocomplete-input/autocomplete-input.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimplestItemStorage, SimplestItemStorageHost } from '../../_internal/item-storages/simplest-item-storage';
 import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel/dropdown-panel.types';
 import { ArdSimplestStorageItem } from '../../types/item-storage.types';
@@ -18,7 +19,7 @@ export declare class ArdiumAutocompleteInputComponent extends _SimpleInputCompon
     constructor(defaults: ArdAutocompleteInputDefaults);
     protected readonly inputModel: InputModel;
     readonly charlistFromInput: import("@angular/core").InputSignalWithTransform<RegExp | undefined, string>;
-    readonly charlistCaseInsensitive: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly charlistCaseInsensitive: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly charlist: import("@angular/core").Signal<RegExp | undefined>;
     readonly autocomplete: import("@angular/core").InputSignal<Nullable<string>>;
     readonly shouldDisplayAutocomplete: import("@angular/core").Signal<boolean>;
@@ -30,11 +31,11 @@ export declare class ArdiumAutocompleteInputComponent extends _SimpleInputCompon
     readonly valueFrom: import("@angular/core").InputSignal<Nullable<string>>;
     readonly labelFrom: import("@angular/core").InputSignal<Nullable<string>>;
     readonly acceptSuggestionEvent: import("@angular/core").OutputEmitterRef<any>;
-    readonly suggestionItems: import("@angular/core").Signal<ArdSimplestStorageItem[]>;
+    readonly suggestionItems: import("@ardium-ui/devkit").ArraySignal<ArdSimplestStorageItem>;
     set suggestions(value: any);
     private readonly _suggestionDropdowOpen;
     readonly shouldDisplaySuggestions: import("@angular/core").Signal<boolean>;
-    readonly areSuggestionsLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly areSuggestionsLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly suggestionsLoadingText: import("@angular/core").InputSignal<string>;
     readonly suggestionTemplate: import("@angular/core").Signal<ArdAutocompleteInputSuggestionTemplateDirective | undefined>;
     readonly suggestionLoadingTemplate: import("@angular/core").Signal<ArdAutocompleteInputLoadingTemplateDirective | undefined>;
@@ -43,7 +44,7 @@ export declare class ArdiumAutocompleteInputComponent extends _SimpleInputCompon
     private dropdownOverlay;
     ngAfterViewInit(): void;
     setOverlaySize(): void;
-    getOptionContext(item: ArdSimplestStorageItem): OptionContext<ArdSimplestStorageItem>;
+    readonly optionContextGenerator: import("@angular/core").Signal<(item: ArdSimplestStorageItem) => OptionContext<ArdSimplestStorageItem>>;
     private _isMouseBeingUsed;
     onMouseMove(): void;
     onSuggestionMouseEnter(item: ArdSimplestStorageItem, event: MouseEvent): void;

package/lib/inputs/date-input/abstract-date-input.d.ts

@@ -0,0 +1,111 @@
+import { ElementRef, InputSignal, OnDestroy, Signal, SimpleChanges, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
+import { ArdCalendarDaysViewHeaderTemplateDirective, ArdCalendarDayTemplateDirective, ArdCalendarFilterFn, ArdCalendarFloatingMonthTemplateDirective, ArdCalendarMonthsViewHeaderTemplateDirective, ArdCalendarMonthTemplateDirective, ArdCalendarView, ArdCalendarWeekdayTemplateDirective, ArdCalendarYearsViewHeaderTemplateDirective, ArdCalendarYearTemplateDirective } from '../../calendar';
+import { ArdiumDropdownPanelComponent, DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
+import { ComponentColor } from '../../types/colors.types';
+import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { Nullable } from '../../types/utility.types';
+import { ArdDateInputDefaults } from './date-input.defaults';
+import { ArdDateInputAcceptButtonsTemplateDirective, ArdDateInputCalendarIconTemplateDirective, ArdDateInputPrefixTemplateDirective, ArdDateInputSuffixTemplateDirective, ArdDateInputValueTemplateDirective } from './date-input.directives';
+import { ArdDateInputAcceptButtonsContext, ArdDateInputSerializeFn, ArdDateInputValueContext } from './date-input.types';
+import * as i0 from "@angular/core";
+export declare abstract class _AbstractDateInput<T, PT = T> extends _FormFieldComponentBase implements OnDestroy, ControlValueAccessor {
+    abstract readonly componentId: string;
+    abstract readonly componentName: string;
+    abstract readonly isRangeSelector: boolean;
+    protected readonly _DEFAULTS: ArdDateInputDefaults;
+    constructor(defaults: ArdDateInputDefaults);
+    private readonly elementRef;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly scrollStrategyOpts;
+    readonly placeholder: InputSignal<string>;
+    readonly calendarDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly calendarHidden: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    abstract readonly serializeFn: InputSignal<ArdDateInputSerializeFn<PT>>;
+    readonly value: import("@angular/core").ModelSignal<PT | null>;
+    abstract writeValue(value: T | null): void;
+    protected _emitChange(): void;
+    protected abstract getValueForEmit(): T | null;
+    readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+    readonly openEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly closeEvent: import("@angular/core").OutputEmitterRef<void>;
+    abstract readonly shouldDisplayPlaceholder: Signal<boolean>;
+    abstract readonly shouldDisplayValue: Signal<boolean>;
+    abstract readonly shouldDisplayDateInput: Signal<boolean>;
+    readonly appearance: InputSignal<FormElementAppearance>;
+    readonly variant: InputSignal<FormElementVariant>;
+    readonly color: InputSignal<ComponentColor>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly ngClasses: Signal<string>;
+    readonly dropdownAppearance: InputSignal<Nullable<DropdownPanelAppearance>>;
+    readonly dropdownAppearanceOrDefault: Signal<DropdownPanelAppearance>;
+    readonly dropdownVariant: InputSignal<Nullable<DropdownPanelVariant>>;
+    readonly dropdownVariantOrDefault: Signal<DropdownPanelVariant>;
+    readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
+    readonly startView: InputSignal<Nullable<ArdCalendarView>>;
+    readonly activeYear: import("@angular/core").ModelSignal<number>;
+    readonly activeMonth: import("@angular/core").ModelSignal<number>;
+    readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly min: import("@angular/core").InputSignalWithTransform<Date | null, any>;
+    readonly max: import("@angular/core").InputSignalWithTransform<Date | null, any>;
+    readonly UTC: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly _UTCAfterInit: import("@angular/core").WritableSignal<boolean>;
+    readonly filter: InputSignal<ArdCalendarFilterFn | null>;
+    readonly hideFloatingMonth: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    ngOnChanges(changes: SimpleChanges): void;
+    readonly yearSelect: import("@angular/core").OutputEmitterRef<number>;
+    readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
+    readonly useAcceptButtonToSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    private _valueToAccept;
+    onCalendarSelectedChange(value: PT | null): void;
+    private _acceptSelectedDate;
+    private _cancelCalendarSelection;
+    protected abstract _isFullValue(value: PT | T | null): value is T;
+    onAcceptButtonClick(): void;
+    onCancelButtonClick(): void;
+    readonly dropdownHost: Signal<ElementRef<HTMLElement>>;
+    readonly dropdownTemplate: Signal<TemplateRef<any>>;
+    readonly dropdownPanel: Signal<ArdiumDropdownPanelComponent>;
+    private dropdownOverlay?;
+    private _createOverlay;
+    private _destroyOverlay;
+    onGeneralClick(event: MouseEvent): void;
+    onOutsideClick(event: MouseEvent): void;
+    onCalendarButtonClick(event: MouseEvent): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    readonly valueTemplate: Signal<ArdDateInputValueTemplateDirective | undefined>;
+    readonly calendarIconTemplate: Signal<ArdDateInputCalendarIconTemplateDirective | undefined>;
+    readonly acceptButtonsTemplate: Signal<ArdDateInputAcceptButtonsTemplateDirective | undefined>;
+    readonly prefixTemplate: Signal<ArdDateInputPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: Signal<ArdDateInputSuffixTemplateDirective | undefined>;
+    abstract readonly calendarYearsViewHeaderTemplate: Signal<ArdCalendarYearsViewHeaderTemplateDirective | undefined>;
+    abstract readonly calendarMonthsViewHeaderTemplate: Signal<ArdCalendarMonthsViewHeaderTemplateDirective | undefined>;
+    abstract readonly calendarDaysViewHeaderTemplate: Signal<ArdCalendarDaysViewHeaderTemplateDirective | undefined>;
+    abstract readonly calendarWeekdayTemplate: Signal<ArdCalendarWeekdayTemplateDirective | undefined>;
+    abstract readonly calendarFloatingMonthTemplate: Signal<ArdCalendarFloatingMonthTemplateDirective | undefined>;
+    abstract readonly calendarYearTemplate: Signal<ArdCalendarYearTemplateDirective | undefined>;
+    abstract readonly calendarMonthTemplate: Signal<ArdCalendarMonthTemplateDirective | undefined>;
+    abstract readonly calendarDayTemplate: Signal<ArdCalendarDayTemplateDirective | undefined>;
+    readonly calendarDaysViewHeaderDateFormat: InputSignal<string>;
+    readonly calendarYearsViewHeaderDateFormat: InputSignal<string>;
+    readonly calendarMonthsViewHeaderDateFormat: InputSignal<string>;
+    readonly calendarWeekdayDateFormat: InputSignal<string>;
+    readonly calendarWeekdayTitleDateFormat: InputSignal<string>;
+    readonly calendarFloatingMonthDateFormat: InputSignal<string>;
+    readonly calendarFloatingMonthTitleDateFormat: InputSignal<string>;
+    readonly calendarYearDateFormat: InputSignal<string>;
+    readonly calendarMonthDateFormat: InputSignal<string>;
+    readonly calendarDayDateFormat: InputSignal<string>;
+    readonly acceptButtonText: InputSignal<string>;
+    readonly cancelButtonText: InputSignal<string>;
+    readonly valueContext: Signal<ArdDateInputValueContext<PT>>;
+    readonly acceptButtonsContext: Signal<ArdDateInputAcceptButtonsContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_AbstractDateInput<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractDateInput<any, any>, never, never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "hideFloatingMonth": { "alias": "hideFloatingMonth"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; "calendarDaysViewHeaderDateFormat": { "alias": "calendarDaysViewHeaderDateFormat"; "required": false; "isSignal": true; }; "calendarYearsViewHeaderDateFormat": { "alias": "calendarYearsViewHeaderDateFormat"; "required": false; "isSignal": true; }; "calendarMonthsViewHeaderDateFormat": { "alias": "calendarMonthsViewHeaderDateFormat"; "required": false; "isSignal": true; }; "calendarWeekdayDateFormat": { "alias": "calendarWeekdayDateFormat"; "required": false; "isSignal": true; }; "calendarWeekdayTitleDateFormat": { "alias": "calendarWeekdayTitleDateFormat"; "required": false; "isSignal": true; }; "calendarFloatingMonthDateFormat": { "alias": "calendarFloatingMonthDateFormat"; "required": false; "isSignal": true; }; "calendarFloatingMonthTitleDateFormat": { "alias": "calendarFloatingMonthTitleDateFormat"; "required": false; "isSignal": true; }; "calendarYearDateFormat": { "alias": "calendarYearDateFormat"; "required": false; "isSignal": true; }; "calendarMonthDateFormat": { "alias": "calendarMonthDateFormat"; "required": false; "isSignal": true; }; "calendarDayDateFormat": { "alias": "calendarDayDateFormat"; "required": false; "isSignal": true; }; "acceptButtonText": { "alias": "acceptButtonText"; "required": false; "isSignal": true; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate"], never, true, never>;
+}

package/lib/inputs/date-input/date-input.component.d.ts

@@ -1,98 +1,40 @@
-import { AfterViewInit, ElementRef, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { _FormFieldComponentBase } from '../../_internal/form-field-component';
-import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.types';
-import { ArdiumDropdownPanelComponent, DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
-import { ComponentColor } from '../../types/colors.types';
-import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
-import { Nullable } from '../../types/utility.types';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
+import { _AbstractDateInput } from './abstract-date-input';
 import { ArdDateInputDefaults } from './date-input.defaults';
-import { ArdDateInputAcceptButtonsTemplateDirective, ArdDateInputCalendarIconTemplateDirective, ArdDateInputDaysViewHeaderTemplateDirective, ArdDateInputDayTemplateDirective, ArdDateInputFloatingMonthTemplateDirective, ArdDateInputMonthsViewHeaderTemplateDirective, ArdDateInputMonthTemplateDirective, ArdDateInputPrefixTemplateDirective, ArdDateInputSuffixTemplateDirective, ArdDateInputValueTemplateDirective, ArdDateInputWeekdayTemplateDirective, ArdDateInputYearsViewHeaderTemplateDirective, ArdDateInputYearTemplateDirective } from './date-input.directive';
-import { ArdDateInputAcceptButtonsContext, ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn, ArdDateInputValueContext } from './date-input.types';
+import { ArdDateInputDaysViewHeaderTemplateDirective, ArdDateInputDayTemplateDirective, ArdDateInputFloatingMonthTemplateDirective, ArdDateInputMonthsViewHeaderTemplateDirective, ArdDateInputMonthTemplateDirective, ArdDateInputWeekdayTemplateDirective, ArdDateInputYearsViewHeaderTemplateDirective, ArdDateInputYearTemplateDirective } from './date-input.directives';
+import { ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn } from './date-input.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumDateInputComponent extends _FormFieldComponentBase implements OnDestroy, ControlValueAccessor, AfterViewInit {
+export declare class ArdiumDateInputComponent extends _AbstractDateInput<Date> implements AfterViewInit {
+    readonly componentId = "008";
+    readonly componentName = "date-input";
+    readonly isRangeSelector = false;
     protected readonly _DEFAULTS: ArdDateInputDefaults;
     constructor(defaults: ArdDateInputDefaults);
-    private readonly elementRef;
-    private readonly overlay;
-    private readonly viewContainerRef;
-    private readonly scrollStrategyOpts;
-    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
-    readonly placeholder: import("@angular/core").InputSignal<string>;
-    readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly calendarDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly calendarHidden: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly serializeFn: import("@angular/core").InputSignal<ArdDateInputSerializeFn>;
-    readonly deserializeFn: import("@angular/core").InputSignal<ArdDateInputDeserializeFn>;
-    readonly value: import("@angular/core").ModelSignal<Date | null>;
     readonly dateInputValue: import("@angular/core").ModelSignal<string>;
-    private readonly _wasDateInputChanged;
     writeValue(v: Date | null): void;
-    protected _emitChange(): void;
-    private _onTouched;
-    readonly isOpen: import("@angular/core").ModelSignal<boolean>;
-    readonly openEvent: import("@angular/core").OutputEmitterRef<void>;
-    readonly closeEvent: import("@angular/core").OutputEmitterRef<void>;
-    readonly dateInput: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    protected _isFullValue(_: Date | null): _ is Date;
+    protected getValueForEmit(): Date | null;
+    readonly dateInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly minMaxStrategy: import("@angular/core").InputSignal<ArdDateInputMinMaxStrategy>;
-    private readonly _isDateInputFocused;
-    onDateInputInput(event: Event): void;
+    readonly serializeFn: import("@angular/core").InputSignal<ArdDateInputSerializeFn<Date>>;
+    readonly deserializeFn: import("@angular/core").InputSignal<ArdDateInputDeserializeFn<Date>>;
+    readonly isDateInputFocused: import("@angular/core").WritableSignal<boolean>;
+    private readonly _wasDateInputChanged;
     onDateInputFocus(event: FocusEvent): void;
     onDateInputBlur(event: FocusEvent): void;
     onDateInputEnter(event: KeyboardEvent): void;
     private _processDateInputText;
     private _setDateInputAttributes;
+    onDateInputInput(event: Event): void;
+    private _serializeValueIntoDateInput;
     readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
     readonly shouldDisplayValue: import("@angular/core").Signal<boolean>;
     readonly shouldDisplayDateInput: import("@angular/core").Signal<boolean>;
-    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
-    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
-    readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
-    readonly dropdownAppearanceOrDefault: import("@angular/core").Signal<DropdownPanelAppearance>;
-    readonly dropdownVariant: import("@angular/core").InputSignal<Nullable<DropdownPanelVariant>>;
-    readonly dropdownVariantOrDefault: import("@angular/core").Signal<DropdownPanelVariant>;
-    readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
-    readonly activeYear: import("@angular/core").ModelSignal<number>;
-    readonly activeMonth: import("@angular/core").ModelSignal<number>;
-    readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly min: import("@angular/core").InputSignalWithTransform<Date | null, any>;
-    readonly max: import("@angular/core").InputSignalWithTransform<Date | null, any>;
-    readonly UTC: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly _UTCAfterInit: import("@angular/core").WritableSignal<boolean>;
-    readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
-    ngOnChanges(changes: SimpleChanges): void;
-    readonly yearSelect: import("@angular/core").OutputEmitterRef<number>;
-    readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
-    readonly useAcceptButtonToSelect: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    private _valueToAccept;
-    onCalendarSelectedChange(event: Date | null): void;
-    private _acceptSelectedDate;
-    private _serializeValueIntoDateInput;
-    private _cancelCalendarSelection;
-    onAcceptButtonClick(): void;
-    onCancelButtonClick(): void;
-    readonly dropdownHost: import("@angular/core").Signal<ElementRef<HTMLElement>>;
-    readonly dropdownTemplate: import("@angular/core").Signal<TemplateRef<any>>;
-    readonly dropdownPanel: import("@angular/core").Signal<ArdiumDropdownPanelComponent>;
-    private dropdownOverlay?;
-    private _createOverlay;
-    private _destroyOverlay;
     ngAfterViewInit(): void;
     onGeneralClick(event: MouseEvent): void;
-    onOutsideClick(event: MouseEvent): void;
-    onCalendarButtonClick(event: MouseEvent): void;
-    toggle(): void;
-    open(): void;
-    close(): void;
-    readonly valueTemplate: import("@angular/core").Signal<ArdDateInputValueTemplateDirective | undefined>;
-    readonly calendarIconTemplate: import("@angular/core").Signal<ArdDateInputCalendarIconTemplateDirective | undefined>;
-    readonly acceptButtonsTemplate: import("@angular/core").Signal<ArdDateInputAcceptButtonsTemplateDirective | undefined>;
-    readonly prefixTemplate: import("@angular/core").Signal<ArdDateInputPrefixTemplateDirective | undefined>;
-    readonly suffixTemplate: import("@angular/core").Signal<ArdDateInputSuffixTemplateDirective | undefined>;
     readonly calendarDaysViewHeaderTemplate: import("@angular/core").Signal<ArdDateInputDaysViewHeaderTemplateDirective | undefined>;
     readonly calendarYearsViewHeaderTemplate: import("@angular/core").Signal<ArdDateInputYearsViewHeaderTemplateDirective | undefined>;
     readonly calendarMonthsViewHeaderTemplate: import("@angular/core").Signal<ArdDateInputMonthsViewHeaderTemplateDirective | undefined>;
@@ -101,8 +43,6 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
     readonly calendarYearTemplate: import("@angular/core").Signal<ArdDateInputYearTemplateDirective | undefined>;
     readonly calendarMonthTemplate: import("@angular/core").Signal<ArdDateInputMonthTemplateDirective | undefined>;
     readonly calendarDayTemplate: import("@angular/core").Signal<ArdDateInputDayTemplateDirective | undefined>;
-    readonly valueContext: import("@angular/core").Signal<ArdDateInputValueContext>;
-    readonly acceptButtonsContext: import("@angular/core").Signal<ArdDateInputAcceptButtonsContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate", "calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; }, { "dateInputValue": "dateInputValueChange"; }, ["calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
 }

package/lib/inputs/date-input/date-input.defaults.d.ts

@@ -1,15 +1,17 @@
 import { InjectionToken, Provider } from '@angular/core';
 import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
-import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.types';
+import { ArdCalendarFilterFn, ArdCalendarView, PartialDateRange } from '../../calendar/calendar.types';
 import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
 import { ComponentColor } from '../../types/colors.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { Nullable } from '../../types/utility.types';
 import { ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn } from './date-input.types';
 export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
     inputAttrs: Record<string, any>;
     placeholder: string;
-    serializeFn: ArdDateInputSerializeFn;
-    deserializeFn: ArdDateInputDeserializeFn;
+    serializeFn: ArdDateInputSerializeFn<Date>;
+    rangeSerializeFn: ArdDateInputSerializeFn<PartialDateRange>;
+    deserializeFn: ArdDateInputDeserializeFn<Date>;
     appearance: FormElementAppearance;
     variant: FormElementVariant;
     color: ComponentColor;
@@ -17,14 +19,33 @@ export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
     dropdownAppearance: DropdownPanelAppearance;
     dropdownVariant: DropdownPanelVariant;
     minMaxStrategy: ArdDateInputMinMaxStrategy;
+    startView: Nullable<ArdCalendarView>;
+    inputReadOnly: boolean;
+    calendarDisabled: boolean;
+    calendarHidden: boolean;
     activeView: ArdCalendarView;
     activeYear: number;
     activeMonth: number;
     firstWeekday: number;
     multipleYearPageChangeModifier: number;
+    numberOfCalendars: number;
     min: Date | null;
     max: Date | null;
     filter: ArdCalendarFilterFn | null;
+    UTC: boolean;
+    hideFloatingMonth: boolean;
+    calendarDaysViewHeaderDateFormat: string;
+    calendarYearsViewHeaderDateFormat: string;
+    calendarMonthsViewHeaderDateFormat: string;
+    calendarWeekdayDateFormat: string;
+    calendarWeekdayTitleDateFormat: string;
+    calendarFloatingMonthDateFormat: string;
+    calendarFloatingMonthTitleDateFormat: string;
+    calendarYearDateFormat: string;
+    calendarMonthDateFormat: string;
+    calendarDayDateFormat: string;
+    acceptButtonText: string;
+    cancelButtonText: string;
 }
 export declare const ARD_DATE_INPUT_DEFAULTS: InjectionToken<ArdDateInputDefaults>;
 export declare function provideDateInputDefaults(config: Partial<ArdDateInputDefaults>): Provider;

package/lib/inputs/date-input/{date-input.directive.d.ts → date-input.directives.d.ts}

@@ -15,8 +15,8 @@ export declare class ArdDateInputSuffixTemplateDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputSuffixTemplateDirective, "ard-date-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
 }
 export declare class ArdDateInputValueTemplateDirective {
-    template: TemplateRef<ArdDateInputValueContext>;
-    constructor(template: TemplateRef<ArdDateInputValueContext>);
+    template: TemplateRef<ArdDateInputValueContext<Date>>;
+    constructor(template: TemplateRef<ArdDateInputValueContext<Date>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputValueTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputValueTemplateDirective, "ard-date-input > ng-template[ard-value-tmp]", never, {}, {}, never, never, false, never>;
 }

package/lib/inputs/date-input/date-input.module.d.ts

@@ -1,16 +1,17 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./date-input.component";
-import * as i2 from "./date-input.directive";
+import * as i2 from "./date-input.directives";
 import * as i3 from "@angular/common";
 import * as i4 from "../../form-field-frame/form-field-frame.module";
 import * as i5 from "../../dropdown-panel/dropdown-panel.module";
 import * as i6 from "@ardium-ui/devkit";
 import * as i7 from "../../calendar/calendar.module";
 import * as i8 from "../../buttons/icon-button/icon-button.module";
-import * as i9 from "../../icon/icon.module";
-import * as i10 from "../../calendar/calendar.internal-directives";
+import * as i9 from "../../buttons/button/button.module";
+import * as i10 from "../../icon/icon.module";
+import * as i11 from "../../calendar/calendar.internal-directives";
 export declare class ArdiumDateInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent, typeof i2.ArdDateInputPrefixTemplateDirective, typeof i2.ArdDateInputSuffixTemplateDirective, typeof i2.ArdDateInputValueTemplateDirective, typeof i2.ArdDateInputCalendarIconTemplateDirective, typeof i2.ArdDateInputAcceptButtonsTemplateDirective, typeof i2.ArdDateInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateInputDayTemplateDirective, typeof i2.ArdDateInputFloatingMonthTemplateDirective, typeof i2.ArdDateInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateInputMonthTemplateDirective, typeof i2.ArdDateInputWeekdayTemplateDirective, typeof i2.ArdDateInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateInputYearTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumClickOutsideModule, typeof i7.ArdiumCalendarModule, typeof i8.ArdiumIconButtonModule, typeof i9.ArdiumIconModule, typeof i10._CalendarTemplateRepositoryDirective], [typeof i1.ArdiumDateInputComponent, typeof i2.ArdDateInputPrefixTemplateDirective, typeof i2.ArdDateInputSuffixTemplateDirective, typeof i2.ArdDateInputValueTemplateDirective, typeof i2.ArdDateInputCalendarIconTemplateDirective, typeof i2.ArdDateInputAcceptButtonsTemplateDirective, typeof i2.ArdDateInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateInputDayTemplateDirective, typeof i2.ArdDateInputFloatingMonthTemplateDirective, typeof i2.ArdDateInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateInputMonthTemplateDirective, typeof i2.ArdDateInputWeekdayTemplateDirective, typeof i2.ArdDateInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateInputYearTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent, typeof i2.ArdDateInputPrefixTemplateDirective, typeof i2.ArdDateInputSuffixTemplateDirective, typeof i2.ArdDateInputValueTemplateDirective, typeof i2.ArdDateInputCalendarIconTemplateDirective, typeof i2.ArdDateInputAcceptButtonsTemplateDirective, typeof i2.ArdDateInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateInputDayTemplateDirective, typeof i2.ArdDateInputFloatingMonthTemplateDirective, typeof i2.ArdDateInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateInputMonthTemplateDirective, typeof i2.ArdDateInputWeekdayTemplateDirective, typeof i2.ArdDateInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateInputYearTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumClickOutsideModule, typeof i7.ArdiumCalendarModule, typeof i8.ArdiumIconButtonModule, typeof i9.ArdiumButtonModule, typeof i10.ArdiumIconModule, typeof i11._CalendarTemplateRepositoryDirective], [typeof i1.ArdiumDateInputComponent, typeof i2.ArdDateInputPrefixTemplateDirective, typeof i2.ArdDateInputSuffixTemplateDirective, typeof i2.ArdDateInputValueTemplateDirective, typeof i2.ArdDateInputCalendarIconTemplateDirective, typeof i2.ArdDateInputAcceptButtonsTemplateDirective, typeof i2.ArdDateInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateInputDayTemplateDirective, typeof i2.ArdDateInputFloatingMonthTemplateDirective, typeof i2.ArdDateInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateInputMonthTemplateDirective, typeof i2.ArdDateInputWeekdayTemplateDirective, typeof i2.ArdDateInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateInputYearTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDateInputModule>;
 }

package/lib/inputs/date-input/date-input.serializers.d.ts

@@ -1,3 +1,5 @@
+import { PartialDateRange } from '../../calendar';
 import { ArdDateInputDeserializeFn, ArdDateInputSerializeFn } from './date-input.types';
-export declare const DEFAULT_DATE_INPUT_SERIALIZE_FN: ArdDateInputSerializeFn;
-export declare const DEFAULT_DATE_INPUT_DESERIALIZE_FN: ArdDateInputDeserializeFn;
+export declare const DEFAULT_DATE_INPUT_SERIALIZE_FN: ArdDateInputSerializeFn<Date>;
+export declare const DEFAULT_DATE_RANGE_INPUT_SERIALIZE_FN: ArdDateInputSerializeFn<PartialDateRange>;
+export declare const DEFAULT_DATE_INPUT_DESERIALIZE_FN: ArdDateInputDeserializeFn<Date>;

package/lib/inputs/date-input/date-input.types.d.ts

@@ -1,7 +1,8 @@
-export type ArdDateInputSerializeFn = (date: Date | null) => string;
-export type ArdDateInputDeserializeFn = (date: string, prevValue: Date | null) => Date | null;
-export interface ArdDateInputValueContext {
-    $implicit: Date | null;
+export type ArdDateInputSerializeFn<T> = (date: T | null) => string;
+export type ArdDateInputDeserializeFn<T> = (date: string, prevValue: T | null) => T | null;
+export interface ArdDateInputValueContext<T> {
+    $implicit: string;
+    rawValue: T | null;
 }
 export interface ArdDateInputAcceptButtonsContext {
     $implicit: () => void;

package/lib/inputs/date-input/date-range-input.component.d.ts

@@ -0,0 +1,32 @@
+import { DateRange, PartialDateRange } from '../../calendar';
+import { _AbstractDateInput } from './abstract-date-input';
+import { ArdDateInputDefaults } from './date-input.defaults';
+import { ArdDateInputSerializeFn } from './date-input.types';
+import { ArdDateRangeInputDaysViewHeaderTemplateDirective, ArdDateRangeInputDayTemplateDirective, ArdDateRangeInputFloatingMonthTemplateDirective, ArdDateRangeInputMonthsViewHeaderTemplateDirective, ArdDateRangeInputMonthTemplateDirective, ArdDateRangeInputWeekdayTemplateDirective, ArdDateRangeInputYearsViewHeaderTemplateDirective, ArdDateRangeInputYearTemplateDirective } from './date-range-input.directives';
+import * as i0 from "@angular/core";
+export declare class ArdiumDateRangeInputComponent extends _AbstractDateInput<DateRange, PartialDateRange> {
+    readonly componentId = "009";
+    readonly componentName = "date-range-input";
+    readonly isRangeSelector = true;
+    protected readonly _DEFAULTS: ArdDateInputDefaults;
+    constructor(defaults: ArdDateInputDefaults);
+    onGeneralClick(event: MouseEvent): void;
+    readonly partialValueChange: import("@angular/core").OutputEmitterRef<PartialDateRange>;
+    readonly serializeFn: import("@angular/core").InputSignal<ArdDateInputSerializeFn<PartialDateRange>>;
+    writeValue(v: any): void;
+    protected _isFullValue(value: PartialDateRange | null): value is DateRange;
+    protected getValueForEmit(): DateRange | null;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly shouldDisplayValue: import("@angular/core").Signal<boolean>;
+    readonly shouldDisplayDateInput: import("@angular/core").Signal<boolean>;
+    readonly calendarDaysViewHeaderTemplate: import("@angular/core").Signal<ArdDateRangeInputDaysViewHeaderTemplateDirective | undefined>;
+    readonly calendarYearsViewHeaderTemplate: import("@angular/core").Signal<ArdDateRangeInputYearsViewHeaderTemplateDirective | undefined>;
+    readonly calendarMonthsViewHeaderTemplate: import("@angular/core").Signal<ArdDateRangeInputMonthsViewHeaderTemplateDirective | undefined>;
+    readonly calendarWeekdayTemplate: import("@angular/core").Signal<ArdDateRangeInputWeekdayTemplateDirective | undefined>;
+    readonly calendarFloatingMonthTemplate: import("@angular/core").Signal<ArdDateRangeInputFloatingMonthTemplateDirective | undefined>;
+    readonly calendarYearTemplate: import("@angular/core").Signal<ArdDateRangeInputYearTemplateDirective | undefined>;
+    readonly calendarMonthTemplate: import("@angular/core").Signal<ArdDateRangeInputMonthTemplateDirective | undefined>;
+    readonly calendarDayTemplate: import("@angular/core").Signal<ArdDateRangeInputDayTemplateDirective | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateRangeInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateRangeInputComponent, "ard-date-range-input", never, { "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; }, { "partialValueChange": "partialValueChange"; }, ["calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
+}

package/lib/inputs/date-input/date-range-input.directives.d.ts

@@ -0,0 +1,82 @@
+import { TemplateRef } from '@angular/core';
+import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarMonthContext, CalendarMonthsViewHeaderContext, CalendarWeekdayContext, CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar';
+import { ArdDateInputAcceptButtonsContext, ArdDateInputValueContext } from './date-input.types';
+import * as i0 from "@angular/core";
+export declare class ArdDateRangeInputPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputPrefixTemplateDirective, "ard-date-range-input > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputSuffixTemplateDirective, "ard-date-range-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputValueTemplateDirective {
+    template: TemplateRef<ArdDateInputValueContext<Date>>;
+    constructor(template: TemplateRef<ArdDateInputValueContext<Date>>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputValueTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputValueTemplateDirective, "ard-date-range-input > ng-template[ard-value-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputCalendarIconTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputCalendarIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputCalendarIconTemplateDirective, "ard-date-range-input > ng-template[ard-date-input-icon-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputAcceptButtonsTemplateDirective {
+    template: TemplateRef<ArdDateInputAcceptButtonsContext>;
+    constructor(template: TemplateRef<ArdDateInputAcceptButtonsContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputAcceptButtonsTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputAcceptButtonsTemplateDirective, "ard-date-range-input > ng-template[ard-accept-buttons-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputDaysViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarDaysViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarDaysViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputDaysViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputDaysViewHeaderTemplateDirective, "ard-date-range-input > ng-template[ard-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputYearsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarYearsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarYearsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputYearsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputYearsViewHeaderTemplateDirective, "ard-date-range-input > ng-template[ard-year-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputMonthsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarMonthsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarMonthsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputMonthsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputMonthsViewHeaderTemplateDirective, "ard-date-range-input > ng-template[ard-month-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputWeekdayTemplateDirective {
+    template: TemplateRef<CalendarWeekdayContext>;
+    constructor(template: TemplateRef<CalendarWeekdayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputWeekdayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputWeekdayTemplateDirective, "ard-date-range-input > ng-template[ard-weekday-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputFloatingMonthTemplateDirective {
+    template: TemplateRef<CalendarFloatingMonthContext>;
+    constructor(template: TemplateRef<CalendarFloatingMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputFloatingMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputFloatingMonthTemplateDirective, "ard-date-range-input > ng-template[ard-floating-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputYearTemplateDirective {
+    template: TemplateRef<CalendarYearContext>;
+    constructor(template: TemplateRef<CalendarYearContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputYearTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputYearTemplateDirective, "ard-date-range-input > ng-template[ard-year-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputMonthTemplateDirective {
+    template: TemplateRef<CalendarMonthContext>;
+    constructor(template: TemplateRef<CalendarMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputMonthTemplateDirective, "ard-date-range-input > ng-template[ard-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateRangeInputDayTemplateDirective {
+    template: TemplateRef<CalendarDayContext>;
+    constructor(template: TemplateRef<CalendarDayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateRangeInputDayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateRangeInputDayTemplateDirective, "ard-date-range-input > ng-template[ard-day-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/inputs/date-input/date-range-input.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-range-input.component";
+import * as i2 from "./date-range-input.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "../../form-field-frame/form-field-frame.module";
+import * as i5 from "../../dropdown-panel/dropdown-panel.module";
+import * as i6 from "@ardium-ui/devkit";
+import * as i7 from "../../calendar/range-calendar.module";
+import * as i8 from "../../buttons/icon-button/icon-button.module";
+import * as i9 from "../../buttons/button/button.module";
+import * as i10 from "../../icon/icon.module";
+import * as i11 from "../../calendar/calendar.internal-directives";
+export declare class ArdiumDateRangeInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateRangeInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateRangeInputModule, [typeof i1.ArdiumDateRangeInputComponent, typeof i2.ArdDateRangeInputPrefixTemplateDirective, typeof i2.ArdDateRangeInputSuffixTemplateDirective, typeof i2.ArdDateRangeInputValueTemplateDirective, typeof i2.ArdDateRangeInputCalendarIconTemplateDirective, typeof i2.ArdDateRangeInputAcceptButtonsTemplateDirective, typeof i2.ArdDateRangeInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateRangeInputDayTemplateDirective, typeof i2.ArdDateRangeInputFloatingMonthTemplateDirective, typeof i2.ArdDateRangeInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateRangeInputMonthTemplateDirective, typeof i2.ArdDateRangeInputWeekdayTemplateDirective, typeof i2.ArdDateRangeInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateRangeInputYearTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumClickOutsideModule, typeof i7.ArdiumRangeCalendarModule, typeof i8.ArdiumIconButtonModule, typeof i9.ArdiumButtonModule, typeof i10.ArdiumIconModule, typeof i11._CalendarTemplateRepositoryDirective], [typeof i1.ArdiumDateRangeInputComponent, typeof i2.ArdDateRangeInputPrefixTemplateDirective, typeof i2.ArdDateRangeInputSuffixTemplateDirective, typeof i2.ArdDateRangeInputValueTemplateDirective, typeof i2.ArdDateRangeInputCalendarIconTemplateDirective, typeof i2.ArdDateRangeInputAcceptButtonsTemplateDirective, typeof i2.ArdDateRangeInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateRangeInputDayTemplateDirective, typeof i2.ArdDateRangeInputFloatingMonthTemplateDirective, typeof i2.ArdDateRangeInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateRangeInputMonthTemplateDirective, typeof i2.ArdDateRangeInputWeekdayTemplateDirective, typeof i2.ArdDateRangeInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateRangeInputYearTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDateRangeInputModule>;
+}

package/lib/inputs/date-input/index.d.ts

@@ -1,5 +1,11 @@
 export * from './date-input.component';
 export * from './date-input.defaults';
-export * from './date-input.directive';
+export * from './date-input.directives';
 export * from './date-input.module';
 export * from './date-input.types';
+export * from './date-range-input.component';
+export * from './date-range-input.directives';
+export * from './date-range-input.module';
+export * from './multipage-date-range-input.component';
+export * from './multipage-date-range-input.directives';
+export * from './multipage-date-range-input.module';