@fundamental-ngx/core 0.51.3-rc.8 → 0.51.3

package/calendar/calendar-views/calendar-day-view/calendar-day-view.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { DateTimeFormats, DatetimeAdapter } from '@fundamental-ngx/core/datetime';
+import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
 import { SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { CalendarCurrent } from '../../models/calendar-current';
 import { CalendarDay } from '../../models/calendar-day';
@@ -37,9 +37,15 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
     /** The currently selected date model in single mode. */
     set selectedDate(date: Nullable<D>);
     get selectedDate(): Nullable<D>;
+    /** The currently selected date model in multiple mode. */
+    set selectedMultipleDates(dates: Array<D>);
+    get selectedMultipleDates(): Nullable<Array<D>>;
     /** The currently selected FdDates model start and end in range mode. */
     set selectedRangeDate(dateRange: DateRange<D>);
     get selectedRangeDate(): DateRange<D>;
+    /** The currently selected FdDates model start and end in multiple range mode. */
+    set selectedMultipleDateRanges(dateRanges: Array<DateRange<D>>);
+    get selectedMultipleDateRanges(): Array<DateRange<D>>;
     /** The day of the week the calendar should start on. 1 represents Sunday, 2 is Monday, 3 is Tuesday, and so on. */
     startingDayOfWeek: DaysOfWeek;
     /** The type of calendar, 'single' for single date selection or 'range' for a range of dates. */
@@ -59,6 +65,13 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
      * Whether user wants to show week numbers next to days
      */
     showWeekNumbers: boolean;
+    /**
+     * Whether the user wants to select multiple days or multiple range dates.
+     * If `displayWeekNumbers` is true, the user can click on the week number to mark the related row.
+     * The user can click on week days to mark the related column.
+     * Note: Clickable selection for week row or column does not work for range selections.
+     */
+    allowMultipleSelection: boolean;
     /** Function that allows to specify which function would be called, when focus wants to escape */
     focusEscapeFunction: EscapeFocusFunction;
     /**
@@ -69,14 +82,18 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
      * `rule: (date: D) => this.dateAdapter.getDay(date) === 1`, which will mark all sundays as special day.
      */
     specialDaysRules: SpecialDayRule<D>[];
-    /** Event emitted always, when model is changed in range mode */
-    readonly selectedRangeDateChange: EventEmitter<DateRange<D>>;
     /** Event emitted always, when next month is selected, by focus */
     readonly nextMonthSelect: EventEmitter<void>;
     /** Event emitted always, when previous month is selected, by focus */
     readonly previousMonthSelect: EventEmitter<void>;
-    /** Event emitted always, when model is changed in single mode */
+    /** Event thrown every time selected date in single mode is changed */
     readonly selectedDateChange: EventEmitter<D>;
+    /** Event thrown every time the selected dates in multiple mode are changed. */
+    readonly selectedMultipleDatesChange: EventEmitter<Array<D>>;
+    /** Event thrown every time selected first or last date in range mode is changed */
+    readonly selectedRangeDateChange: EventEmitter<DateRange<D>>;
+    /** Event thrown every time the first or last date in multiple range mode is changed. */
+    readonly selectedMultipleDateRangesChange: EventEmitter<Array<DateRange<D>>>;
     /**
      * @hidden
      * Actual day grid with previous/current/next month days
@@ -87,10 +104,20 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
      * Array of week numbers displayed for current month/year
      */
     _weeks: string[];
+    /**
+     * @hidden
+     * Array of CSS classes for each week day in calendar header, computed based on whether the calendar type is 'multi'
+     * and the date is not disabled.
+     */
+    _weekHeaderClasses: string[];
+    /** @hidden */
+    private _selectedDate;
+    /** @hidden */
+    private _selectedMultipleDates;
     /** @hidden */
     private _selectedRangeDate;
     /** @hidden */
-    private _selectedDate;
+    private _selectedMultipleDateRanges;
     /** @hidden */
     private readonly _destroyRef;
     /**
@@ -114,6 +141,11 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
      * Variable that contains short weekday names.
      */
     private _longWeekDays;
+    /**
+     * @hidden
+     * global variable to store the new range.
+     */
+    private _newRange;
     /** @hidden */
     constructor(eRef: ElementRef, changeDetRef: ChangeDetectorRef, calendarService: CalendarService, _dateTimeFormats: DateTimeFormats, _dateTimeAdapter: DatetimeAdapter<D>);
     /** @hidden */
@@ -121,11 +153,27 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /**
-     * Function for selecting a date on the calendar. Typically called when a date is clicked, but can also be called programmatically.
-     * @param day CalendarDay object to be selected.
-     * @param event
+     * @hidden
+     * Selects a date in single mode, toggles selection in multi mode, or sets the range in range mode.
+     * Handles the selection of a date based on the calendar type.
+     * @param day The calendar day to be selected.
+     * @param event Optional mouse event for handling event propagation.
      */
     selectDate(day: CalendarDay<D>, event?: MouseEvent): void;
+    /**
+     * Toggles the selection of a week on the calendar.
+     * If the provided week is already fully selected, it will deselect it.
+     * If the provided week is not fully selected, it will select the entire week and clear any previous selections.
+     * @param selectedWeek Array of CalendarDay objects representing the week to be toggled.
+     */
+    handleWeekSelectionByDays(selectedWeek: Array<CalendarDay<D>>): void;
+    /**
+     * Toggles the selection of a week on the calendar based on the weekday index.
+     * If the provided week is already fully selected, it will deselect it.
+     * If the provided week is not fully selected, it will select the entire week and clear any previous selections.
+     * @param weekDayIndex The index of the weekday to be toggled.
+     */
+    handleWeekSelectionByIndex(weekDayIndex: number): void;
     /**
      * Set focus on default focusable cell
      */
@@ -140,6 +188,12 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
      *  2, when both dates are valid
      */
     get _selectCounter(): number;
+    /**
+     * @hidden
+     * Total amount of selected days across multiple ranges.
+     * Sums the counts of valid days in each date range.
+     */
+    get _selectMultipleCounter(): number;
     /**
      * @hidden
      * Method that returns short weekday name.
@@ -312,16 +366,126 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
      * Change selection flag on days to false, besides the selected one
      */
     private _changeSelectedSingleDay;
+    /**
+     * @hidden
+     * Change selection flag on days to false, besides the selected one
+     *
+     * @param dates - An array of CalendarDay objects to be marked as selected
+     * @param calendar - The calendar array containing all CalendarDay objects
+     */
+    private _changeSelectedMultipleDays;
     /**
      * @hidden
      * Change properties of range days, this method is called, to not rebuild whole grid from scratch,
      * it just changes properties of newly selected/unselected days.
      */
     private _changeSelectedRangeDays;
+    /**
+     * @hidden
+     * Change properties of range days for multiple ranges.
+     * This method is called to not rebuild the whole grid from scratch.
+     * It just changes properties of newly selected/unselected days.
+     */
+    private _changeSelectedMultipleRangeDays;
     /** @hidden */
     private refreshTabIndex;
     /** @hidden */
     private focusOnCellByIndex;
+    /**
+     * @hidden
+     * Check if dates are equal
+     */
+    private _isSameDay;
+    /**
+     * @hidden
+     * Selects a single date and updates the selected date in single mode.
+     * @param day The calendar day to be selected.
+     */
+    private _selectSingleDate;
+    /**
+     * @hidden
+     * Toggles the selection of a date in multi mode.
+     * Adds the date if not selected, removes it if already selected.
+     * @param day The calendar day to be toggled.
+     */
+    private _toggleMultiDate;
+    /**
+     * @hidden
+     * Selects or updates the range of dates in range mode.
+     * Handles the start and end dates and updates the selected range.
+     * @param day The calendar day to be selected or updated in the range.
+     */
+    private _selectRangeDate;
+    /**
+     * @hidden
+     * Selects or updates multiple ranges of dates in range mode.
+     * Handles the start and end dates and updates the selected ranges.
+     * @param day The calendar day to be selected or updated in the range.
+     */
+    private _selectMultipleRangeDates;
+    /**
+     * Merges overlapping date ranges into a single range.
+     *
+     * @param ranges - An array of date ranges to be merged.
+     * @returns An array of merged date ranges.
+     */
+    private _mergeOverlappingRanges;
+    /**
+     * Handles the case where the selected day is part of an existing range.
+     *
+     * @param tempRanges - An array of date ranges to be checked.
+     * @param day - The calendar day to be checked.
+     * @returns An array of date ranges with the updated range if the selected day is part of an existing range.
+     */
+    private _handleExistingRange;
+    /**
+     * @hidden
+     * Checks if a date is within a given date range.
+     * @param date The date to check.
+     * @param range The date range.
+     * @returns True if the date is in the range, false otherwise.
+     */
+    private _isDateInRange;
+    /**
+     * @hidden
+     * Orders the start and end dates for the range selection.
+     * Ensures the start date is before or equal to the end date.
+     * @param date1 The first date.
+     * @param date2 The second date.
+     * @returns An object containing the ordered start and end dates.
+     */
+    private _getOrderedRange;
+    /**
+     * @hidden
+     * Handles the hover effect for range selection.
+     * Toggles the hover effect based on the selection state and event.
+     * @param event Optional mouse event for handling hover effect.
+     */
+    private _handleRangeHoverEffect;
+    /**
+     * Helper method to toggle the selection of a week.
+     * @param selectedWeek Array of CalendarDay objects representing the week to be toggled.
+     */
+    private toggleWeekSelection;
+    /**
+     * @hidden
+     * Computes the CSS class for each week day in calendar header based on whether the calendar type is 'multi'
+     * and the date is not disabled.
+     * Stores the computed classes in the weekHeaderClasses array.
+     */
+    private _computeWeekHeaderClasses;
+    /**
+     * @hidden
+     * Handles hover effect for single-range selection mode.
+     * @param day The calendar day that is hovered.
+     */
+    private _handleSingleRangeHover;
+    /**
+     * @hidden
+     * Handles hover effect for multi-range selection mode.
+     * @param day The calendar day that is hovered.
+     */
+    private _handleMultiRangeHover;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDayViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDayViewComponent<any>, "fd-calendar-day-view", never, { "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; "currentlyDisplayed": { "alias": "currentlyDisplayed"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "calType": { "alias": "calType"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "focusEscapeFunction": { "alias": "focusEscapeFunction"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; }, { "selectedRangeDateChange": "selectedRangeDateChange"; "nextMonthSelect": "nextMonthSelect"; "previousMonthSelect": "previousMonthSelect"; "selectedDateChange": "selectedDateChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDayViewComponent<any>, "fd-calendar-day-view", never, { "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; "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; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "calType": { "alias": "calType"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "focusEscapeFunction": { "alias": "focusEscapeFunction"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; }, { "nextMonthSelect": "nextMonthSelect"; "previousMonthSelect": "previousMonthSelect"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; }, never, never, true, never>;
 }

package/calendar/calendar.component.d.ts

@@ -34,6 +34,12 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
     private _dateTimeFormats;
     /** The currently selected date model in single mode. */
     selectedDate: Nullable<D>;
+    /** The currently selected date model in multiple mode. */
+    selectedMultipleDates: Array<D>;
+    /** The currently selected date model with start and end in range mode. */
+    selectedRangeDate: DateRange<D>;
+    /** The currently selected date model with multiple ranges. */
+    selectedMultipleDateRanges: Array<DateRange<D>>;
     /**
      * Whether user wants to mark sunday/saturday with `fd-calendar__item--weekend` class
      */
@@ -42,17 +48,26 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
      * Whether user wants to show week numbers next to days
      */
     showWeekNumbers: boolean;
+    /**
+     * Whether the user wants to select multiple days or multiple range dates.
+     * If `displayWeekNumbers` is true, the user can click on the week number to mark the related row.
+     * The user can click on week days to mark the related column.
+     * Note: Clickable selection for week row or column does not work for range selections.
+     */
+    allowMultipleSelection: boolean;
     /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
     mobileLandscape: boolean;
     /** Whether calendar is used inside mobile in portrait mode */
     mobilePortrait: boolean;
-    /** The currently selected FdDates model start and end in range mode. */
-    selectedRangeDate: DateRange<D>;
     /** Actually shown active view one of 'day' | 'month' | 'year' */
     activeView: FdCalendarView;
     /** The day of the week the calendar should start on. 1 represents Sunday, 2 is Monday, 3 is Tuesday, and so on. */
     startingDayOfWeek: DaysOfWeek;
-    /** The type of calendar, 'single' for single date selection or 'range' for a range of dates. */
+    /**
+     * The type of calendar
+     * 'single' for single date selection
+     * 'range' for a range of dates.
+     */
     calType: CalendarType;
     /** Id of the calendar. If none is provided, one will be generated. */
     id: string;
@@ -83,8 +98,12 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
     readonly activeViewChange: EventEmitter<FdCalendarView>;
     /** Event thrown every time selected date in single mode is changed */
     readonly selectedDateChange: EventEmitter<D>;
+    /** Event thrown every time the selected dates in multiple mode are changed. */
+    readonly selectedMultipleDatesChange: EventEmitter<Array<D>>;
     /** Event thrown every time selected first or last date in range mode is changed */
     readonly selectedRangeDateChange: EventEmitter<DateRange<D>>;
+    /** Event thrown every time the first or last date in multiple range mode is changed. */
+    readonly selectedMultipleDateRangesChange: EventEmitter<Array<DateRange<D>>>;
     /** Event thrown every time when value is overwritten from outside and throw back isValid */
     readonly isValidDateChange: EventEmitter<boolean>;
     /** Event thrown every time when calendar should be closed */
@@ -134,21 +153,20 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
     escapeFocusFunction: EscapeFocusFunction;
     /**
      * Function used to disable certain dates in the calendar.
-     * @param date date
      */
     disableFunction: DisableDateFunction<D>;
     /**
      * Function used to disable certain dates in the calendar for the range start selection.
-     * @param date date
      */
     disableRangeStartFunction: DisableDateFunction<D>;
     /**
      * Function used to disable certain dates in the calendar for the range end selection.
-     * @param date date
      */
     disableRangeEndFunction: DisableDateFunction<D>;
     /** @hidden */
-    onChange: (_: D | DateRange<D>) => void;
+    focusOut(event: FocusEvent): void;
+    /** @hidden */
+    onChange: (_: D | Array<D> | DateRange<D> | Array<DateRange<D>>) => void;
     /** @hidden */
     onTouched: () => void;
     /** @hidden */
@@ -163,7 +181,7 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
      * @hidden
      * Function that provides support for ControlValueAccessor that allows to use [(ngModel)] or forms.
      */
-    writeValue(selected: DateRange<D> | D): void;
+    writeValue(selected: D | Array<D> | DateRange<D> | Array<DateRange<D>>): void;
     /**
      * @hidden
      * Function that implements Validator Interface, adds validation support for forms
@@ -186,11 +204,21 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
      * Method that is triggered by events from day view component, when there is selected single date changed
      */
     selectedDateChanged(date: D): void;
+    /**
+     * @hidden
+     * Method that is triggered by events from day view component, when there is selected multi date changed
+     */
+    selectedMultipleDatesChanged(date: Array<D>): void;
     /**
      * @hidden
      * Method that is triggered by events from day view component, when there is selected range date changed
      */
     selectedRangeDateChanged(dates: DateRange<D>): void;
+    /**
+     * @hidden
+     * Method that is triggered by events from day view component, when there is selected range date changed
+     */
+    selectedMultipleDateRangesChanged(dates: Array<DateRange<D>>): void;
     /** Function that handles next arrow icon click, depending on current view it changes month, year or list of years */
     handleNextArrowClick(): void;
     /** Function that handles previous arrow icon click, depending on current view it changes month, year or list of years */
@@ -248,11 +276,13 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
      */
     private _prepareDisplayedView;
     /** @hidden */
+    private _setCurrentlyDisplayed;
+    /** @hidden */
     private _getActiveFocusableView;
     /** @hidden */
     private _setNavigationButtonsStates;
     /** @hidden */
-    private _focusOut;
+    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; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "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; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "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"; "selectedRangeDateChange": "selectedRangeDateChange"; "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; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "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>;
 }

package/calendar/types.d.ts

@@ -2,8 +2,20 @@ import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { CalendarCurrent } from './models/calendar-current';
 /** Type of calendar */
 export type CalendarType = 'single' | 'range';
+/** Enum of calendarTypes */
+export declare enum CalendarTypeEnum {
+    Single = "single",
+    Range = "range"
+}
 /** Type for the calendar view */
 export type FdCalendarView = 'day' | 'month' | 'year' | 'aggregatedYear';
+/** Type for the calendar view */
+export declare enum FdCalendarViewEnum {
+    Day = "day",
+    Month = "month",
+    Year = "year",
+    AggregatedYear = "aggregatedYear"
+}
 /** Type for the days of the week. */
 export type DaysOfWeek = 1 | 2 | 3 | 4 | 5 | 6 | 7;
 export type NavigationButtonDisableFunction<D> = (date: Nullable<D>, currentlyDisplayedDate: CalendarCurrent, activeView: FdCalendarView) => boolean;

package/checkbox/checkbox/checkbox.component.d.ts

@@ -48,6 +48,8 @@ export declare class CheckboxComponent<T = unknown> implements ControlValueAcces
     label: string;
     /** Allows to disable/enable control. */
     disabled: boolean;
+    /** Disables editibility */
+    readonly: boolean;
     /** Enables controls third state. */
     tristate: boolean;
     /** Allows to prevent user from manually selecting controls third state. */
@@ -111,6 +113,10 @@ export declare class CheckboxComponent<T = unknown> implements ControlValueAcces
     registerOnTouched(fn: () => void): void;
     /** @hidden Called by FormControl - used to disable / enable control.*/
     setDisabledState(disabled: boolean): void;
+    /** @hidden Called by FormControl - used to disable editablity.*/
+    setReadOnlyState(readonly: boolean): void;
+    /** @hidden */
+    setStyleState(state: FormStates): void;
     /**
      * @hidden
      * Based on current control state:
@@ -140,5 +146,5 @@ export declare class CheckboxComponent<T = unknown> implements ControlValueAcces
     /** Method to trigger change detection in component */
     private _detectChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent<any>, [null, { attribute: "tabIndexValue"; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent<any>, "fd-checkbox", never, { "wrapLabel": { "alias": "wrapLabel"; "required": false; }; "valignLabel": { "alias": "valignLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "role": { "alias": "role"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "title": { "alias": "title"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tristate": { "alias": "tristate"; "required": false; }; "tristateSelectable": { "alias": "tristateSelectable"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "required": { "alias": "required"; "required": false; }; "displayOnly": { "alias": "displayOnly"; "required": false; }; "values": { "alias": "values"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; }, { "focusChange": "focusChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent<any>, "fd-checkbox", never, { "wrapLabel": { "alias": "wrapLabel"; "required": false; }; "valignLabel": { "alias": "valignLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "role": { "alias": "role"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "title": { "alias": "title"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tristate": { "alias": "tristate"; "required": false; }; "tristateSelectable": { "alias": "tristateSelectable"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "required": { "alias": "required"; "required": false; }; "displayOnly": { "alias": "displayOnly"; "required": false; }; "values": { "alias": "values"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; }, { "focusChange": "focusChange"; }, never, ["*"], true, never>;
 }