@ardium-ui/ui 5.0.0-alpha.4 → 5.0.0-alpha.41

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

@@ -1,102 +1,14 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import { _FormFieldComponentBase } from '../_internal/form-field-component';
-import { ComponentColor } from '../types/colors.types';
+import { _AbstractCalendar } from './abstract-calendar';
 import { ArdCalendarDefaults } from './calendar.defaults';
-import { ArdCalendarDaysViewHeaderTemplateDirective, ArdCalendarDayTemplateDirective, ArdCalendarFloatingMonthTemplateDirective, ArdCalendarMonthsViewHeaderTemplateDirective, ArdCalendarMonthTemplateDirective, ArdCalendarWeekdayTemplateDirective, ArdCalendarYearsViewHeaderTemplateDirective, ArdCalendarYearTemplateDirective } from './calendar.directives';
-import { _CalendarTemplateRepositoryDirective } from './calendar.internal-directives';
-import { ArdCalendarFilterFn, ArdCalendarView } from './calendar.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumCalendarComponent extends _FormFieldComponentBase implements OnChanges {
-    protected readonly _DEFAULTS: ArdCalendarDefaults;
+export declare class ArdiumCalendarComponent extends _AbstractCalendar<Date> {
+    readonly componentId = "200";
+    readonly componentName = "calendar";
+    readonly isRangeSelector = false;
     constructor(defaults: ArdCalendarDefaults);
-    readonly TODAY: import("@angular/core").Signal<Date>;
-    readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly ngClasses: import("@angular/core").Signal<string>;
-    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 autoFocus: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    onTriggerOpenDaysView(): void;
-    onTriggerOpenMonthsView(): void;
-    onTriggerOpenYearsView(): void;
-    readonly selectedDate: import("@angular/core").ModelSignal<Date | null>;
-    readonly yearSelect: import("@angular/core").OutputEmitterRef<number>;
-    readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
-    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>;
-    private readonly _UTCAfterInit;
-    readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
+    readonly value: import("@angular/core").ModelSignal<Date | null>;
+    readonly endDate: import("@angular/core").Signal<null>;
     writeValue(v: any): void;
-    protected _emitChange(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    isDaySelected(day: number | Date | null): boolean;
-    isDayOutOfRange(day: number, month?: number, year?: number): number;
-    readonly isDayFilteredOut: import("@angular/core").Signal<(day: number, month?: number, year?: number) => boolean>;
-    selectDay(day: number | Date | null): void;
-    selectCurrentlyHighlightedDay(): void;
-    private readonly __highlightedDay;
-    readonly highlightedDay: import("@angular/core").Signal<number | null>;
-    setHighlightedDay(day: number | null, month?: number, year?: number): void;
-    private _highlightMinDay;
-    private _highlightMaxDay;
-    highlightNextDay(offset?: number): void;
-    highlightPreviousDay(offset?: number): void;
-    highlightFirstDay(): void;
-    highlightLastDay(): void;
-    highlightSameDayNextMonth(): void;
-    highlightSameDayPreviousMonth(): void;
-    highlightSameDayNextYear(): void;
-    highlightSameDayPreviousYear(): void;
-    isMonthSelected(month: number | Date): boolean;
-    isMonthOutOfRange(month: number, year?: number): number;
-    changeMonth(newMonth: number | null): boolean;
-    selectMonth(newMonth: number | null): void;
-    selectCurrentlyHighlightedMonth(): void;
-    private readonly __highlightedMonth;
-    readonly highlightedMonth: import("@angular/core").Signal<number | null>;
-    setHighlightedMonth(month: number | null, year?: number): void;
-    private _highlightMinMonth;
-    private _highlightMaxMonth;
-    highlightNextMonth(offset?: number): void;
-    highlightPreviousMonth(offset?: number): void;
-    highlightFirstMonth(): void;
-    highlightLastMonth(): void;
-    highlightSameMonthNextYear(multiple: boolean): void;
-    highlightSameMonthPreviousYear(multiple: boolean): void;
-    isYearSelected(year: number | Date): boolean;
-    isYearOutOfRange(year: number): number;
-    changeYear(year: number | null): boolean;
-    selectYear(year: number | Date | null): void;
-    selectCurrentlyHighlightedYear(): void;
-    private readonly __highlightedYear;
-    readonly highlightedYear: import("@angular/core").Signal<number | null>;
-    readonly currentYearRangeStart: import("@angular/core").WritableSignal<number>;
-    setHighlightedYear(year: number | null): void;
-    changeYearsViewPage(offset: number): void;
-    private _highlightMinYear;
-    private _highlightMaxYear;
-    highlightNextYear(offset?: number): void;
-    highlightPreviousYear(offset?: number): void;
-    highlightFirstYear(): void;
-    highlightLastYear(): void;
-    highlightSameYearNextPage(multiple: boolean): void;
-    highlightSameYearPreviousPage(multiple: boolean): void;
-    readonly _isUsingKeyboard: import("@angular/core").WritableSignal<boolean>;
-    onDocumentMousemove(): void;
-    onDocumentKeydown(): void;
-    private _createDate;
-    readonly templateRepository: import("@angular/core").Signal<_CalendarTemplateRepositoryDirective | undefined>;
-    readonly yearsViewHeaderTemplate: import("@angular/core").Signal<ArdCalendarYearsViewHeaderTemplateDirective | undefined>;
-    readonly monthsViewHeaderTemplate: import("@angular/core").Signal<ArdCalendarMonthsViewHeaderTemplateDirective | undefined>;
-    readonly daysViewHeaderTemplate: import("@angular/core").Signal<ArdCalendarDaysViewHeaderTemplateDirective | undefined>;
-    readonly floatingMonthTemplate: import("@angular/core").Signal<ArdCalendarFloatingMonthTemplateDirective | undefined>;
-    readonly yearTemplate: import("@angular/core").Signal<ArdCalendarYearTemplateDirective | undefined>;
-    readonly monthTemplate: import("@angular/core").Signal<ArdCalendarMonthTemplateDirective | undefined>;
-    readonly dayTemplate: import("@angular/core").Signal<ArdCalendarDayTemplateDirective | undefined>;
-    readonly weekdayTemplate: import("@angular/core").Signal<ArdCalendarWeekdayTemplateDirective | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCalendarComponent, "ard-calendar", never, { "color": { "alias": "color"; "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; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selected"; "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; }; }, { "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "selectedDate": "selectedChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["templateRepository", "yearsViewHeaderTemplate", "monthsViewHeaderTemplate", "daysViewHeaderTemplate", "floatingMonthTemplate", "yearTemplate", "monthTemplate", "dayTemplate", "weekdayTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCalendarComponent, "ard-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, false, never>;
 }

package/lib/calendar/calendar.defaults.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken, Provider } from '@angular/core';
 import { _FormFieldComponentDefaults } from '../_internal/form-field-component';
 import { ComponentColor } from '../types/colors.types';
-import { ArdCalendarFilterFn, ArdCalendarView } from './calendar.types';
+import { ArdCalendarFilterFn, ArdCalendarView, ArdMultiCalendarLocation } from './calendar.types';
 export interface ArdCalendarDefaults extends _FormFieldComponentDefaults {
     color: ComponentColor;
     activeView: ArdCalendarView;
@@ -10,10 +10,21 @@ export interface ArdCalendarDefaults extends _FormFieldComponentDefaults {
     firstWeekday: number;
     multipleYearPageChangeModifier: number;
     autoFocus: boolean;
+    multiCalendarLocation: ArdMultiCalendarLocation;
     min: Date | null;
     max: Date | null;
     filter: ArdCalendarFilterFn | null;
     UTC: boolean;
+    daysViewHeaderDateFormat: string;
+    yearsViewHeaderDateFormat: string;
+    monthsViewHeaderDateFormat: string;
+    weekdayDateFormat: string;
+    weekdayTitleDateFormat: string;
+    floatingMonthDateFormat: string;
+    floatingMonthTitleDateFormat: string;
+    yearDateFormat: string;
+    monthDateFormat: string;
+    dayDateFormat: string;
 }
 export declare const ARD_CALENDAR_DEFAULTS: InjectionToken<ArdCalendarDefaults>;
 export declare function provideCalendarDefaults(config: Partial<ArdCalendarDefaults>): Provider;

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

@@ -4,14 +4,30 @@ import * as i0 from "@angular/core";
 export declare class _CalendarTemplateRepositoryDirective {
     template: TemplateRef<undefined>;
     constructor(template: TemplateRef<undefined>);
-    readonly daysViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarDaysViewHeaderTemplateDirective | undefined>;
-    readonly yearsViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarYearsViewHeaderTemplateDirective | undefined>;
-    readonly monthsViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarMonthsViewHeaderTemplateDirective | undefined>;
-    readonly weekdayTmp: import("@angular/core").InputSignal<ArdCalendarWeekdayTemplateDirective | undefined>;
-    readonly floatingMonthTmp: import("@angular/core").InputSignal<ArdCalendarFloatingMonthTemplateDirective | undefined>;
-    readonly yearTmp: import("@angular/core").InputSignal<ArdCalendarYearTemplateDirective | undefined>;
-    readonly monthTmp: import("@angular/core").InputSignal<ArdCalendarMonthTemplateDirective | undefined>;
-    readonly dayTmp: import("@angular/core").InputSignal<ArdCalendarDayTemplateDirective | undefined>;
+    readonly daysViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarDaysViewHeaderTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly yearsViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarYearsViewHeaderTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly monthsViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarMonthsViewHeaderTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly weekdayTmp: import("@angular/core").InputSignal<ArdCalendarWeekdayTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly floatingMonthTmp: import("@angular/core").InputSignal<ArdCalendarFloatingMonthTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly yearTmp: import("@angular/core").InputSignal<ArdCalendarYearTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly monthTmp: import("@angular/core").InputSignal<ArdCalendarMonthTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
+    readonly dayTmp: import("@angular/core").InputSignal<ArdCalendarDayTemplateDirective | {
+        template: TemplateRef<any>;
+    } | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<_CalendarTemplateRepositoryDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<_CalendarTemplateRepositoryDirective, "ard-calendar > ng-template[_ard-tmp-repository]", never, { "daysViewHeaderTmp": { "alias": "daysViewHeaderTmp"; "required": false; "isSignal": true; }; "yearsViewHeaderTmp": { "alias": "yearsViewHeaderTmp"; "required": false; "isSignal": true; }; "monthsViewHeaderTmp": { "alias": "monthsViewHeaderTmp"; "required": false; "isSignal": true; }; "weekdayTmp": { "alias": "weekdayTmp"; "required": false; "isSignal": true; }; "floatingMonthTmp": { "alias": "floatingMonthTmp"; "required": false; "isSignal": true; }; "yearTmp": { "alias": "yearTmp"; "required": false; "isSignal": true; }; "monthTmp": { "alias": "monthTmp"; "required": false; "isSignal": true; }; "dayTmp": { "alias": "dayTmp"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/calendar/calendar.internal-types.d.ts

@@ -1,4 +1,5 @@
 export interface CalendarArrayItem {
     value: number;
+    valueDate: Date;
     disabled: boolean;
 }

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

@@ -1,15 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./calendar.component";
-import * as i2 from "./views/days-view/days-view.component";
-import * as i3 from "./views/months-view/months-view.component";
-import * as i4 from "./views/years-view/years-view.component";
-import * as i5 from "./calendar.directives";
-import * as i6 from "@angular/common";
-import * as i7 from "../buttons/icon-button/icon-button.module";
-import * as i8 from "../icon/icon.module";
-import * as i9 from "../buttons/button/button.module";
+import * as i2 from "./calendar.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "./views/calendar-views.module";
 export declare class ArdiumCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCalendarModule, [typeof i1.ArdiumCalendarComponent, typeof i2.DaysViewComponent, typeof i3.MonthsViewComponent, typeof i4.YearsViewComponent, typeof i5.ArdCalendarDaysViewHeaderTemplateDirective, typeof i5.ArdCalendarYearsViewHeaderTemplateDirective, typeof i5.ArdCalendarMonthsViewHeaderTemplateDirective, typeof i5.ArdCalendarWeekdayTemplateDirective, typeof i5.ArdCalendarFloatingMonthTemplateDirective, typeof i5.ArdCalendarYearTemplateDirective, typeof i5.ArdCalendarMonthTemplateDirective, typeof i5.ArdCalendarDayTemplateDirective], [typeof i6.CommonModule, typeof i6.DatePipe, typeof i6.UpperCasePipe, typeof i7.ArdiumIconButtonModule, typeof i8.ArdiumIconModule, typeof i9.ArdiumButtonModule], [typeof i1.ArdiumCalendarComponent, typeof i5.ArdCalendarDaysViewHeaderTemplateDirective, typeof i5.ArdCalendarYearsViewHeaderTemplateDirective, typeof i5.ArdCalendarMonthsViewHeaderTemplateDirective, typeof i5.ArdCalendarWeekdayTemplateDirective, typeof i5.ArdCalendarFloatingMonthTemplateDirective, typeof i5.ArdCalendarYearTemplateDirective, typeof i5.ArdCalendarMonthTemplateDirective, typeof i5.ArdCalendarDayTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCalendarModule, [typeof i1.ArdiumCalendarComponent, typeof i2.ArdCalendarDaysViewHeaderTemplateDirective, typeof i2.ArdCalendarYearsViewHeaderTemplateDirective, typeof i2.ArdCalendarMonthsViewHeaderTemplateDirective, typeof i2.ArdCalendarWeekdayTemplateDirective, typeof i2.ArdCalendarFloatingMonthTemplateDirective, typeof i2.ArdCalendarYearTemplateDirective, typeof i2.ArdCalendarMonthTemplateDirective, typeof i2.ArdCalendarDayTemplateDirective], [typeof i3.CommonModule, typeof i4._CalendarViewsModule], [typeof i1.ArdiumCalendarComponent, typeof i2.ArdCalendarDaysViewHeaderTemplateDirective, typeof i2.ArdCalendarYearsViewHeaderTemplateDirective, typeof i2.ArdCalendarMonthsViewHeaderTemplateDirective, typeof i2.ArdCalendarWeekdayTemplateDirective, typeof i2.ArdCalendarFloatingMonthTemplateDirective, typeof i2.ArdCalendarYearTemplateDirective, typeof i2.ArdCalendarMonthTemplateDirective, typeof i2.ArdCalendarDayTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCalendarModule>;
 }

package/lib/calendar/calendar.types.d.ts

@@ -4,13 +4,21 @@ export declare const ArdCalendarView: {
     readonly Years: "years";
 };
 export type ArdCalendarView = (typeof ArdCalendarView)[keyof typeof ArdCalendarView];
-export interface DateRange {
-    low: Date;
-    high: Date;
+export declare const ArdMultiCalendarLocation: {
+    readonly Only: "only";
+    readonly Left: "left";
+    readonly Inner: "inner";
+    readonly Right: "right";
+};
+export type ArdMultiCalendarLocation = typeof ArdMultiCalendarLocation[keyof typeof ArdMultiCalendarLocation];
+export declare class DateRange {
+    from: Date;
+    to: Date | null;
+    constructor(from: Date, to: Date | null);
 }
 export interface YearRange {
-    low: number;
-    high: number;
+    from: number;
+    to: number;
 }
 export type ArdCalendarFilterFn = (date: Date) => boolean;
 export interface CalendarYearsViewHeaderContext {
@@ -20,6 +28,8 @@ export interface CalendarYearsViewHeaderContext {
     openDaysView: () => void;
     canGoToNextPage: boolean;
     canGoToPreviousPage: boolean;
+    hideNextPageButton: boolean;
+    hidePreviousPageButton: boolean;
     yearRange: YearRange;
     dateRange: DateRange;
     $implicit: DateRange;
@@ -31,6 +41,8 @@ export interface CalendarMonthsViewHeaderContext {
     openYearsView: () => void;
     canGoToNextPage: boolean;
     canGoToPreviousPage: boolean;
+    hideNextPageButton: boolean;
+    hidePreviousPageButton: boolean;
     year: number;
     date: Date;
     $implicit: number;
@@ -44,6 +56,8 @@ export interface CalendarDaysViewHeaderContext {
     openMonthsView: () => void;
     canGoToNextPage: boolean;
     canGoToPreviousPage: boolean;
+    hideNextPageButton: boolean;
+    hidePreviousPageButton: boolean;
     year: number;
     month: number;
     $implicit: Date;

package/lib/calendar/index.d.ts

@@ -3,3 +3,6 @@ export * from './calendar.defaults';
 export * from './calendar.directives';
 export * from './calendar.module';
 export * from './calendar.types';
+export * from './range-calendar.component';
+export * from './range-calendar.directives';
+export * from './range-calendar.module';

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>;
 }