@ardium-ui/ui 5.0.0-alpha.36 → 5.0.0-alpha.38

package/lib/calendar/range-calendar.component.d.ts

@@ -0,0 +1,16 @@
+import { _AbstractCalendar } from './abstract-calendar';
+import { ArdCalendarDefaults } from './calendar.defaults';
+import { DateRange } from './calendar.types';
+import * as i0 from "@angular/core";
+export declare class ArdiumRangeCalendarComponent extends _AbstractCalendar<DateRange> {
+    readonly componentId = "200";
+    readonly componentName = "calendar";
+    readonly isRangeSelector = true;
+    constructor(defaults: ArdCalendarDefaults);
+    readonly value: import("@angular/core").ModelSignal<DateRange | null>;
+    readonly startSelection: import("@angular/core").OutputEmitterRef<Date>;
+    readonly endDate: import("@angular/core").Signal<Date | null>;
+    writeValue(v: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRangeCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRangeCalendarComponent, "ard-range-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "startSelection": "startSelection"; }, never, never, false, never>;
+}

package/lib/calendar/range-calendar.directives.d.ts

@@ -0,0 +1,51 @@
+import { TemplateRef } from '@angular/core';
+import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarMonthContext, CalendarMonthsViewHeaderContext, CalendarWeekdayContext, CalendarYearContext, CalendarYearsViewHeaderContext } from './calendar.types';
+import * as i0 from "@angular/core";
+export declare class ArdRangeCalendarDaysViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarDaysViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarDaysViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarDaysViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarDaysViewHeaderTemplateDirective, "ard-range-calendar > ng-template[ard-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarYearsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarYearsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarYearsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarYearsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarYearsViewHeaderTemplateDirective, "ard-range-calendar > ng-template[ard-year-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarMonthsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarMonthsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarMonthsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarMonthsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarMonthsViewHeaderTemplateDirective, "ard-range-calendar > ng-template[ard-month-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarWeekdayTemplateDirective {
+    template: TemplateRef<CalendarWeekdayContext>;
+    constructor(template: TemplateRef<CalendarWeekdayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarWeekdayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarWeekdayTemplateDirective, "ard-range-calendar > ng-template[ard-weekday-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarFloatingMonthTemplateDirective {
+    template: TemplateRef<CalendarFloatingMonthContext>;
+    constructor(template: TemplateRef<CalendarFloatingMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarFloatingMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarFloatingMonthTemplateDirective, "ard-range-calendar > ng-template[ard-floating-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarYearTemplateDirective {
+    template: TemplateRef<CalendarYearContext>;
+    constructor(template: TemplateRef<CalendarYearContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarYearTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarYearTemplateDirective, "ard-range-calendar > ng-template[ard-year-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarMonthTemplateDirective {
+    template: TemplateRef<CalendarMonthContext>;
+    constructor(template: TemplateRef<CalendarMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarMonthTemplateDirective, "ard-range-calendar > ng-template[ard-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdRangeCalendarDayTemplateDirective {
+    template: TemplateRef<CalendarDayContext>;
+    constructor(template: TemplateRef<CalendarDayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdRangeCalendarDayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRangeCalendarDayTemplateDirective, "ard-range-calendar > ng-template[ard-day-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/calendar/range-calendar.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./range-calendar.component";
+import * as i2 from "./range-calendar.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "./views/calendar-views.module";
+export declare class ArdiumRangeCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRangeCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumRangeCalendarModule, [typeof i1.ArdiumRangeCalendarComponent, typeof i2.ArdRangeCalendarDaysViewHeaderTemplateDirective, typeof i2.ArdRangeCalendarYearsViewHeaderTemplateDirective, typeof i2.ArdRangeCalendarMonthsViewHeaderTemplateDirective, typeof i2.ArdRangeCalendarWeekdayTemplateDirective, typeof i2.ArdRangeCalendarFloatingMonthTemplateDirective, typeof i2.ArdRangeCalendarYearTemplateDirective, typeof i2.ArdRangeCalendarMonthTemplateDirective, typeof i2.ArdRangeCalendarDayTemplateDirective], [typeof i3.CommonModule, typeof i4._CalendarViewsModule], [typeof i1.ArdiumRangeCalendarComponent, typeof i2.ArdRangeCalendarDaysViewHeaderTemplateDirective, typeof i2.ArdRangeCalendarYearsViewHeaderTemplateDirective, typeof i2.ArdRangeCalendarMonthsViewHeaderTemplateDirective, typeof i2.ArdRangeCalendarWeekdayTemplateDirective, typeof i2.ArdRangeCalendarFloatingMonthTemplateDirective, typeof i2.ArdRangeCalendarYearTemplateDirective, typeof i2.ArdRangeCalendarMonthTemplateDirective, typeof i2.ArdRangeCalendarDayTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumRangeCalendarModule>;
+}

package/lib/calendar/views/calendar-views.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./days-view/days-view.component";
+import * as i2 from "./months-view/months-view.component";
+import * as i3 from "./years-view/years-view.component";
+import * as i4 from "@angular/common";
+import * as i5 from "../../buttons/icon-button/icon-button.module";
+import * as i6 from "../../icon/icon.module";
+import * as i7 from "../../buttons/button/button.module";
+export declare class _CalendarViewsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CalendarViewsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<_CalendarViewsModule, [typeof i1.DaysViewComponent, typeof i2.MonthsViewComponent, typeof i3.YearsViewComponent], [typeof i4.CommonModule, typeof i4.DatePipe, typeof i5.ArdiumIconButtonModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumButtonModule, typeof i4.UpperCasePipe, typeof i4.TitleCasePipe], [typeof i1.DaysViewComponent, typeof i2.MonthsViewComponent, typeof i3.YearsViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<_CalendarViewsModule>;
+}

package/lib/calendar/views/days-view/days-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
-import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarWeekdayContext } from '../../calendar.types';
+import { ArdMultiCalendarLocation, CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarWeekdayContext } from '../../calendar.types';
 import * as i0 from "@angular/core";
 export declare class DaysViewComponent implements AfterViewInit {
     readonly tabIndex: import("@angular/core").InputSignal<number>;
@@ -12,17 +12,29 @@ export declare class DaysViewComponent implements AfterViewInit {
     readonly activeYear: import("@angular/core").InputSignal<number>;
     readonly activeMonth: import("@angular/core").InputSignal<number>;
     readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly selectedDateEnd: import("@angular/core").InputSignal<Date | null>;
+    readonly rangeSelectionMode: import("@angular/core").InputSignal<boolean>;
+    readonly UTC: import("@angular/core").InputSignal<boolean>;
     readonly min: import("@angular/core").InputSignal<Date | null>;
     readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly isDayFilteredOut: import("@angular/core").InputSignal<(day: number, month?: number, year?: number) => boolean>;
     readonly highlightedDay: import("@angular/core").InputSignal<number | null>;
+    readonly highlightedDayDate: import("@angular/core").Signal<Date | null>;
     readonly focusableElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
     focus(): void;
     readonly firstWeekday: import("@angular/core").InputSignal<number>;
+    readonly staticHeight: import("@angular/core").InputSignal<boolean>;
+    readonly hideFloatingMonth: import("@angular/core").InputSignal<boolean>;
     readonly activeCalendarData: import("@angular/core").Signal<import("./days-view.helpers").CalendarData>;
     readonly reserveTopRow: import("@angular/core").Signal<boolean>;
     readonly weekdayArray: import("@angular/core").Signal<number[]>;
     isDaySelected(day: number | Date | null): boolean;
+    isDaySelectedStart(day: number | Date | null): boolean;
+    isDaySelectedEnd(day: number | Date | null): boolean;
+    isDayBetweenSelectedRange(day: number | Date | null): boolean;
+    isDayBetweenSelectedHighlighted(day: number | Date | null): boolean;
+    private _isDayBetweenDates;
     readonly currentAriaLabel: import("@angular/core").Signal<string>;
     readonly triggerOpenYearsView: import("@angular/core").OutputEmitterRef<void>;
     readonly triggerOpenMonthsView: import("@angular/core").OutputEmitterRef<void>;
@@ -59,10 +71,16 @@ export declare class DaysViewComponent implements AfterViewInit {
     readonly floatingMonthTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarFloatingMonthContext> | undefined>;
     readonly weekdayTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarWeekdayContext> | undefined>;
     readonly dayTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarDayContext> | undefined>;
+    readonly daysViewHeaderDateFormat: import("@angular/core").InputSignal<string>;
+    readonly weekdayDateFormat: import("@angular/core").InputSignal<string>;
+    readonly weekdayTitleDateFormat: import("@angular/core").InputSignal<string>;
+    readonly floatingMonthDateFormat: import("@angular/core").InputSignal<string>;
+    readonly floatingMonthTitleDateFormat: import("@angular/core").InputSignal<string>;
+    readonly dayDateFormat: import("@angular/core").InputSignal<string>;
     readonly daysViewHeaderContext: import("@angular/core").Signal<CalendarDaysViewHeaderContext>;
     readonly weekdayContext: import("@angular/core").Signal<(dayIndex: number) => CalendarWeekdayContext>;
     readonly floatingMonthContext: import("@angular/core").Signal<CalendarFloatingMonthContext>;
     readonly dayContext: import("@angular/core").Signal<(day: number) => CalendarDayContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaysViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaysViewComponent, "ard-days-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "isDayFilteredOut": { "alias": "isDayFilteredOut"; "required": true; "isSignal": true; }; "highlightedDay": { "alias": "highlightedDay"; "required": true; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": true; "isSignal": true; }; "daysViewHeaderTemplate": { "alias": "daysViewHeaderTemplate"; "required": true; "isSignal": true; }; "floatingMonthTemplate": { "alias": "floatingMonthTemplate"; "required": true; "isSignal": true; }; "weekdayTemplate": { "alias": "weekdayTemplate"; "required": true; "isSignal": true; }; "dayTemplate": { "alias": "dayTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerSelectDay": "triggerSelectDay"; "triggerChangeMonth": "triggerChangeMonth"; "triggerChangeYear": "triggerChangeYear"; "triggerHighlightDay": "triggerHighlightDay"; "triggerHighlightNextDay": "triggerHighlightNextDay"; "triggerHighlightPreviousDay": "triggerHighlightPreviousDay"; "triggerHighlightFirstDay": "triggerHighlightFirstDay"; "triggerHighlightLastDay": "triggerHighlightLastDay"; "triggerHighlightSameDayPreviousPage": "triggerHighlightSameDayPreviousPage"; "triggerHighlightSameDayNextPage": "triggerHighlightSameDayNextPage"; "focusEvent": "focus"; "blurEvent": "blur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaysViewComponent, "ard-days-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "isDayFilteredOut": { "alias": "isDayFilteredOut"; "required": true; "isSignal": true; }; "highlightedDay": { "alias": "highlightedDay"; "required": true; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": true; "isSignal": true; }; "staticHeight": { "alias": "staticHeight"; "required": true; "isSignal": true; }; "hideFloatingMonth": { "alias": "hideFloatingMonth"; "required": true; "isSignal": true; }; "daysViewHeaderTemplate": { "alias": "daysViewHeaderTemplate"; "required": true; "isSignal": true; }; "floatingMonthTemplate": { "alias": "floatingMonthTemplate"; "required": true; "isSignal": true; }; "weekdayTemplate": { "alias": "weekdayTemplate"; "required": true; "isSignal": true; }; "dayTemplate": { "alias": "dayTemplate"; "required": true; "isSignal": true; }; "daysViewHeaderDateFormat": { "alias": "daysViewHeaderDateFormat"; "required": true; "isSignal": true; }; "weekdayDateFormat": { "alias": "weekdayDateFormat"; "required": true; "isSignal": true; }; "weekdayTitleDateFormat": { "alias": "weekdayTitleDateFormat"; "required": true; "isSignal": true; }; "floatingMonthDateFormat": { "alias": "floatingMonthDateFormat"; "required": true; "isSignal": true; }; "floatingMonthTitleDateFormat": { "alias": "floatingMonthTitleDateFormat"; "required": true; "isSignal": true; }; "dayDateFormat": { "alias": "dayDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerSelectDay": "triggerSelectDay"; "triggerChangeMonth": "triggerChangeMonth"; "triggerChangeYear": "triggerChangeYear"; "triggerHighlightDay": "triggerHighlightDay"; "triggerHighlightNextDay": "triggerHighlightNextDay"; "triggerHighlightPreviousDay": "triggerHighlightPreviousDay"; "triggerHighlightFirstDay": "triggerHighlightFirstDay"; "triggerHighlightLastDay": "triggerHighlightLastDay"; "triggerHighlightSameDayPreviousPage": "triggerHighlightSameDayPreviousPage"; "triggerHighlightSameDayNextPage": "triggerHighlightSameDayNextPage"; "focusEvent": "focus"; "blurEvent": "blur"; }, never, never, false, never>;
 }

package/lib/calendar/views/days-view/days-view.helpers.d.ts

@@ -15,6 +15,6 @@ export interface CalendarData {
  * @param firstWeekday The index of the first weekday in the calendar layout. Starts at Sunday (index 0), ends with Saturday (index 6). Defaults to 1.
  * @returns A {@link CalendarData} object.
  */
-export declare function getCalendarDayData(year: number, monthIndex: number, firstWeekday: number | undefined, min: Date | null, max: Date | null): CalendarData;
+export declare function getCalendarDayData(year: number, monthIndex: number, firstWeekday: number | undefined, min: Date | null, max: Date | null, fillUpTo6Weeks: boolean, reserverFirstRow: boolean): CalendarData;
 export declare function getCalendarWeekdayArray(firstWeekday?: number): number[];
-export declare function isDayOutOfRange(day: number, month: number, year: number, min: Date | null, max: Date | null): number;
+export declare function isDayOutOfRange(date: Date, min: Date | null, max: Date | null): number;

package/lib/calendar/views/months-view/months-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
-import { CalendarMonthContext, CalendarMonthsViewHeaderContext } from '../../calendar.types';
+import { ArdMultiCalendarLocation, CalendarMonthContext, CalendarMonthsViewHeaderContext } from '../../calendar.types';
 import { ComponentColor } from './../../../types/colors.types';
 import * as i0 from "@angular/core";
 export declare class MonthsViewComponent implements AfterViewInit {
@@ -14,8 +14,12 @@ export declare class MonthsViewComponent implements AfterViewInit {
     readonly activeYear: import("@angular/core").InputSignal<number>;
     readonly activeMonth: import("@angular/core").InputSignal<number>;
     readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly selectedDateEnd: import("@angular/core").InputSignal<Date | null>;
+    readonly rangeSelectionMode: import("@angular/core").InputSignal<boolean>;
+    readonly UTC: import("@angular/core").InputSignal<boolean>;
     readonly min: import("@angular/core").InputSignal<Date | null>;
     readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly monthsArray: import("@angular/core").Signal<import("../../calendar.internal-types").CalendarArrayItem[]>;
     readonly currentAriaLabel: import("@angular/core").Signal<string>;
     readonly triggerOpenYearsView: import("@angular/core").OutputEmitterRef<void>;
@@ -32,6 +36,7 @@ export declare class MonthsViewComponent implements AfterViewInit {
     readonly triggerHighlightSameMonthPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly triggerHighlightSameMonthNextPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly highlightedMonth: import("@angular/core").InputSignal<number | null>;
+    readonly highlightedMonthDate: import("@angular/core").Signal<Date | null>;
     onCalendarMonthMouseover(month: number): void;
     onCalendarMonthClick(month: number): void;
     onMonthGridFocus(): void;
@@ -50,12 +55,19 @@ export declare class MonthsViewComponent implements AfterViewInit {
     private _onPageDownPress;
     private _onPageUpPress;
     isMonthToday(month: number): boolean;
-    isMonthSelected(month: number | Date): boolean;
+    isMonthSelected(month: number | Date | null): boolean;
+    isMonthSelectedStart(month: number | Date | null): boolean;
+    isMonthSelectedEnd(month: number | Date | null): boolean;
+    isMonthBetweenSelectedRange(month: number | Date | null): boolean;
+    isMonthBetweenSelectedHighlighted(month: number | Date | null): boolean;
+    private _isMonthBetweenDates;
     isYearOutOfRange(year: number): number;
     readonly monthsViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarMonthsViewHeaderContext> | undefined>;
     readonly monthTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarMonthContext> | undefined>;
+    readonly monthsViewHeaderDateFormat: import("@angular/core").InputSignal<string>;
+    readonly monthDateFormat: import("@angular/core").InputSignal<string>;
     readonly monthsViewHeaderContext: import("@angular/core").Signal<CalendarMonthsViewHeaderContext>;
     readonly monthContext: import("@angular/core").Signal<(month: number) => CalendarMonthContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthsViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthsViewComponent, "ard-months-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "highlightedMonth": { "alias": "highlightedMonth"; "required": true; "isSignal": true; }; "monthsViewHeaderTemplate": { "alias": "monthsViewHeaderTemplate"; "required": true; "isSignal": true; }; "monthTemplate": { "alias": "monthTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectMonth": "triggerSelectMonth"; "triggeChangeYear": "triggeChangeYear"; "triggerHighlightMonth": "triggerHighlightMonth"; "triggerHighlightNextMonth": "triggerHighlightNextMonth"; "triggerHighlightPreviousMonth": "triggerHighlightPreviousMonth"; "triggerHighlightFirstMonth": "triggerHighlightFirstMonth"; "triggerHighlightLastMonth": "triggerHighlightLastMonth"; "triggerHighlightSameMonthPreviousPage": "triggerHighlightSameMonthPreviousPage"; "triggerHighlightSameMonthNextPage": "triggerHighlightSameMonthNextPage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthsViewComponent, "ard-months-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "highlightedMonth": { "alias": "highlightedMonth"; "required": true; "isSignal": true; }; "monthsViewHeaderTemplate": { "alias": "monthsViewHeaderTemplate"; "required": true; "isSignal": true; }; "monthTemplate": { "alias": "monthTemplate"; "required": true; "isSignal": true; }; "monthsViewHeaderDateFormat": { "alias": "monthsViewHeaderDateFormat"; "required": true; "isSignal": true; }; "monthDateFormat": { "alias": "monthDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectMonth": "triggerSelectMonth"; "triggeChangeYear": "triggeChangeYear"; "triggerHighlightMonth": "triggerHighlightMonth"; "triggerHighlightNextMonth": "triggerHighlightNextMonth"; "triggerHighlightPreviousMonth": "triggerHighlightPreviousMonth"; "triggerHighlightFirstMonth": "triggerHighlightFirstMonth"; "triggerHighlightLastMonth": "triggerHighlightLastMonth"; "triggerHighlightSameMonthPreviousPage": "triggerHighlightSameMonthPreviousPage"; "triggerHighlightSameMonthNextPage": "triggerHighlightSameMonthNextPage"; }, never, never, false, never>;
 }

package/lib/calendar/views/years-view/years-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
-import { CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar.types';
+import { ArdMultiCalendarLocation, CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar.types';
 import * as i0 from "@angular/core";
 export declare class YearsViewComponent implements AfterViewInit {
     readonly tabIndex: import("@angular/core").InputSignal<number>;
@@ -10,8 +10,12 @@ export declare class YearsViewComponent implements AfterViewInit {
     onMouseMove(): void;
     ngAfterViewInit(): void;
     readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly selectedDateEnd: import("@angular/core").InputSignal<Date | null>;
+    readonly rangeSelectionMode: import("@angular/core").InputSignal<boolean>;
+    readonly UTC: import("@angular/core").InputSignal<boolean>;
     readonly min: import("@angular/core").InputSignal<Date | null>;
     readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly currentYearRangeStart: import("@angular/core").InputSignal<number>;
     readonly yearsArray: import("@angular/core").Signal<import("../../calendar.internal-types").CalendarArrayItem[]>;
     readonly currentAriaLabel: import("@angular/core").Signal<string>;
@@ -29,13 +33,19 @@ export declare class YearsViewComponent implements AfterViewInit {
     readonly triggerHighlightSameYearPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly triggerHighlightSameYearNextPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly highlightedYear: import("@angular/core").InputSignal<number | null>;
+    readonly highlightedYearDate: import("@angular/core").Signal<Date | null>;
     onCalendarYearMouseover(year: number): void;
     onCalendarYearClick(year: number): void;
     onYearGridFocus(): void;
     onYearGridBlur(): void;
     onYearGridClick(): void;
     isYearToday(year: number): boolean;
-    isYearSelected(year: number | Date): boolean;
+    isYearSelected(year: number | Date | null): boolean;
+    isYearSelectedStart(year: number | Date | null): boolean;
+    isYearSelectedEnd(year: number | Date | null): boolean;
+    isYearBetweenSelectedRange(year: number | Date | null): boolean;
+    isYearBetweenSelectedHighlighted(year: number | Date | null): boolean;
+    private _isYearBetweenDates;
     isYearOutOfRange(year: number): number;
     readonly focusableElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
     focus(): void;
@@ -51,8 +61,10 @@ export declare class YearsViewComponent implements AfterViewInit {
     private _onPageDownPress;
     readonly yearsViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarYearsViewHeaderContext> | undefined>;
     readonly yearTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarYearContext> | undefined>;
+    readonly yearsViewHeaderDateFormat: import("@angular/core").InputSignal<string>;
+    readonly yearDateFormat: import("@angular/core").InputSignal<string>;
     readonly yearsViewHeaderContext: import("@angular/core").Signal<CalendarYearsViewHeaderContext>;
     readonly yearContext: import("@angular/core").Signal<(year: number) => CalendarYearContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<YearsViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; "yearsViewHeaderDateFormat": { "alias": "yearsViewHeaderDateFormat"; "required": true; "isSignal": true; }; "yearDateFormat": { "alias": "yearDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
 }

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

@@ -0,0 +1,112 @@
+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> 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<T>>;
+    readonly value: import("@angular/core").ModelSignal<T | null>;
+    abstract writeValue(value: T | null): void;
+    protected _emitChange(): void;
+    protected _onTouched(): void;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly isOpenChange: import("@angular/core").OutputEmitterRef<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: T | null): void;
+    private _acceptSelectedDate;
+    private _cancelCalendarSelection;
+    protected abstract _isFullValue(value: T | null): boolean;
+    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<T>>;
+    readonly acceptButtonsContext: Signal<ArdDateInputAcceptButtonsContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_AbstractDateInput<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractDateInput<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; }; "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"; "isOpenChange": "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,100 +1,39 @@
-import { AfterViewInit, ElementRef, OnDestroy, 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 { 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, BooleanLike>;
-    readonly calendarDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
-    readonly calendarHidden: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
-    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>;
+    protected _isFullValue(): boolean;
     readonly dateInput: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    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, BooleanLike>;
-    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 startView: import("@angular/core").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: 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, BooleanLike>;
-    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>;
@@ -103,8 +42,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; }; "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; }; "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>;
 }