@fundamental-ngx/core 0.58.0-rc.72 → 0.58.0-rc.74

package/calendar/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, EventEmitter, ElementRef, ChangeDetectorRef, SimpleChanges, OnDestroy } from '@angular/core';
-import { DatetimeAdapter, FdDate, DateTimeFormats } from '@fundamental-ngx/core/datetime';
+import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
 import { Subject } from 'rxjs';
 import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
 import { SpecialDayRule } from '@fundamental-ngx/core/shared';
@@ -283,24 +283,17 @@ declare class CalendarHeaderComponent<D> implements OnInit, OnChanges {
 }
 
 declare class CalendarLegendFocusingService {
-    /** Subject to emit the focused element */
-    focusedLegendItemSubject$: Subject<{
-        legendId: Nullable<string>;
-        specialDayNumber: Nullable<number>;
-    }>;
+    /** Signal to track the focused special day number. Only one legend item can have focus at a time. */
+    readonly focusedSpecialDayNumber: i0.WritableSignal<Nullable<number>>;
     /** Clearing the focused element */
     clearFocusedElement(): void;
-    /** Setting the elements that are getting currently focused */
-    _handleLegendItemFocus(legendId: string, specialDayNumber: Nullable<number>): void;
+    /** Setting the special day number that is currently focused */
+    handleLegendItemFocus(specialDayNumber: Nullable<number>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarLegendFocusingService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CalendarLegendFocusingService>;
 }
 
 declare class CalendarLegendComponent<D> {
-    datetimeAdapter: DatetimeAdapter<FdDate>;
-    private focusingService;
-    /** The unique identifier of the calendar legend. This is a required property. */
-    legendId: i0.InputSignal<string>;
     /**
      * Make it a column instead
      */
@@ -317,11 +310,12 @@ declare class CalendarLegendComponent<D> {
      * Special days rules to be displayed in the legend
      */
     specialDaysRules: i0.InputSignal<SpecialDayRule<D>[]>;
-    constructor(datetimeAdapter: DatetimeAdapter<FdDate>, focusingService: CalendarLegendFocusingService);
+    /** @hidden */
+    private readonly _focusingService;
     /** @hidden */
     _handleFocusedElementEvent(specialDayNumber: Nullable<number>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarLegendComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarLegendComponent<any>, "fd-calendar-legend", never, { "legendId": { "alias": "legendId"; "required": true; "isSignal": true; }; "col": { "alias": "col"; "required": false; "isSignal": true; }; "displayTodayLegendItem": { "alias": "displayTodayLegendItem"; "required": false; "isSignal": true; }; "displaySelectedLegendItem": { "alias": "displaySelectedLegendItem"; "required": false; "isSignal": true; }; "displayWorkDayLegendItem": { "alias": "displayWorkDayLegendItem"; "required": false; "isSignal": true; }; "displayNonWorkDayLegendItem": { "alias": "displayNonWorkDayLegendItem"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarLegendComponent<any>, "fd-calendar-legend", never, { "col": { "alias": "col"; "required": false; "isSignal": true; }; "displayTodayLegendItem": { "alias": "displayTodayLegendItem"; "required": false; "isSignal": true; }; "displaySelectedLegendItem": { "alias": "displaySelectedLegendItem"; "required": false; "isSignal": true; }; "displayWorkDayLegendItem": { "alias": "displayWorkDayLegendItem"; "required": false; "isSignal": true; }; "displayNonWorkDayLegendItem": { "alias": "displayNonWorkDayLegendItem"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 interface AggregatedYear {
@@ -535,7 +529,6 @@ declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, Focusabl
     private eRef;
     private changeDetRef;
     private calendarService;
-    private legendFocusedService;
     private _dateTimeFormats;
     _dateTimeAdapter: DatetimeAdapter<D>;
     /** Currently displayed month and year for days */
@@ -586,8 +579,6 @@ declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, Focusabl
     calType: i0.ModelSignal<CalendarType>;
     /** Id of the calendar. If none is provided, one will be generated. */
     id: i0.InputSignal<string | undefined>;
-    /** @hidden Id of the associated legend, passed from the parent calendar component. */
-    associatedLegendId: i0.InputSignal<string | undefined>;
     /**
      * Whether user wants to mark day cells on hover.
      * Works only on range mode, when start date is selected.
@@ -634,6 +625,11 @@ declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, Focusabl
      * and the date is not disabled.
      */
     _weekHeaderClasses: string[];
+    /**
+     * @hidden
+     * Computed signal for the focused special day number
+     */
+    protected readonly _focusedSpecialDayNumber: i0.Signal<Nullable<number>>;
     /** @hidden */
     private _selectedDate;
     /** @hidden */
@@ -670,8 +666,15 @@ declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, Focusabl
      * global variable to store the new range.
      */
     private _newRange;
+    /**
+     * @hidden
+     * Cache of days with special markers for efficient legend focus updates
+     */
+    private _daysWithSpecialMarkers;
+    /** @hidden */
+    private readonly legendFocusedService;
     /** @hidden */
-    constructor(eRef: ElementRef, changeDetRef: ChangeDetectorRef, calendarService: CalendarService, legendFocusedService: CalendarLegendFocusingService, _dateTimeFormats: DateTimeFormats, _dateTimeAdapter: DatetimeAdapter<D>);
+    constructor(eRef: ElementRef, changeDetRef: ChangeDetectorRef, calendarService: CalendarService, _dateTimeFormats: DateTimeFormats, _dateTimeAdapter: DatetimeAdapter<D>);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -801,10 +804,12 @@ declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, Focusabl
      * Also triggers event to parent calendar component and rebuilds day view grid
      */
     private _selectNextMonth;
-    /** @hidden */
-    private _focusOnLegendsDay;
-    /** @hidden */
-    private _legendBlurred;
+    /**
+     * @hidden
+     * Updates the legend focus state for calendar days with special markers
+     * @param focusedSpecialDayNumber The currently focused special day number, or null/undefined if no legend item is focused
+     */
+    private _updateLegendFocusState;
     /**
      * @hidden
      * Method that creates array of CalendarDay models which will be shown on day grid,
@@ -1015,7 +1020,7 @@ declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, Focusabl
      */
     private _handleMultiRangeHover;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDayViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDayViewComponent<any>, "fd-calendar-day-view", never, { "currentlyDisplayed": { "alias": "currentlyDisplayed"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; "isSignal": true; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; "isSignal": true; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; "isSignal": true; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; "isSignal": true; }; "calType": { "alias": "calType"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "associatedLegendId": { "alias": "associatedLegendId"; "required": false; "isSignal": true; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; "isSignal": true; }; "markWeekends": { "alias": "markWeekends"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; "isSignal": true; }; "focusEscapeFunction": { "alias": "focusEscapeFunction"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, { "nextMonthSelect": "nextMonthSelect"; "previousMonthSelect": "previousMonthSelect"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "disableFunction": "disableFunctionChange"; "disableRangeStartFunction": "disableRangeStartFunctionChange"; "disableRangeEndFunction": "disableRangeEndFunctionChange"; "startingDayOfWeek": "startingDayOfWeekChange"; "calType": "calTypeChange"; "rangeHoverEffect": "rangeHoverEffectChange"; "allowMultipleSelection": "allowMultipleSelectionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDayViewComponent<any>, "fd-calendar-day-view", never, { "currentlyDisplayed": { "alias": "currentlyDisplayed"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; "isSignal": true; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; "isSignal": true; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; "isSignal": true; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; "isSignal": true; }; "calType": { "alias": "calType"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; "isSignal": true; }; "markWeekends": { "alias": "markWeekends"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; "isSignal": true; }; "focusEscapeFunction": { "alias": "focusEscapeFunction"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, { "nextMonthSelect": "nextMonthSelect"; "previousMonthSelect": "previousMonthSelect"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "disableFunction": "disableFunctionChange"; "disableRangeStartFunction": "disableRangeStartFunctionChange"; "disableRangeEndFunction": "disableRangeEndFunctionChange"; "startingDayOfWeek": "startingDayOfWeekChange"; "calType": "calTypeChange"; "rangeHoverEffect": "rangeHoverEffectChange"; "allowMultipleSelection": "allowMultipleSelectionChange"; }, never, never, true, never>;
 }
 
 interface CalendarMonth<D> extends BaseCalendarCell {
@@ -1539,8 +1544,16 @@ declare class CalendarComponent<D> implements OnInit, OnChanges, ControlValueAcc
      * @param activeView current view of calendar
      */
     nextButtonDisableFunction: NavigationButtonDisableFunction<D>;
-    /** The unique ID of the calendar legend, if the calendar is to display a legend. */
-    associatedLegendId: string;
+    /**
+     * Whether to show the calendar legend below the calendar.
+     * The legend displays special day markers and their meanings.
+     */
+    showCalendarLegend: boolean;
+    /**
+     * Whether to display the legend in column layout (true) or row layout (false).
+     * Column layout is useful when legend is displayed alongside the calendar.
+     */
+    legendCol: boolean;
     /**
      * @hidden
      * Currently displayed days depending on month and year
@@ -1695,7 +1708,7 @@ declare class CalendarComponent<D> implements OnInit, OnChanges, ControlValueAcc
     /** @hidden */
     private _isNavigationButtonDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent<any>, [null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "fd-calendar", never, { "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "calType": { "alias": "calType"; "required": false; }; "id": { "alias": "id"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "dateRangeFormat": { "alias": "dateRangeFormat"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "associatedLegendId": { "alias": "associatedLegendId"; "required": false; }; "escapeFocusFunction": { "alias": "escapeFocusFunction"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "activeViewChange": "activeViewChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "isValidDateChange": "isValidDateChange"; "closeCalendar": "closeCalendar"; "closeClicked": "closeClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "fd-calendar", never, { "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "calType": { "alias": "calType"; "required": false; }; "id": { "alias": "id"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "dateRangeFormat": { "alias": "dateRangeFormat"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "showCalendarLegend": { "alias": "showCalendarLegend"; "required": false; }; "legendCol": { "alias": "legendCol"; "required": false; }; "escapeFocusFunction": { "alias": "escapeFocusFunction"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "activeViewChange": "activeViewChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "isValidDateChange": "isValidDateChange"; "closeCalendar": "closeCalendar"; "closeClicked": "closeClicked"; }, never, never, true, never>;
 }
 
 declare class CalendarModule {
@@ -1751,5 +1764,5 @@ declare class CalendarI18nLabels {
     calendarYearsRangeViewDescription: _fundamental_ngx_i18n.FdLanguageKey<undefined>;
 }
 
-export { CalendarAggregatedYearViewComponent, CalendarCloseButtonDirective, CalendarComponent, CalendarDayViewComponent, CalendarHeaderComponent, CalendarI18nLabels, CalendarLegendComponent, CalendarModule, CalendarMonthViewComponent, CalendarService, CalendarTypeEnum, CalendarYearViewComponent, DateRange, FdCalendarViewEnum };
+export { CalendarAggregatedYearViewComponent, CalendarCloseButtonDirective, CalendarComponent, CalendarDayViewComponent, CalendarHeaderComponent, CalendarI18nLabels, CalendarLegendComponent, CalendarLegendFocusingService, CalendarModule, CalendarMonthViewComponent, CalendarService, CalendarTypeEnum, CalendarYearViewComponent, DateRange, FdCalendarViewEnum };
 export type { AggregatedYear, CalendarAggregatedYear, CalendarCurrent, CalendarType, CalendarYear, CalendarYearGrid, DaysOfWeek, FdCalendarView, NavigationButtonDisableFunction };

package/date-picker/index.d.ts

@@ -1,17 +1,20 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, OnInit, OnDestroy, OnChanges, AfterViewInit, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { InputSignal, InputSignalWithTransform, EventEmitter, TemplateRef, OnInit, OnDestroy, OnChanges, AfterViewInit, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import { MobileMode, MobileModeBase, MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { DateRange, CalendarType, DaysOfWeek, FdCalendarView, NavigationButtonDisableFunction, CalendarYearGrid, CalendarComponent } from '@fundamental-ngx/core/calendar';
+import { SpecialDayRule, Placement } from '@fundamental-ngx/core/shared';
 import { ControlValueAccessor, Validator } from '@angular/forms';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
 import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
 import { FormItemControl, PopoverFormMessageService } from '@fundamental-ngx/core/form';
-import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { FdLanguageKeyIdentifier } from '@fundamental-ngx/i18n';
 
 interface DatePicker<D> extends MobileMode {
     selectedDate: Nullable<D>;
+    specialDaysRules?: SpecialDayRule<D>[];
+    showCalendarLegend?: boolean | InputSignal<boolean> | InputSignalWithTransform<boolean, unknown>;
+    legendCol?: boolean | InputSignal<boolean> | InputSignalWithTransform<boolean, unknown>;
     isOpenChange: EventEmitter<boolean>;
     dialogApprove(): void;
     dialogDismiss(value: D | Array<D> | DateRange<D> | Array<DateRange<D>>): void;
@@ -33,6 +36,10 @@ declare class DatePickerMobileComponent<D> extends MobileModeBase<DatePicker<D>>
         controlTemplate: TemplateRef<any>;
     }, datePickerComponent: DatePicker<D>);
     /** @hidden */
+    _getShowCalendarLegend(): boolean;
+    /** @hidden */
+    _getLegendCol(): boolean;
+    /** @hidden */
     handleApprove(): void;
     /** @hidden */
     handleDismiss(): void;
@@ -118,14 +125,6 @@ declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, OnDestroy
      * Function used to disable next button in the calendar header.
      */
     nextButtonDisableFunction: NavigationButtonDisableFunction<D>;
-    /**
-     *  The state of the form control - applies css classes.
-     *  Also, this is applied to message.
-     *  Can be `success`, `error`, `warning`, `information` or blank for default.
-     */
-    set state(state: Nullable<FormStates>);
-    /** @hidden */
-    get state(): FormStates;
     /**
      * @deprecated Popover is toggled with f4 key
      */
@@ -163,9 +162,6 @@ declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, OnDestroy
      * Note: Clickable selection for week row or column does not work for range selections.
      */
     allowMultipleSelection: boolean;
-    /** Whether the date picker is open. Can be used through two-way binding. */
-    set isOpen(value: boolean);
-    get isOpen(): boolean;
     /** Should date picker be inlined. */
     inline: boolean;
     /** aria-labelledby for element describing date-picker. */
@@ -217,6 +213,21 @@ declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, OnDestroy
     private readonly _messagePopoverTemplate;
     /** @hideen */
     private readonly _calendars;
+    /** Whether to display the calendar legend below the calendar. Default is false. */
+    showCalendarLegend: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the legend should display in column layout instead of row layout. Default is false. */
+    legendCol: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     *  The state of the form control - applies css classes.
+     *  Also, this is applied to message.
+     *  Can be `success`, `error`, `warning`, `information` or blank for default.
+     */
+    set state(state: Nullable<FormStates>);
+    /** @hidden */
+    get state(): FormStates;
+    /** Whether the date picker is open. Can be used through two-way binding. */
+    set isOpen(value: boolean);
+    get isOpen(): boolean;
     /** @hidden */
     _calendarComponent: CalendarComponent<D>;
     /** @hidden */
@@ -445,7 +456,7 @@ declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, OnDestroy
     /** Helper method to compare two arrays of date ranges */
     private _areDateRangesEqual;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent<any>, [null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent<any>, "fd-date-picker", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "customDateTimeFormat": { "alias": "customDateTimeFormat"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "dateRangeFormat": { "alias": "dateRangeFormat"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent<any>, "fd-date-picker", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "customDateTimeFormat": { "alias": "customDateTimeFormat"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "dateRangeFormat": { "alias": "dateRangeFormat"; "required": false; }; "showCalendarLegend": { "alias": "showCalendarLegend"; "required": false; "isSignal": true; }; "legendCol": { "alias": "legendCol"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_processInputOnBlur: unknown;
 }
 

package/datetime-picker/index.d.ts

@@ -128,14 +128,6 @@ declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, O
      * @deprecated Popover is toggled with f4 key
      */
     buttonFocusable: boolean;
-    /**
-     * Special days mark, it can be used by passing array of object with
-     * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
-     * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
-     * Rule accepts method with FdDate object as a parameter. ex:
-     * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
-     */
-    specialDaysRules: SpecialDayRule<D>[];
     /**
      * Object to customize year grid,
      * Row, Columns and method to display year can be modified
@@ -192,10 +184,6 @@ declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, O
     readonly onClose: EventEmitter<void>;
     /** Event emitted when datepicker changes it's "touched" state. */
     readonly touched: EventEmitter<void>;
-    /** Indicates when datetime input is in invalid state. */
-    get isInvalidDateInput(): boolean;
-    /** @hidden Reference to the inner calendar component. */
-    private set _calendarCmp(value);
     /** @hidden */
     _inputGroupElement: ElementRef;
     /** @hidden */
@@ -204,6 +192,28 @@ declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, O
     private readonly _formMessageTemplate;
     /** @hidden */
     private readonly _pickerTemplate;
+    /**
+     * Special days mark, it can be used by passing array of object with
+     * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
+     * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
+     * Rule accepts method with FdDate object as a parameter. ex:
+     * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
+     */
+    specialDaysRules: i0.InputSignal<SpecialDayRule<D>[]>;
+    /**
+     * Whether to show the calendar legend below the calendar.
+     * The legend displays explanations for special day markers.
+     */
+    showCalendarLegend: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the calendar legend should display in a single column layout.
+     * When false (default), the legend items flow into multiple columns automatically.
+     */
+    legendCol: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Indicates when datetime input is in invalid state. */
+    get isInvalidDateInput(): boolean;
+    /** @hidden Reference to the inner calendar component. */
+    private set _calendarCmp(value);
     /** @hidden */
     _calendarComponent: CalendarComponent<D>;
     /** @hidden */
@@ -367,7 +377,7 @@ declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, O
     /** @hidden */
     private _setUpMobileMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerComponent<any>, [null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent<any>, "fd-datetime-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "customDateTimeFormat": { "alias": "customDateTimeFormat"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "date": { "alias": "date"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "dateChange": "dateChange"; "calendarChange": "calendarChange"; "timeChange": "timeChange"; "onClose": "onClose"; "touched": "touched"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent<any>, "fd-datetime-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "customDateTimeFormat": { "alias": "customDateTimeFormat"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "date": { "alias": "date"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; "showCalendarLegend": { "alias": "showCalendarLegend"; "required": false; "isSignal": true; }; "legendCol": { "alias": "legendCol"; "required": false; "isSignal": true; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "dateChange": "dateChange"; "calendarChange": "calendarChange"; "timeChange": "timeChange"; "onClose": "onClose"; "touched": "touched"; }, never, ["*"], true, never>;
     static ngAcceptInputType_processInputOnBlur: unknown;
 }