@coreui/angular-pro 5.2.20 → 5.2.21

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

@@ -1,57 +1,52 @@
-import { EventEmitter, OnInit, QueryList } from '@angular/core';
+import { AfterViewInit, OnInit } from '@angular/core';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { CalendarService, DateFilterType, DayFormatType, SelectionType, WeekdayFormatType } from '../calendar.service';
-import { CalendarMonthComponent } from '../calendar-month/calendar-month.component';
+import { DateFilterType, DayFormatType, DaysOfWeek, SelectionType, WeekdayFormatType } from '../calendar.service';
 import * as i0 from "@angular/core";
-export declare class CalendarComponent implements OnInit {
+export declare class CalendarComponent implements OnInit, AfterViewInit {
     #private;
-    private calendarService;
-    constructor(calendarService: CalendarService);
+    readonly calendarDateChange: import("@angular/core").OutputEmitterRef<Date>;
     /**
      * Default date of the component
      * @type  Date | string
      */
-    set calendarDate(value: Date | string | number);
-    get calendarDate(): Date;
-    private _calendarDate;
+    readonly calendarDateModel: import("@angular/core").ModelSignal<string | number | Date>;
+    readonly calendarDate: import("@angular/core").Signal<Date>;
+    readonly calendarDateEffect: import("@angular/core").EffectRef;
     /**
      * The number of calendars that render on desktop devices.
      * @type number
      * default 1
      */
-    set calendars(value: number);
-    get calendars(): number;
-    private _calendars;
-    get calendarsArray(): number[];
+    readonly calendars: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly calendarsArray: import("@angular/core").Signal<number[]>;
     /**
      * Set the format of day name.
      * @default 'numeric'
      * @type DayFormatType
      */
-    set dayFormat(value: DayFormatType);
-    get dayFormat(): DayFormatType;
-    private _dayFormat;
+    readonly dayFormat: import("@angular/core").InputSignal<DayFormatType>;
+    readonly dayFormatEffect: import("@angular/core").EffectRef;
     /**
      * Specify the list of dates that cannot be selected.
-     * @type  Date[] | Date[][]
+     * @type (Date | Date[])[]
      */
-    set disabledDates(value: (Date[] | Date)[]);
-    get disabledDates(): (Date[] | Date)[];
-    private _disabledDates;
+    readonly disabledDates: import("@angular/core").InputSignal<(Date | Date[])[]>;
+    readonly disabledDatesEffect: import("@angular/core").EffectRef;
+    readonly endDateChange: import("@angular/core").OutputEmitterRef<Date | null>;
+    readonly startDateChange: import("@angular/core").OutputEmitterRef<Date | null>;
     /**
      * Initial selected date.
      * @type  (Date | null)
      */
-    set startDate(value: Date | number | string | null | undefined);
-    get startDate(): Date | number | string | null | undefined;
-    _startDate: Date | null;
+    readonly startDateModel: import("@angular/core").ModelSignal<string | number | Date | null>;
+    readonly startDate: import("@angular/core").Signal<Date | null>;
     /**
      * Initial selected to date (range).
      * @type Date | null
      */
-    set endDate(value: Date | number | string | null | undefined);
-    get endDate(): Date | number | string | null | undefined;
-    _endDate: Date | null;
+    readonly endDateModel: import("@angular/core").ModelSignal<string | number | Date | null>;
+    readonly endDate: import("@angular/core").Signal<Date | null>;
+    readonly datesEffect: import("@angular/core").EffectRef;
     /**
      * Sets the day of start week.
      * - 0 - Sunday,
@@ -65,115 +60,109 @@ export declare class CalendarComponent implements OnInit {
      * @type number
      * @default 1
      */
-    set firstDayOfWeek(value: number);
-    get firstDayOfWeek(): number;
-    private _firstDayOfWeek;
+    readonly firstDayOfWeek: import("@angular/core").InputSignal<DaysOfWeek>;
+    readonly firstDayOfWeekEffect: import("@angular/core").EffectRef;
     /**
      * Sets the default locale for components. If not set, it is inherited from the browser.
      * @default 'default'
      */
-    set locale(value: string);
-    get locale(): string;
-    private _locale;
+    readonly locale: import("@angular/core").InputSignal<string>;
+    readonly localeEffect: import("@angular/core").EffectRef;
     /**
      * Max selectable date.
      */
-    set maxDate(value: Date | string | null | undefined);
-    get maxDate(): Date | null;
-    private _maxDate;
+    readonly maxDateInput: import("@angular/core").InputSignal<string | number | Date | null>;
+    readonly maxDateEffect: import("@angular/core").EffectRef;
     /**
      * Min selectable date.
      */
-    set minDate(value: Date | string | null | undefined);
-    get minDate(): Date | null;
-    private _minDate;
+    readonly minDateInput: import("@angular/core").InputSignal<string | number | Date | null>;
+    readonly minDateEffect: import("@angular/core").EffectRef;
     /**
      * Show navigation.
      * @type boolean
      */
-    set navigation(value: boolean);
-    get navigation(): boolean;
-    private _navigation;
+    readonly navigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Reorder year-month navigation, and render year first.
      * @type boolean
      * @default false
      */
-    set navYearFirst(value: boolean);
-    get navYearFirst(): boolean;
-    private _navYearFirst;
+    readonly navYearFirst: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly navYearFirstEffect: import("@angular/core").EffectRef;
     /**
      * Allow range selection.
      * @type boolean
      * @default false
      */
-    set range(value: boolean);
-    get range(): boolean;
-    private _range;
+    readonly range: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly rangeEffect: import("@angular/core").EffectRef;
     /**
      * Set calendar view.
      * @type 'days' | 'months' | 'years'
      * @default 'days'
      */
-    set view(value: "days" | "months" | "years");
-    get view(): "days" | "months" | "years";
-    private _view;
+    readonly view: import("@angular/core").ModelSignal<"days" | "months" | "years">;
+    readonly viewEffect: import("@angular/core").EffectRef;
     /**
      * Set length or format of day name.
      * @type number | 'long' | 'narrow' | 'short'
      * @default 'short'
      */
-    set weekdayFormat(value: WeekdayFormatType);
-    get weekdayFormat(): WeekdayFormatType;
-    private _weekdayFormat;
-    set dateFilter(value: DateFilterType | undefined);
+    readonly weekdayFormat: import("@angular/core").InputSignal<WeekdayFormatType>;
+    readonly weekdayFormatEffect: import("@angular/core").EffectRef;
+    readonly dateFilter: import("@angular/core").InputSignal<DateFilterType | undefined>;
+    readonly dateFilterEffect: import("@angular/core").EffectRef;
     /**
      * Set whether days in adjacent months shown before or after the current month are selectable. This only applies if the `showAdjacentDays` option is set to true.
      * @type boolean
      * @default false
      * @since 4.4.10
      */
-    set selectAdjacentDays(value: boolean);
+    readonly selectAdjacentDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly selectAdjacentDaysEffect: import("@angular/core").EffectRef;
     /**
      * Set whether to display dates in adjacent months (non-selectable) at the start and end of the current month.
      * @type boolean
      * @default true
      * @since 4.4.10
      */
-    set showAdjacentDays(value: boolean);
+    readonly showAdjacentDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly showAdjacentDaysEffect: import("@angular/core").EffectRef;
     /**
      * Specify the type of date selection as day, week, month, or year.
      * @type 'day' | 'week' | 'month' | 'year'
      * @default 'day'
      * @since 5.0.0
      */
-    set selectionType(value: SelectionType);
-    get selectionType(): SelectionType;
+    readonly selectionType: import("@angular/core").InputSignal<SelectionType>;
+    readonly selectionTypeEffect: import("@angular/core").EffectRef;
     /**
      * Set whether to display week numbers in the calendar.
      * @type boolean
      * @default false
      * @since 5.0.0
      */
-    set showWeekNumber(value: boolean);
+    readonly showWeekNumber: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly showWeekNumberEffect: import("@angular/core").EffectRef;
     /**
      * Label displayed over week numbers in the calendar.
      * @type string
      * @default undefined
      * @since 5.0.0
      */
-    set weekNumbersLabel(value: string | undefined);
-    calendarCellHover: EventEmitter<Date | null>;
-    calendarDateChange: EventEmitter<Date>;
-    endDateChange: EventEmitter<Date | null>;
-    startDateChange: EventEmitter<Date | null>;
-    viewChange: EventEmitter<string>;
-    set hoverDate(value: Date | null);
-    get hoverDate(): Date | null;
-    private _hoverDate;
-    get hostClasses(): any;
-    calendarMonths: QueryList<CalendarMonthComponent>;
+    readonly weekNumbersLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly weekNumbersLabelEffect: import("@angular/core").EffectRef;
+    readonly ariaNextMonthLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaNextYearLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaPrevMonthLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaPrevYearLabel: import("@angular/core").InputSignal<string>;
+    readonly calendarCellHover: import("@angular/core").OutputEmitterRef<Date | null>;
+    readonly hoverDate: import("@angular/core").WritableSignal<Date | null>;
+    readonly hoverDateEffect: import("@angular/core").EffectRef;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     calendarStateSubscribe(): void;
     setCalendarPage(years: number, months?: number, setMonth?: number): void;
     handleNavigationClick(direction: 'prev' | 'next', years?: boolean): void;
@@ -183,15 +172,6 @@ export declare class CalendarComponent implements OnInit {
      */
     clearDates(): void;
     handleFocusChange($event: FocusOrigin): void;
-    protected readonly getCalendarDate: (calendarDate: Date, order: number, view: "days" | "months" | "years") => Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "c-calendar", ["cCalendar"], { "calendarDate": { "alias": "calendarDate"; "required": false; }; "calendars": { "alias": "calendars"; "required": false; }; "dayFormat": { "alias": "dayFormat"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; }; "range": { "alias": "range"; "required": false; }; "view": { "alias": "view"; "required": false; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; }; "weekNumbersLabel": { "alias": "weekNumbersLabel"; "required": false; }; }, { "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; "viewChange": "viewChange"; }, never, never, true, never>;
-    static ngAcceptInputType_calendars: unknown;
-    static ngAcceptInputType_firstDayOfWeek: unknown;
-    static ngAcceptInputType_navigation: unknown;
-    static ngAcceptInputType_navYearFirst: unknown;
-    static ngAcceptInputType_range: unknown;
-    static ngAcceptInputType_selectAdjacentDays: unknown;
-    static ngAcceptInputType_showAdjacentDays: unknown;
-    static ngAcceptInputType_showWeekNumber: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "c-calendar", ["cCalendar"], { "calendarDateModel": { "alias": "calendarDate"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "dayFormat": { "alias": "dayFormat"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "startDateModel": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDateModel": { "alias": "endDate"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; "isSignal": true; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; "isSignal": true; }; "weekNumbersLabel": { "alias": "weekNumbersLabel"; "required": false; "isSignal": true; }; "ariaNextMonthLabel": { "alias": "ariaNextMonthLabel"; "required": false; "isSignal": true; }; "ariaNextYearLabel": { "alias": "ariaNextYearLabel"; "required": false; "isSignal": true; }; "ariaPrevMonthLabel": { "alias": "ariaPrevMonthLabel"; "required": false; "isSignal": true; }; "ariaPrevYearLabel": { "alias": "ariaPrevYearLabel"; "required": false; "isSignal": true; }; }, { "calendarDateChange": "calendarDateChange"; "calendarDateModel": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; "startDateModel": "startDateChange"; "endDateModel": "endDateChange"; "view": "viewChange"; "calendarCellHover": "calendarCellHover"; }, never, never, true, never>;
 }

package/lib/calendar/calendar-month/calendar-class-row.pipe.d.ts

@@ -1,4 +1,5 @@
 import { PipeTransform } from '@angular/core';
+import { SelectionType } from '../calendar.service';
 import * as i0 from "@angular/core";
 export declare class CalendarClassRowPipe implements PipeTransform {
     transform(week: {
@@ -13,7 +14,7 @@ export declare class CalendarClassRowPipe implements PipeTransform {
         disabledDates: any;
         dateFilter: any;
         calendarDate: any;
-        selectionType: any;
+        selectionType: SelectionType;
     }): {
         'calendar-row': boolean;
         disabled: boolean;

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

@@ -1,34 +1,29 @@
-import { OnInit, QueryList, WritableSignal } from '@angular/core';
-import { CalendarService, DateFilterType, DayFormatType, SelectionType, WeekdayFormatType } from '../calendar.service';
+import { QueryList } from '@angular/core';
+import { DateFilterType, DayFormatType, MonthDetails, SelectionType } from '../calendar.service';
 import { CalendarDayDirective } from './calendar-day.directive';
 import { CalendarRowDirective } from './calendar-row.directive';
 import * as i0 from "@angular/core";
-export declare class CalendarMonthComponent implements OnInit {
+export declare class CalendarMonthComponent {
     #private;
-    private calendarService;
-    constructor(calendarService: CalendarService);
-    addMonths: number;
+    constructor();
+    readonly pageIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly addMonths: import("@angular/core").Signal<number>;
     /**
      * Initial selected date.
      * @type  (Date | null)
      */
-    set startDate(value: Date | number | string | null | undefined);
-    get startDate(): Date | null;
-    _startDate: Date | null;
+    readonly startDate: import("@angular/core").WritableSignal<Date | null>;
     /**
      * Initial selected to date (range).
      * @type  Date | null
      */
-    set endDate(value: Date | number | string | null | undefined);
-    get endDate(): Date | number | string | null | undefined;
-    _endDate: Date | null;
+    readonly endDate: import("@angular/core").WritableSignal<Date | null>;
+    readonly datesEffect: import("@angular/core").EffectRef;
     /**
      * Specify the list of dates that cannot be selected.
      * @type  Date[] | Date[][]
      */
-    set disabledDates(value: (Date[] | Date)[]);
-    get disabledDates(): (Date[] | Date)[];
-    private _disabledDates;
+    readonly disabledDates: import("@angular/core").WritableSignal<(Date | Date[])[]>;
     /**
      * Sets the day of start week.
      * - 0 - Sunday,
@@ -39,81 +34,64 @@ export declare class CalendarMonthComponent implements OnInit {
      * - 5 - Friday,
      * - 6 - Saturday,
      */
-    firstDayOfWeek: number;
+    readonly firstDayOfWeek: import("@angular/core").WritableSignal<number>;
     /**
      * Sets the default locale for components. If not set, it is inherited from the browser.
      * @default 'default'
      */
-    set locale(value: string);
-    get locale(): string;
+    readonly locale: import("@angular/core").WritableSignal<string>;
     /**
      * Allow range selection.
      * @type boolean
      * @default false
      */
-    range: boolean;
+    readonly range: import("@angular/core").WritableSignal<boolean>;
     /**
      * Set length or format of day name.
      * @type number | 'long' | 'narrow' | 'short'
      * @default 'short'
      */
-    weekdayFormat: WeekdayFormatType;
+    readonly weekdayFormat: import("@angular/core").WritableSignal<number | "long" | "short" | "narrow">;
     /**
      * Set calendar view.
      * @type 'days' | 'months' | 'years'
      * @default 'days'
      */
-    set view(value: "days" | "months" | "years");
-    get view(): "days" | "months" | "years";
+    readonly view: import("@angular/core").WritableSignal<"days" | "months" | "years">;
     /**
      * Max selectable date.
      */
-    set maxDate(value: Date | null);
-    get maxDate(): Date | null;
-    private _maxDate;
+    readonly maxDate: import("@angular/core").WritableSignal<Date | null>;
     /**
      * Min selectable date.
      */
-    set minDate(value: Date | null);
-    get minDate(): Date | null;
-    private _minDate;
-    listOfMonths: import("@angular/core").Signal<{
+    readonly minDate: import("@angular/core").WritableSignal<Date | null>;
+    readonly listOfMonths: import("@angular/core").Signal<{
         year: number;
         month: string;
     }[][]>;
-    listOfYears: import("@angular/core").Signal<number[][]>;
+    readonly listOfYears: import("@angular/core").Signal<number[][]>;
     /**
      * Default date of the component
      * @type Date
      */
-    set calendarDate(value: Date | string | number);
-    get calendarDate(): Date;
-    calendarDate$$: WritableSignal<Date>;
+    readonly calendarDate: import("@angular/core").WritableSignal<Date>;
+    readonly date: import("@angular/core").Signal<Date>;
+    readonly calendarDateEffect: import("@angular/core").EffectRef;
     calendarDays: QueryList<CalendarDayDirective>;
     calendarRows: QueryList<CalendarRowDirective>;
-    dateFilter: DateFilterType;
-    get date(): Date;
-    dayFormat: DayFormatType;
-    selectAdjacentDays: boolean;
-    showAdjacentDays: boolean;
-    set selectionType(value: SelectionType);
-    get selectionType(): SelectionType;
-    showWeekNumber: boolean;
-    weekNumbersLabel: string;
-    private _monthDetails;
-    get monthDetails(): {
-        weekNumber: number;
-        days: {
-            date: Date;
-            month: string;
-        }[];
-    }[];
-    get weekDays(): {
+    readonly dateFilter: import("@angular/core").WritableSignal<DateFilterType | undefined>;
+    readonly dayFormat: import("@angular/core").WritableSignal<DayFormatType>;
+    readonly selectAdjacentDays: import("@angular/core").WritableSignal<boolean>;
+    readonly showAdjacentDays: import("@angular/core").WritableSignal<boolean>;
+    readonly selectionType: import("@angular/core").WritableSignal<SelectionType>;
+    readonly showWeekNumber: import("@angular/core").WritableSignal<boolean>;
+    readonly weekNumbersLabel: import("@angular/core").WritableSignal<string>;
+    readonly monthDetails: import("@angular/core").Signal<MonthDetails>;
+    readonly weekDays: import("@angular/core").Signal<{
         date: Date;
         month: string;
-    }[];
-    ngOnInit(): void;
-    setMonthDetails(date?: Date): void;
+    }[]>;
     yearNumber(year: any): string;
     isDateDisabled(date: Date): boolean;
     calendarCellTitle(date: Date): string;
@@ -130,12 +108,8 @@ export declare class CalendarMonthComponent implements OnInit {
     calendarStateSubscribe(): void;
     getMonthStart(index: number): Date;
     getMonthEnd(index: number): Date;
-    protected readonly isDateInRangeDisabled: (startDate?: Date | null, endDate?: Date | null, dates?: (Date | Date[])[]) => boolean;
-    protected readonly isDateBetweenMinMax: (date: Date | null, min: Date | null, max: Date | null) => boolean;
     getYearStart(year: number): Date;
     getYearEnd(year: number): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarMonthComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarMonthComponent, "c-calendar-month", ["cCalendarMonth"], { "addMonths": { "alias": "addMonths"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "range": { "alias": "range"; "required": false; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; }; "view": { "alias": "view"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_firstDayOfWeek: unknown;
-    static ngAcceptInputType_range: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarMonthComponent, "c-calendar-month", ["cCalendarMonth"], { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/calendar/calendar-month/calendar-row.directive.d.ts

@@ -34,7 +34,7 @@ export declare class CalendarRowDirective implements FocusableOption {
     private locale;
     disabled: boolean;
     current: boolean;
-    get tabindex(): number;
+    readonly tabindex: import("@angular/core").WritableSignal<number>;
     get selectEndDate(): boolean;
     get hostClasses(): any;
     get ariaSelected(): true | null;

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

@@ -1,4 +1,4 @@
-import { CalendarService, SelectionType } from '../calendar.service';
+import { SelectionType } from '../calendar.service';
 import * as i0 from "@angular/core";
 interface INavigationClick {
     direction: 'prev' | 'next';
@@ -6,22 +6,32 @@ interface INavigationClick {
 }
 export declare class CalendarNavigationComponent {
     #private;
-    private calendarService;
-    constructor(calendarService: CalendarService);
-    readonly addMonths: import("@angular/core").InputSignal<number>;
+    constructor();
+    readonly pageIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly addMonths: import("@angular/core").Signal<number>;
     readonly navigation: import("@angular/core").InputSignal<boolean>;
+    readonly maxDate: import("@angular/core").WritableSignal<Date | null>;
+    readonly minDate: import("@angular/core").WritableSignal<Date | null>;
     readonly calendarDate: import("@angular/core").WritableSignal<Date>;
     readonly navYearFirst: import("@angular/core").WritableSignal<boolean>;
     readonly locale: import("@angular/core").WritableSignal<string>;
     readonly view: import("@angular/core").WritableSignal<"days" | "months" | "years">;
-    selectionType: SelectionType;
+    readonly selectionType: import("@angular/core").WritableSignal<SelectionType>;
+    readonly ariaNextMonthLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaNextYearLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaPrevMonthLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaPrevYearLabel: import("@angular/core").InputSignal<string>;
     readonly navigationClick: import("@angular/core").OutputEmitterRef<INavigationClick>;
     readonly date: import("@angular/core").Signal<Date>;
+    readonly disableNextMonth: import("@angular/core").Signal<boolean>;
+    readonly disablePrevMonth: import("@angular/core").Signal<boolean>;
+    readonly disableNextYear: import("@angular/core").Signal<boolean>;
+    readonly disablePrevYear: import("@angular/core").Signal<boolean>;
     calendarStateSubscribe(): void;
     setView(view: 'days' | 'months' | 'years'): void;
     handleNavigationClick(direction: 'prev' | 'next', years?: boolean): void;
     handleNavigationKeyUp($event: KeyboardEvent, direction: 'prev' | 'next', years?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarNavigationComponent, "c-calendar-navigation", never, { "addMonths": { "alias": "addMonths"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; }, { "navigationClick": "navigationClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarNavigationComponent, "c-calendar-navigation", never, { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "ariaNextMonthLabel": { "alias": "ariaNextMonthLabel"; "required": false; "isSignal": true; }; "ariaNextYearLabel": { "alias": "ariaNextYearLabel"; "required": false; "isSignal": true; }; "ariaPrevMonthLabel": { "alias": "ariaPrevMonthLabel"; "required": false; "isSignal": true; }; "ariaPrevYearLabel": { "alias": "ariaPrevYearLabel"; "required": false; "isSignal": true; }; }, { "navigationClick": "navigationClick"; }, never, never, true, never>;
 }
 export {};

package/lib/calendar/calendar.service.d.ts

@@ -4,6 +4,14 @@ export type DateFilterType = (date: Date) => boolean;
 export type DayFormatType = 'numeric' | '2-digit' | ((date: Date) => string | number);
 export type WeekdayFormatType = number | 'long' | 'narrow' | 'short' | ((date: Date) => string | number);
 export type SelectionType = 'day' | 'week' | 'month' | 'year';
+export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type MonthDetails = {
+    weekNumber: number;
+    days: {
+        date: Date;
+        month: string;
+    }[];
+}[];
 export interface ICalendarState {
     [key: string]: any;
     calendarDate?: Date | null;
@@ -25,14 +33,14 @@ export interface ICalendarState {
     selectionType?: SelectionType;
     showWeekNumber?: boolean;
     weekNumbersLabel?: string;
+    firstDayOfWeek?: DaysOfWeek;
 }
 export declare class CalendarService {
+    #private;
     private keyValueDiffers;
     constructor(keyValueDiffers: KeyValueDiffers);
-    private readonly differ;
     calendarStateObject: ICalendarState;
-    private readonly calendarState;
-    calendarState$: import("rxjs").Observable<ICalendarState>;
+    readonly calendarState$: import("rxjs").Observable<ICalendarState>;
     update(state: ICalendarState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CalendarService>;

package/lib/calendar/calendar.utils.d.ts

@@ -1,7 +1,7 @@
-import { SelectionType } from './calendar.service';
+import { DateFilterType, SelectionType } from './calendar.service';
 export declare function dateTransform(value: Date | number): Date;
 export declare const convertIsoWeekToDate: (isoWeek: string) => Date;
-export declare const convertToDateObject: (date: Date | string, selectionType?: SelectionType) => Date;
+export declare const convertToDateObject: (date: Date | string | number, selectionType?: SelectionType, propName?: string) => Date;
 export declare const convertToLocalDate: (d: Date, locale: string, options?: {}) => string;
 export declare const convertToLocalTime: (d: Date, locale: string, options?: {}) => string;
 export declare const createGroupsInArray: <T>(arr: T[], numberOfGroups: number) => T[][];
@@ -34,6 +34,7 @@ export declare const isMonthSelected: (date: Date | null, start: Date | null, en
 export declare const isYearSelected: (date: Date | null, start: Date | null, end: Date | null) => boolean | null;
 export declare const isEndDate: (date: Date | null, start: Date | null, end: Date | null) => boolean | null;
 export declare const isLastDayOfMonth: (date: Date) => boolean;
+export declare const equalDates: (a: Date | null, b: Date | null) => boolean;
 export declare const isSameDateAs: (date: Date, date2: Date) => boolean;
 export declare const isSameMonthAs: (date: Date, date2: Date) => boolean;
 export declare const isSameYearAs: (date: Date, date2: Date) => boolean;
@@ -43,4 +44,4 @@ export declare const isThisMonth: (date: Date, index: number) => boolean;
 export declare const isThisYear: (year: number) => boolean;
 export declare const isValidDate: (date: number | string | Date) => boolean;
 export declare const tryDate: (value: string | number | Date, propName?: string) => Date;
-export declare const isDateInRangeDisabled: (startDate?: Date | null, endDate?: Date | null, dates?: (Date | Date[])[]) => boolean;
+export declare const isDateInRangeDisabled: (startDate?: Date | null, endDate?: Date | null, dates?: (Date | Date[])[], dateFilter?: DateFilterType) => boolean;

package/lib/date-picker/date-picker.component.d.ts

@@ -1,17 +1,16 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
+import { ModelSignal } from '@angular/core';
 import { DateRangePickerComponent } from '../date-range-picker';
 import * as i0 from "@angular/core";
 export declare class DatePickerComponent extends DateRangePickerComponent {
-    constructor(breakpointObserver: BreakpointObserver);
-    placeholder: string;
     readonly dateChange: import("@angular/core").OutputEmitterRef<Date | null | undefined>;
-    readonly range = false;
-    readonly calendars = 1;
-    readonly endDate: import("@angular/core").ModelSignal<null>;
-    set date(value: Date | null | undefined);
-    get date(): Date | null | undefined;
-    writeValue(value: Date | null | undefined): void;
+    readonly calendars: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    readonly range: import("@angular/core").WritableSignal<boolean>;
+    readonly endDate: import("@angular/core").WritableSignal<null>;
+    readonly startDateModel: ModelSignal<Date | null>;
+    get date(): Date | null;
+    writeValue(value: Date | null): void;
     subscribeDateChange(subscribe?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "c-date-picker", ["cDatePicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; }; }, { "dateChange": "dateChange"; "endDate": "endDateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "c-date-picker", ["cDatePicker"], { "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "startDateModel": { "alias": "date"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "startDateModel": "dateChange"; }, never, ["*"], true, never>;
 }