@tedi-design-system/angular 6.5.0-rc.17 → 6.5.0-rc.19

package/tedi/index.d.ts

@@ -1,18 +1,18 @@
 import * as _angular_core from '@angular/core';
-import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, ElementRef, TemplateRef, OnDestroy, Injector, InjectionToken, WritableSignal, OnInit, AfterContentInit, AfterViewChecked, QueryList, EnvironmentProviders } from '@angular/core';
+import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, ElementRef, TemplateRef, OnDestroy, Injector, InjectionToken, WritableSignal, OnInit, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
 import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/tedi';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { Table, VisibilityState, ColumnOrderState, ColumnSizingState, RowSelectionState, ExpandedState, ColumnFiltersState, SortingState, PaginationState, ColumnDef, CellContext, Row, Column } from '@tanstack/angular-table';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { ConnectedOverlayPositionChange, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { _IdGenerator } from '@angular/cdk/a11y';
 import { CdkListbox } from '@angular/cdk/listbox';
 import { Observable } from 'rxjs';
 import { DialogRef } from '@angular/cdk/dialog';
 import { ComponentType } from '@angular/cdk/portal';
 import * as i1 from '@angular/cdk/scrolling';
-import { _IdGenerator } from '@angular/cdk/a11y';
 
 type IconSize = 8 | 12 | 16 | 18 | 24 | 36 | 48 | "inherit";
 type IconVariant = "filled" | "outlined";
@@ -1361,6 +1361,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "date-picker.today": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "date-picker.go-next-month": {
         description: string;
         components: string[];
@@ -1368,6 +1375,41 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "date-picker.calendar-nav": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "date-picker.choose-month": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "date-picker.choose-year": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "date-picker.week-number": {
+        description: string;
+        components: string[];
+        et: (n: number) => string;
+        en: (n: number) => string;
+        ru: (n: number) => string;
+    };
+    "date-picker.week-number-header": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "date-picker.go-prev-month": {
         description: string;
         components: string[];
@@ -1417,6 +1459,41 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "date-field.remove-chip": {
+        description: string;
+        components: string[];
+        et: (label: string) => string;
+        en: (label: string) => string;
+        ru: (label: string) => string;
+    };
+    "date-field.calendar-dialog": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "date-field.modal-title": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "date-field.confirm": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "date-field.cancel": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "time-picker.hours": {
         description: string;
         components: string[];
@@ -2375,6 +2452,437 @@ declare class CarouselNavigationComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselNavigationComponent, "tedi-carousel-navigation", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * A date range with an inclusive start (`from`) and optional inclusive end (`to`).
+ * When `to` is undefined the range degenerates to the single day `from`.
+ */
+type DateRange = {
+    from: Date;
+    to?: Date;
+};
+/**
+ * Formats a Date object to dd.MM.yyyy string format.
+ *
+ * Thin wrapper around `formatLocaleDate(date, 'et-EE')` kept for back-compat.
+ * New code should call `formatLocaleDate` directly with the desired locale.
+ */
+declare function formatDate(date: Date): string;
+/**
+ * Parses a dd.MM.yyyy string to a Date object.
+ * Returns null if the string is invalid.
+ *
+ * Thin wrapper around `parseLocaleDate(str, 'et-EE')` kept for back-compat.
+ * Note: `parseLocaleDate` returns `Date | undefined`; this wrapper normalizes
+ * undefined to null so existing callers asserting `=== null` still work.
+ */
+declare function parseDate(str: string): Date | null;
+/**
+ * Checks if two dates represent the same calendar day.
+ */
+declare function isSameDay(a: Date, b: Date): boolean;
+/**
+ * Checks if date a is before date b (day-level, time ignored).
+ */
+declare function isBeforeDay(a: Date, b: Date): boolean;
+/**
+ * Checks if date a is after date b (day-level, time ignored).
+ */
+declare function isAfterDay(a: Date, b: Date): boolean;
+/**
+ * Returns the ISO week number for a given date.
+ */
+declare function getISOWeek(date: Date): number;
+/**
+ * Returns a new Date offset by `n` days from `date`. `n` may be negative.
+ */
+declare function addDays(date: Date, n: number): Date;
+/**
+ * Returns a new Date offset by `n` months from `date`. Clamps the day to the
+ * last day of the target month (e.g. Jan 31 + 1 month → Feb 28/29).
+ */
+declare function addMonths(date: Date, n: number): Date;
+/**
+ * Returns a new Date offset by `n` years from `date`. Clamps Feb 29 to Feb 28
+ * in non-leap target years.
+ */
+declare function addYears(date: Date, n: number): Date;
+/**
+ * Returns the first day of the month for `date` at 00:00 local time.
+ */
+declare function startOfMonth(date: Date): Date;
+/**
+ * Returns the last day of the month for `date` at 00:00 local time.
+ */
+declare function endOfMonth(date: Date): Date;
+/**
+ * Returns the first day of the week containing `date`, given a locale's
+ * first day of week (0=Sun..6=Sat).
+ */
+declare function startOfWeek(date: Date, firstDayOfWeek: number): Date;
+/**
+ * Returns the number of days in the given month/year. `monthIndex` is 0-based.
+ */
+declare function getDaysInMonth(year: number, monthIndex: number): number;
+/**
+ * Checks if two dates fall in the same calendar month and year.
+ */
+declare function isSameMonth(a: Date, b: Date): boolean;
+/**
+ * Checks if two dates fall in the same calendar year.
+ */
+declare function isSameYear(a: Date, b: Date): boolean;
+/**
+ * Returns the locale's first day of week as a JS day index (0=Sun..6=Sat).
+ *
+ * Reads `Intl.Locale(localeCode).getWeekInfo()` when available, falling back
+ * to 1 (Monday) when unavailable. Intl returns 1-7 (1=Mon..7=Sun); this
+ * function converts to JS's 0-6 convention.
+ */
+declare function getFirstDayOfWeek(localeCode: string): number;
+/**
+ * Returns 12 month names (January..December) in the requested locale and format.
+ */
+declare function getMonthNames(localeCode: string, format: "long" | "short"): string[];
+/**
+ * Returns 7 weekday names starting at `firstDayOfWeek` (0=Sun..6=Sat) in the
+ * requested locale and format.
+ */
+declare function getWeekdayNames(localeCode: string, format: "long" | "short" | "narrow", firstDayOfWeek: number): string[];
+/**
+ * Formats a Date according to the given locale's short numeric form.
+ * For `et-EE` produces `dd.MM.yyyy`; for `en-US` `MM/dd/yyyy`; for `en-GB`
+ * `dd/MM/yyyy`; etc.
+ */
+declare function formatLocaleDate(date: Date, localeCode: string): string;
+/**
+ * Formats a Date as a long-form, locale-aware string suitable for
+ * `aria-label` use — e.g. for `en-US` produces "Friday, May 16, 2026" and for
+ * `et-EE` "reede, 16. mai 2026". Matches react-day-picker's `labelDay` shape.
+ */
+declare function formatLocaleDateLong(date: Date, localeCode: string): string;
+/**
+ * Formats a Date as a locale-aware "Month Year" string — e.g. "May 2026" for
+ * `en-US` and "mai 2026" for `et-EE`. Used as the aria-label for the day
+ * grid and inside the calendar header's aria-live region so screen readers
+ * announce the visible month/year on navigation.
+ */
+declare function formatMonthYear(date: Date, localeCode: string): string;
+/**
+ * Builds a locale-aware manual-entry hint such as `pp.kk.aaaa` (et-EE),
+ * `dd.mm.yyyy` (en) or `дд.мм.гггг` (ru). Field order and separators are
+ * derived from `Intl.DateTimeFormat` (so they always match what the field
+ * formats and parses), while the letter tokens are localized per language.
+ * Falls back to English tokens for unknown languages.
+ */
+declare function formatLocaleDateHint(localeCode: string): string;
+/**
+ * Parses a locale-formatted date string back into a Date.
+ *
+ * Algorithm (mirrors React's defaultParseDate):
+ *   1. Format a reference date with distinct y/m/d digits via Intl.DateTimeFormat.
+ *   2. Walk `formatToParts` to discover the field order and the literal
+ *      separators the locale uses.
+ *   3. Build a regex from that ordering using field-aware digit ranges
+ *      (day/month: 1-2 digits, year: 2 or 4 digits) and the actual escaped
+ *      separators. 3-digit years are rejected.
+ *   4. Match the (trimmed) input; reject if no match.
+ *   5. Validate ranges and check the constructed Date round-trips (so e.g.
+ *      Feb 30 is rejected).
+ *
+ * Returns `undefined` on any failure — silent, caller decides UX.
+ */
+declare function parseLocaleDate(value: string, localeCode: string): Date | undefined;
+/**
+ * Returns true if `date` falls within the inclusive `[from, to]` range
+ * (day-level). When `to` is undefined, only `from` matters (same-day check).
+ */
+declare function isDateInRange(date: Date, range: DateRange): boolean;
+/**
+ * Toggles a date in an array of dates (day-level). If a same-day entry exists
+ * it is removed; otherwise the date is appended. Returns a new array.
+ */
+declare function toggleDateInArray(dates: Date[], date: Date): Date[];
+/**
+ * Builds a 6×7 grid of Date cells for the calendar day view.
+ *
+ * - The first weekday of the month is found, then we walk back to
+ *   `firstDayOfWeek` to fill leading cells.
+ * - Cells outside the current month are real Date objects when
+ *   `showOutsideDays` is true, otherwise `null`.
+ * - Always returns 6 rows × 7 cells (42 cells total).
+ */
+declare function buildMonthGrid(month: Date, firstDayOfWeek: number, showOutsideDays: boolean): (Date | null)[][];
+
+type DateBefore = {
+    before: Date;
+};
+type DateAfter = {
+    after: Date;
+};
+type DateInterval = {
+    before: Date;
+    after: Date;
+};
+type DayOfWeek = {
+    dayOfWeek: number[];
+};
+type Matcher = boolean | Date | Date[] | DateBefore | DateAfter | DateInterval | DateRange | DayOfWeek | ((date: Date) => boolean);
+/**
+ * Returns whether `date` matches the given matcher.
+ *
+ * Semantics mirror react-day-picker:
+ * - `boolean` — returned as-is.
+ * - `Date` — true if same day.
+ * - `Date[]` — true if any entry is the same day.
+ * - `{ before }` — true if date is strictly before `before` (day-level).
+ * - `{ after }` — true if date is strictly after `after` (day-level).
+ * - `{ before, after }` — true if date is OUTSIDE the interval `(after, before)`
+ *   (i.e. `date <= after || date >= before`, day-level).
+ * - `{ from, to? }` — true if date is within `[from, to]` inclusive (day-level).
+ *   If `to` is omitted, only `from` matters.
+ * - `{ dayOfWeek }` — true if `date.getDay()` is in the array.
+ * - function — called with the date.
+ */
+declare function matchDate(date: Date, matcher: Matcher): boolean;
+/**
+ * Returns true if any matcher in the list matches the given date.
+ * An empty array returns false.
+ */
+declare function matchAny(date: Date, matchers: Matcher[]): boolean;
+
+type StatusIndicatorType = "success" | "danger" | "warning" | "inactive";
+type StatusIndicatorSize = "sm" | "lg";
+type StatusIndicatorPosition = "default" | "top-right";
+declare class StatusIndicatorComponent {
+    /**
+     * Accessible label for the indicator. When provided, the indicator is
+     * exposed to assistive technology with `role="img"`. When omitted, the
+     * indicator is treated as decorative (`aria-hidden="true"`).
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The status type, which determines the indicator color.
+     * @default success
+     */
+    readonly type: _angular_core.InputSignal<StatusIndicatorType>;
+    /**
+     * The size of the indicator.
+     * @default sm
+     */
+    readonly size: _angular_core.InputSignal<StatusIndicatorSize>;
+    /**
+     * Whether the indicator has a white border ring.
+     * @default false
+     */
+    readonly hasBorder: _angular_core.InputSignal<boolean>;
+    /**
+     * Controls positioning of the indicator.
+     * - `'default'` — inline, no absolute positioning
+     * - `'top-right'` — absolutely positioned at the top-right corner of the parent
+     * @default default
+     */
+    readonly position: _angular_core.InputSignal<StatusIndicatorPosition>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusIndicatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusIndicatorComponent, "tedi-status-indicator", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type CalendarView = "days" | "months" | "years";
+type DateFieldMode = "single" | "multiple" | "range";
+
+interface DayStatus {
+    type: StatusIndicatorType;
+    /**
+     * Accessible label for the status. Surfaced on the day button's `aria-label`
+     * so screen readers announce the date together with its status — required to
+     * meet WCAG 1.1.1 / 1.4.1 since the indicator dot alone is decorative.
+     */
+    label: string;
+}
+type DayStatusFn = (date: Date) => DayStatus | null | undefined;
+
+type CalendarValue = Date | Date[] | DateRange | null;
+type DayPredicate = (date: Date) => boolean;
+type DayAvailabilityInput$1 = Date[] | DayPredicate | undefined;
+type MonthPredicate$1 = (month: Date) => boolean;
+type YearPredicate$1 = (year: Date) => boolean;
+declare class CalendarComponent implements ControlValueAccessor {
+    /**
+     * Active view (two-way). `days` shows the day grid, `months` the month grid,
+     * `years` the year grid. Driven by `selectionLevel` and the header navigation,
+     * but can be set directly to open the calendar on a specific level.
+     */
+    readonly view: _angular_core.ModelSignal<CalendarView>;
+    /**
+     * The first (left-most) month shown (two-way). Drives which month grid is
+     * rendered and is updated by header navigation and keyboard paging. For
+     * multi-month layouts the additional months follow this one.
+     */
+    readonly currentMonth: _angular_core.ModelSignal<Date>;
+    /**
+     * The selected value (two-way / `ControlValueAccessor`). Shape follows `mode`:
+     * `single` → `Date | null`, `multiple` → `Date[]`, `range` → `{ from, to }`.
+     */
+    readonly value: _angular_core.ModelSignal<CalendarValue>;
+    /**
+     * Selection mode. `single` selects one date, `multiple` toggles dates in an
+     * array, `range` builds a `{ from, to }` range across two clicks.
+     */
+    readonly mode: _angular_core.InputSignal<DateFieldMode>;
+    /**
+     * Lowest level the user can commit to. `days` shows the day grid as the final
+     * step; `months` and `years` commit at that level instead.
+     */
+    readonly selectionLevel: _angular_core.InputSignal<CalendarView>;
+    /**
+     * BCP-47 locale used for weekday/month names and the first day of the week.
+     */
+    readonly localeCode: _angular_core.InputSignal<string>;
+    /**
+     * Render the trailing/leading days from the adjacent month inside the current
+     * month's grid.
+     */
+    readonly showOutsideDays: _angular_core.InputSignal<boolean>;
+    /** Render the ISO week-number column at the start of each row. */
+    readonly showWeekNumbers: _angular_core.InputSignal<boolean>;
+    /** Show the previous/next navigation chevrons in the header. */
+    readonly showNavigation: _angular_core.InputSignal<boolean>;
+    /**
+     * Render the calendar with its own outer border and rounded corners. Disable
+     * when embedding inside a surface that already has a border (e.g. the
+     * DateField overlay).
+     */
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    /**
+     * Matchers that mark dates as disabled. Each matcher can be a `Date`, `Date[]`,
+     * `{ before }`, `{ after }`, `{ before, after }`, `{ from, to? }`,
+     * `{ dayOfWeek: number[] }`, or a `(date) => boolean` predicate.
+     */
+    readonly disabledMatchers: _angular_core.InputSignal<Matcher[]>;
+    /**
+     * Whitelist of selectable days — an explicit `Date[]` or a predicate
+     * `(date) => boolean`. Days outside the whitelist are disabled.
+     */
+    readonly availableDays: _angular_core.InputSignal<DayAvailabilityInput$1>;
+    /**
+     * Blacklist of unavailable days — a `Date[]` or a predicate `(date) => boolean`.
+     * Takes precedence over `availableDays`.
+     */
+    readonly unavailableDays: _angular_core.InputSignal<DayAvailabilityInput$1>;
+    /**
+     * Function `(date) => { type, label } | null | undefined` that overlays a
+     * `tedi-status-indicator` dot on specific days. The `label` is surfaced on the
+     * day button's `aria-label` for screen readers.
+     */
+    readonly dayStatus: _angular_core.InputSignal<DayStatusFn | undefined>;
+    /**
+     * How the header exposes month/year picking. `dropdown` shows two dropdowns;
+     * `grid` switches the body to a month or year grid when the header label is
+     * clicked; `static` renders just the label — only the prev/next chevrons can
+     * change the month.
+     */
+    readonly monthYearSelectType: _angular_core.InputSignal<"static" | "dropdown" | "grid">;
+    /**
+     * When `mode='multiple'`, prevents clearing the last selected date — at least
+     * one date must remain selected.
+     */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * How many consecutive months to render side by side. Useful for range
+     * selection. The visible count is capped to what fits the viewport width.
+     */
+    readonly numberOfMonths: _angular_core.InputSignal<number>;
+    /**
+     * Disables all interactions. Combines with the reactive-forms disabled state.
+     */
+    readonly inputDisabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Predicate `(month) => boolean` returning `true` to disable a whole month
+     * (header navigation and the month grid). Leave `undefined` to disable nothing.
+     */
+    readonly shouldDisableMonth: _angular_core.InputSignal<MonthPredicate$1 | undefined>;
+    /**
+     * Predicate `(year) => boolean` returning `true` to disable a whole year
+     * (header navigation and the year grid). Leave `undefined` to disable nothing.
+     */
+    readonly shouldDisableYear: _angular_core.InputSignal<YearPredicate$1 | undefined>;
+    /**
+     * Earliest year offered in the year grid/dropdown. Defaults to 10 years before
+     * the current year when `null`.
+     */
+    readonly minYear: _angular_core.InputSignal<number | null>;
+    /**
+     * Latest year offered in the year grid/dropdown. Defaults to 10 years after
+     * the current year when `null`.
+     */
+    readonly maxYear: _angular_core.InputSignal<number | null>;
+    /**
+     * Emitted whenever a value is committed. `date` is the new full value (shape
+     * follows `mode`); `day` is the specific day/month/year that was clicked.
+     */
+    readonly select: _angular_core.OutputEmitterRef<{
+        date: CalendarValue;
+        day: Date;
+    }>;
+    private readonly hostEl;
+    private readonly injector;
+    private readonly destroyRef;
+    readonly yearPageSize = 12;
+    private readonly cvaDisabled;
+    private readonly internalYearPageStart;
+    readonly hoveredDay: _angular_core.WritableSignal<Date | null>;
+    private readonly viewportWidth;
+    private onChange;
+    private onTouched;
+    constructor();
+    private static readonly VIEWPORT_MARGIN_PX;
+    private updateFitColumns;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly firstDayOfWeek: _angular_core.Signal<number>;
+    readonly monthDates: _angular_core.Signal<Date[]>;
+    readonly resolvedMinYear: _angular_core.Signal<number>;
+    readonly resolvedMaxYear: _angular_core.Signal<number>;
+    readonly yearPageStart: _angular_core.Signal<number>;
+    readonly selectedSingle: _angular_core.Signal<Date | null>;
+    readonly computedDisabledMatchers: _angular_core.Signal<Matcher[]>;
+    readonly effectiveIsMonthDisabled: _angular_core.Signal<MonthPredicate$1>;
+    readonly effectiveIsYearDisabled: _angular_core.Signal<YearPredicate$1>;
+    writeValue(value: CalendarValue): void;
+    registerOnChange(fn: (value: CalendarValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    handlePrev(): void;
+    handleNext(): void;
+    handleHeaderMonthChange(monthStartDate: Date, index?: number): void;
+    handleHeaderYearChange(yearStartDate: Date, index?: number): void;
+    handleHeaderViewChange(nextView: CalendarView): void;
+    handleDaySelect(day: Date): void;
+    handleMonthSelect(monthStartDate: Date): void;
+    handleYearSelect(yearStartDate: Date): void;
+    private applyModeSelection;
+    handleKeydown(event: KeyboardEvent): void;
+    private handleDaysKeydown;
+    private computeDayKeyTarget;
+    private skipDisabledDays;
+    private adjustCurrentMonthForFocus;
+    private handleMonthsKeydown;
+    private handleYearsKeydown;
+    private focusGridIndex;
+    private queryGridButtons;
+    /**
+     * Moves focus to the calendar's active cell — the roving-tabindex day in the
+     * day view, or the first enabled control in the month/year views. Used by
+     * popover hosts (e.g. date-field) to pull focus into the calendar when it
+     * opens, since the CDK overlay is detached from the trigger in DOM order.
+     */
+    focusActiveCell(): void;
+    private focusDayCell;
+    private commit;
+    private partialRange;
+    private deriveAnchor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "tedi-calendar", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "currentMonth": { "alias": "currentMonth"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "disabledMatchers": { "alias": "disabledMatchers"; "required": false; "isSignal": true; }; "availableDays": { "alias": "availableDays"; "required": false; "isSignal": true; }; "unavailableDays": { "alias": "unavailableDays"; "required": false; "isSignal": true; }; "dayStatus": { "alias": "dayStatus"; "required": false; "isSignal": true; }; "monthYearSelectType": { "alias": "monthYearSelectType"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "shouldDisableMonth": { "alias": "shouldDisableMonth"; "required": false; "isSignal": true; }; "shouldDisableYear": { "alias": "shouldDisableYear"; "required": false; "isSignal": true; }; "minYear": { "alias": "minYear"; "required": false; "isSignal": true; }; "maxYear": { "alias": "maxYear"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "currentMonth": "currentMonthChange"; "value": "valueChange"; "select": "select"; }, never, ["[tediCalendarFooter]"], true, never>;
+}
+
 type PaginationBackground = "white" | "transparent";
 /**
  * Visibility toggle for the results / page-size / pager / arrow slots.
@@ -4486,19 +4994,415 @@ declare class RadioCardGroupComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioCardGroupComponent, "tedi-radio-card-group", never, { "grouped": { "alias": "grouped"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class DatePickerCalendarGridComponent {
-    private readonly gridElement;
-    /** Grid element unique ID for ARIA */
-    readonly gridId: _angular_core.InputSignal<string>;
-    /** Week rows containing day data */
-    readonly weekRows: _angular_core.InputSignal<DatePickerDay[][]>;
-    /** Week numbers for each row */
-    readonly weekNumbers: _angular_core.InputSignal<number[]>;
-    /** Whether to show week numbers */
-    readonly showWeekNumbers: _angular_core.InputSignal<boolean>;
-    /** Currently active date for keyboard navigation */
-    readonly activeDate: _angular_core.InputSignal<Date | null>;
-    /** Currently selected date */
+type EllipsisPosition = "start" | "end";
+declare class EllipsisComponent {
+    /** Maximum number of lines before truncating. End (multi-line) only. */
+    readonly lineClamp: _angular_core.InputSignal<number>;
+    /** Whether truncated content shows a hover/focus tooltip with full text. */
+    readonly tooltip: _angular_core.InputSignal<boolean>;
+    /** Ellipsis position. 'start' = leading, single-line. 'end' = trailing, multi-line. */
+    readonly position: _angular_core.InputSignal<EllipsisPosition>;
+    readonly content: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly isEllipsed: _angular_core.WritableSignal<boolean>;
+    readonly fullText: _angular_core.WritableSignal<string>;
+    constructor();
+    readonly contentClasses: _angular_core.Signal<string>;
+    readonly clampStyle: _angular_core.Signal<string | null>;
+    private updateEllipsedState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EllipsisComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EllipsisComponent, "tedi-ellipsis", never, { "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TagType = "primary" | "secondary" | "danger";
+type TagEllipsis = "start" | "end" | false;
+declare class TagComponent {
+    readonly idGenerator: _IdGenerator;
+    readonly uniqueId: string;
+    /**
+     * Whether the tag is in loading state.
+     * When true, a spinner will be displayed inside the tag.
+     * @default false
+     */
+    loading: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the tag can be closed.
+     * When true, a close button will be displayed that emits the 'closed' event when clicked.
+     * @default false
+     */
+    closable: _angular_core.InputSignal<boolean>;
+    /**
+     * The visual style of the tag.
+     * Possible values: 'primary', 'secondary', 'danger'
+     * @default "primary"
+     */
+    type: _angular_core.InputSignal<TagType>;
+    /**
+     * Which end the label truncates from when it doesn't fit. `false` (default)
+     * never truncates — the label wraps and the tag keeps its full width. `end`
+     * shows an ellipsis at the end (`Long label…`); `start` shows it at the start
+     * (`…label`), which keeps the most significant part of values like dates
+     * visible. Truncation only kicks in when the tag is width-constrained, and the
+     * full label is revealed in a tooltip on hover/focus.
+     * @default false
+     */
+    ellipsis: _angular_core.InputSignal<TagEllipsis>;
+    /**
+     * Event emitted when the close button is clicked.
+     */
+    closed: _angular_core.OutputEmitterRef<Event>;
+    classes: _angular_core.Signal<string>;
+    ellipsisPosition: _angular_core.Signal<EllipsisPosition>;
+    handleClose(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "tedi-tag", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+interface DateInputTag {
+    id: string;
+    label: string;
+}
+declare class DateInputComponent implements AfterViewChecked {
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly tags: _angular_core.InputSignal<readonly DateInputTag[]>;
+    readonly mode: _angular_core.InputSignal<DateFieldMode>;
+    /**
+     * Multiple mode: when `true` (default) the tags wrap to multiple rows and the
+     * field grows in height. When `false` the tags stay on a single row and the
+     * overflow collapses into a "+N" counter tag.
+     */
+    readonly multiRow: _angular_core.InputSignal<boolean>;
+    /** Which end the tag labels truncate from when they don't fit (`false` = no truncation). */
+    readonly ellipsis: _angular_core.InputSignal<TagEllipsis>;
+    /** Whether the tags show a remove (close) button. */
+    readonly removable: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readOnly: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly iconActive: _angular_core.InputSignal<boolean>;
+    readonly iconDisabled: _angular_core.InputSignal<boolean>;
+    readonly useNativePicker: _angular_core.InputSignal<boolean>;
+    readonly nativeIsoValue: _angular_core.InputSignal<string>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly inputChange: _angular_core.OutputEmitterRef<string>;
+    readonly iconClick: _angular_core.OutputEmitterRef<void>;
+    readonly tagRemove: _angular_core.OutputEmitterRef<string>;
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    private readonly translationService;
+    private readonly ngZone;
+    private readonly inputElement;
+    private readonly fieldElement;
+    private readonly tagElements;
+    /** Number of tags that fit on a single row; `null` until measured. */
+    readonly visibleTagsCount: _angular_core.WritableSignal<number | null>;
+    constructor();
+    ngAfterViewChecked(): void;
+    onResize(): void;
+    readonly hasTags: _angular_core.Signal<boolean>;
+    readonly visibleTags: _angular_core.Signal<readonly DateInputTag[]>;
+    readonly hiddenTagsCount: _angular_core.Signal<number>;
+    readonly inputType: _angular_core.Signal<"date" | "text">;
+    readonly inputValue: _angular_core.Signal<string>;
+    readonly showClear: _angular_core.Signal<boolean>;
+    readonly iconAriaLabel: _angular_core.Signal<string>;
+    readonly clearAriaLabel: _angular_core.Signal<string>;
+    handleInput(event: Event): void;
+    handleIconClick(): void;
+    handleTagRemove(id: string): void;
+    handleClear(): void;
+    private calculateVisibleTags;
+    private getAvailableTagWidth;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "tedi-date-input", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "iconActive": { "alias": "iconActive"; "required": false; "isSignal": true; }; "iconDisabled": { "alias": "iconDisabled"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "nativeIsoValue": { "alias": "nativeIsoValue"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "inputChange": "inputChange"; "iconClick": "iconClick"; "tagRemove": "tagRemove"; "clear": "clear"; }, never, never, true, never>;
+}
+
+/**
+ * Interface implemented by controls that can be used inside `tedi-form-field`.
+ * Allows the form field container to interact with the underlying control.
+ */
+interface FormFieldControl<T = unknown> {
+    /**
+     * Current value of the control.
+     */
+    value: Signal<T>;
+    /**
+     * Whether the control is disabled.
+     */
+    disabled: Signal<boolean>;
+    /** Reactive invalid state (driven by FormField) */
+    invalid: Signal<boolean>;
+    /** Called by FormField to update invalid state */
+    setInvalidState(isInvalid: boolean): void;
+    /**
+     * Optional method used by the form field clear button.
+     * If implemented, the form field can trigger clearing the value.
+     */
+    clearField?(): void;
+}
+/**
+ * Injection token used by `tedi-form-field` to obtain
+ * the associated control instance.
+ */
+declare const TEDI_FORM_FIELD_CONTROL: InjectionToken<FormFieldControl<unknown>>;
+
+type DateFieldValue = Date | Date[] | DateRange | null;
+type DateFieldFormatter = (value: DateFieldValue) => string;
+type DateFieldParser = (value: string) => DateFieldValue | undefined;
+type DayAvailabilityInput = Date[] | ((d: Date) => boolean) | undefined;
+type MonthPredicate = (month: Date) => boolean;
+type YearPredicate = (year: Date) => boolean;
+type DateFieldCalendarTrigger = "input" | "button";
+type DateFieldModalInput = boolean | "sm" | "md" | "lg" | "xl";
+type DateFieldUseNativePicker = boolean | "sm" | "md" | "lg" | "xl";
+type DateFieldSize = "default" | "small";
+declare class DateFieldComponent implements ControlValueAccessor, FormFieldControl<DateFieldValue> {
+    /**
+     * Unique ID for label association and accessibility. Bind the sibling
+     * `<label tedi-label [for]>` to the same value.
+     */
+    readonly inputId: _angular_core.InputSignal<string>;
+    /**
+     * The selected value (two-way / `ControlValueAccessor`). Shape follows `mode`:
+     * `single` → `Date | null`, `multiple` → `Date[]`, `range` → `{ from, to }`.
+     */
+    readonly value: _angular_core.ModelSignal<DateFieldValue>;
+    /**
+     * Selection mode. `single` selects one date, `multiple` toggles dates in an
+     * array (rendered as tags), `range` builds a `{ from, to }` range across two
+     * clicks.
+     */
+    readonly mode: _angular_core.InputSignal<DateFieldMode>;
+    /**
+     * `multiple` mode tag layout. `true` (default) wraps tags across rows and
+     * grows the field height; `false` keeps a single row and collapses overflow
+     * into a "+N" counter.
+     */
+    readonly multiRow: _angular_core.InputSignal<boolean>;
+    /**
+     * Which end the `multiple`-mode tags truncate from when a label doesn't fit.
+     * `false` (default) never truncates; `end` → `05.06…`; `start` → `…06.2026`
+     * (keeps the year visible).
+     */
+    readonly tagEllipsis: _angular_core.InputSignal<TagEllipsis>;
+    /**
+     * Whether `multiple`-mode tags show a remove button. `true` (default) lets
+     * users remove a selected date by closing its tag; `false` renders them as
+     * read-only chips.
+     */
+    readonly isTagRemovable: _angular_core.InputSignal<boolean>;
+    /** Placeholder rendered in the input when there is no value. */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Disables specific days via matchers (does not disable the whole field).
+     * Accepts a `Date`, `Date[]`, `{ before }`, `{ after }`, `{ from, to? }`,
+     * `{ dayOfWeek: number[] }`, or a `(date) => boolean` predicate (single or
+     * array). Named `disabledMatchers` (not `disabled`) so it doesn't clash with
+     * `FormControlDirective`'s boolean `disabled` when used with `[formControl]`.
+     */
+    readonly disabledMatchers: _angular_core.InputSignal<Matcher | Matcher[] | undefined>;
+    /** Disables the field entirely — text input, icon button, and calendar. */
+    readonly inputDisabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Blocks typing into the input but leaves the calendar interactive — useful
+     * for guided picking.
+     */
+    readonly readOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Marks the input as required (sets the native `required` attribute). In
+     * `multiple` mode it also prevents clearing the last selected date. The
+     * asterisk indicator lives on the sibling `<label tedi-label [required]>` —
+     * bind it there too, since DateField owns no label.
+     */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** Field size — matches the surrounding `tedi-form-field`. */
+    readonly size: _angular_core.InputSignal<DateFieldSize>;
+    /** Disables all dates before this date (inclusive boundary stays enabled). */
+    readonly minDate: _angular_core.InputSignal<Date | undefined>;
+    /** Disables all dates after this date (inclusive boundary stays enabled). */
+    readonly maxDate: _angular_core.InputSignal<Date | undefined>;
+    /** Disable all dates before today. */
+    readonly disablePast: _angular_core.InputSignal<boolean>;
+    /** Disable all dates after today. */
+    readonly disableFuture: _angular_core.InputSignal<boolean>;
+    /**
+     * Predicate `(month) => boolean` returning `true` to disable a whole month in
+     * the calendar's month navigation/grid. Leave `undefined` to disable nothing.
+     */
+    readonly shouldDisableMonth: _angular_core.InputSignal<MonthPredicate | undefined>;
+    /**
+     * Predicate `(year) => boolean` returning `true` to disable a whole year in
+     * the calendar's year navigation/grid. Leave `undefined` to disable nothing.
+     */
+    readonly shouldDisableYear: _angular_core.InputSignal<YearPredicate | undefined>;
+    /**
+     * Whitelist of selectable days — an explicit `Date[]` or a predicate
+     * `(date) => boolean`. Every other day is disabled.
+     */
+    readonly availableDays: _angular_core.InputSignal<DayAvailabilityInput>;
+    /**
+     * Blacklist of unavailable days — a `Date[]` or a predicate `(date) => boolean`.
+     * Takes precedence over `availableDays`.
+     */
+    readonly unavailableDays: _angular_core.InputSignal<DayAvailabilityInput>;
+    /**
+     * Lowest level the user can commit to. `days` shows the day grid as the final
+     * step; `months` and `years` commit at that level instead.
+     */
+    readonly selectionLevel: _angular_core.InputSignal<CalendarView>;
+    /**
+     * How the calendar header exposes month/year picking. `dropdown` shows two
+     * dropdowns; `grid` drills into a month/year grid when the header label is
+     * clicked.
+     */
+    readonly monthYearSelectType: _angular_core.InputSignal<"dropdown" | "grid">;
+    /**
+     * Month the calendar opens on when there is no value. Ignored once a value is
+     * set (the calendar anchors to the selected date).
+     */
+    readonly initialMonth: _angular_core.InputSignal<Date | undefined>;
+    /**
+     * BCP-47 locale for weekday/month names, the first day of the week, and the
+     * default `formatDate`/`parseDate` behaviour.
+     */
+    readonly localeCode: _angular_core.InputSignal<string>;
+    /**
+     * Whether to close the picker after a selection. Defaults to `true` in
+     * `single` mode and `false` in `multiple`/`range` when left `undefined`.
+     */
+    readonly closeOnSelect: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Render the trailing/leading days from the adjacent month inside the current
+     * month's grid.
+     */
+    readonly showOutsideDays: _angular_core.InputSignal<boolean>;
+    /** Render an ISO week-number column on the left of the day grid. */
+    readonly showWeekNumbers: _angular_core.InputSignal<boolean>;
+    /**
+     * Number of month grids shown side by side. Accepts a `BreakpointInput<number>`:
+     * a plain number (e.g. `2`) applies at every breakpoint; pass a per-breakpoint
+     * object (e.g. `{ xs: 1, lg: 2 }`) to narrow it on small screens.
+     */
+    readonly numberOfMonths: _angular_core.InputSignalWithTransform<BreakpointObject<number>, BreakpointInput<number>>;
+    /**
+     * Enables the calendar picker UI. When resolved to `false`, hides the icon
+     * button and disables the popover/modal — the user can only type a date.
+     * Accepts a `BreakpointInput<boolean>` for per-breakpoint behaviour.
+     */
+    readonly enableCalendar: _angular_core.InputSignalWithTransform<BreakpointObject<boolean>, BreakpointInput<boolean>>;
+    /**
+     * What opens the calendar. `button` opens it from the icon button; `input`
+     * also opens it when the text input is clicked (and blocks typing). Accepts a
+     * `BreakpointInput` for per-breakpoint behaviour.
+     */
+    readonly calendarTrigger: _angular_core.InputSignalWithTransform<BreakpointObject<DateFieldCalendarTrigger>, BreakpointInput<DateFieldCalendarTrigger>>;
+    /**
+     * Use the OS native date picker instead of the custom popover (single mode only).
+     * `true` always, `false` never, breakpoint name → native below that breakpoint
+     * (custom popover from that breakpoint up).
+     */
+    readonly useNativePicker: _angular_core.InputSignal<DateFieldUseNativePicker>;
+    /** Open the calendar in a modal: `true` always, `false` never, breakpoint name → modal below that breakpoint. */
+    readonly modal: _angular_core.InputSignal<DateFieldModalInput>;
+    /** Make the modal fullscreen: `true` always, `false` never, breakpoint name → fullscreen below that breakpoint. Only applies when the calendar actually opens as a modal. */
+    readonly fullscreen: _angular_core.InputSignal<_tedi_design_system_angular_tedi.BreakpointFlag>;
+    /**
+     * Custom formatter for the input's display string. Overrides the locale-aware
+     * default. Receives the `DateFieldValue` and returns a string.
+     */
+    readonly formatDate: _angular_core.InputSignal<DateFieldFormatter | undefined>;
+    /**
+     * Custom parser for turning typed input into a value. Overrides the
+     * locale-aware default. Receives the raw string and returns a `DateFieldValue`,
+     * or `undefined` when the input can't be parsed.
+     */
+    readonly parseDate: _angular_core.InputSignal<DateFieldParser | undefined>;
+    /** Emitted whenever the picker (popover/modal) open state changes. */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly breakpointService;
+    private readonly modalService;
+    private readonly hostEl;
+    readonly calendar: _angular_core.Signal<CalendarComponent | undefined>;
+    readonly dateInput: _angular_core.Signal<DateInputComponent>;
+    readonly currentMonth: _angular_core.WritableSignal<Date>;
+    readonly overlayOpen: _angular_core.WritableSignal<boolean>;
+    private readonly openedBy;
+    readonly overlayPositions: _angular_core.Signal<ConnectedPosition[]>;
+    private readonly cvaDisabled;
+    private readonly formInvalid;
+    private modalRef;
+    private onChange;
+    private onTouched;
+    readonly fieldDisabled: _angular_core.Signal<boolean>;
+    readonly disabled: _angular_core.Signal<boolean>;
+    readonly invalid: _angular_core.Signal<boolean>;
+    readonly resolvedDisabledMatchers: _angular_core.Signal<Matcher[]>;
+    readonly useNativePickerResolved: _angular_core.Signal<boolean>;
+    readonly useNativePickerEffective: _angular_core.Signal<boolean>;
+    readonly numberOfMonthsResolved: _angular_core.Signal<number>;
+    readonly enableCalendarResolved: _angular_core.Signal<boolean>;
+    readonly calendarTriggerResolved: _angular_core.Signal<DateFieldCalendarTrigger>;
+    readonly modalEnabled: _angular_core.Signal<boolean>;
+    readonly closeOnSelectEffective: _angular_core.Signal<boolean>;
+    readonly showCalendar: _angular_core.Signal<boolean>;
+    readonly useModal: _angular_core.Signal<boolean>;
+    readonly usePopover: _angular_core.Signal<boolean>;
+    readonly nativeIsoValue: _angular_core.Signal<string>;
+    readonly effectivePlaceholder: _angular_core.Signal<string>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly tagsForMultipleMode: _angular_core.Signal<DateInputTag[]>;
+    readonly canClear: _angular_core.Signal<boolean>;
+    readonly inputIsTrigger: _angular_core.Signal<boolean>;
+    private initialOpenEmit;
+    constructor();
+    writeValue(value: DateFieldValue): void;
+    registerOnChange(fn: (value: DateFieldValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    setInvalidState(isInvalid: boolean): void;
+    clearField(): void;
+    handleClear(): void;
+    handleIconClick(): void;
+    private togglePicker;
+    handleInputChange(value: string): void;
+    handleTagRemove(id: string): void;
+    handleInputClick(event: Event): void;
+    handleCalendarSelect(): void;
+    handleCurrentMonthChange(month: Date): void;
+    closeOverlay(): void;
+    handleOverlayOutsideClick(event: MouseEvent): void;
+    handleOverlayAttached(): void;
+    handleOverlayKeydown(event: KeyboardEvent): void;
+    private focusIconButton;
+    private openNativePicker;
+    private openModal;
+    private handleNativeInputChange;
+    private handleSingleParseInput;
+    private parsedValueIsDisabled;
+    private commitValue;
+    private defaultFormat;
+    private deriveAnchor;
+    private resolveBreakpointInput;
+    private startOfToday;
+    private toIsoDate;
+    private queryNativeInput;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateFieldComponent, "tedi-date-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabledMatchers": { "alias": "disabledMatchers"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disablePast": { "alias": "disablePast"; "required": false; "isSignal": true; }; "disableFuture": { "alias": "disableFuture"; "required": false; "isSignal": true; }; "shouldDisableMonth": { "alias": "shouldDisableMonth"; "required": false; "isSignal": true; }; "shouldDisableYear": { "alias": "shouldDisableYear"; "required": false; "isSignal": true; }; "availableDays": { "alias": "availableDays"; "required": false; "isSignal": true; }; "unavailableDays": { "alias": "unavailableDays"; "required": false; "isSignal": true; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; "isSignal": true; }; "monthYearSelectType": { "alias": "monthYearSelectType"; "required": false; "isSignal": true; }; "initialMonth": { "alias": "initialMonth"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "enableCalendar": { "alias": "enableCalendar"; "required": false; "isSignal": true; }; "calendarTrigger": { "alias": "calendarTrigger"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "parseDate": { "alias": "parseDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "openChange": "openChange"; }, never, ["[tediCalendarFooter]"], true, never>;
+}
+
+declare class DatePickerCalendarGridComponent {
+    private readonly gridElement;
+    /** Grid element unique ID for ARIA */
+    readonly gridId: _angular_core.InputSignal<string>;
+    /** Week rows containing day data */
+    readonly weekRows: _angular_core.InputSignal<DatePickerDay[][]>;
+    /** Week numbers for each row */
+    readonly weekNumbers: _angular_core.InputSignal<number[]>;
+    /** Whether to show week numbers */
+    readonly showWeekNumbers: _angular_core.InputSignal<boolean>;
+    /** Currently active date for keyboard navigation */
+    readonly activeDate: _angular_core.InputSignal<Date | null>;
+    /** Currently selected date */
     readonly selected: _angular_core.InputSignal<Date | null>;
     /** Today's date */
     readonly today: _angular_core.InputSignal<Date>;
@@ -4550,8 +5454,20 @@ declare class DatePickerComponent implements OnInit, ControlValueAccessor {
     readonly selected: _angular_core.ModelSignal<Date | null>;
     /** Currently shown month */
     readonly month: _angular_core.ModelSignal<Date>;
-    /** Disabled dates that cannot be selected. */
+    /**
+     * Disabled dates that cannot be selected.
+     *
+     * @deprecated Use `disabledMatchers` instead. This input shares the public
+     * binding name `disabled` with `FormControlDirective`, so binding `[disabled]`
+     * on a date-picker that also uses `[formControl]` raises a template type error
+     * (`Type 'DatePickerMatcher[]' is not assignable to type 'boolean'`).
+     */
     readonly disabled: _angular_core.InputSignal<DatePickerMatcher | DatePickerMatcher[] | null>;
+    /**
+     * Disabled dates that cannot be selected (`Date`, `Date[]`, `{ before }`,
+     * `{ after }`, `{ from, to? }`, or a `(date) => boolean` predicate).
+     */
+    readonly disabledMatchers: _angular_core.InputSignal<DatePickerMatcher | DatePickerMatcher[] | null>;
     /** Shows or hides the calendar navigation controls (previous/next month buttons). */
     readonly showNavigation: _angular_core.InputSignal<boolean>;
     /** Month selector mode: none | label | grid | dropdown */
@@ -4651,7 +5567,7 @@ declare class DatePickerComponent implements OnInit, ControlValueAccessor {
      */
     private findNextEnabledDate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "tedi-date-picker", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "monthMode": { "alias": "monthMode"; "required": false; "isSignal": true; }; "yearMode": { "alias": "yearMode"; "required": false; "isSignal": true; }; "startYear": { "alias": "startYear"; "required": false; "isSignal": true; }; "endYear": { "alias": "endYear"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; "isSignal": true; }; "inputState": { "alias": "inputState"; "required": false; "isSignal": true; }; "inputSize": { "alias": "inputSize"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "allowManualInput": { "alias": "allowManualInput"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "month": "monthChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "tedi-date-picker", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledMatchers": { "alias": "disabledMatchers"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "monthMode": { "alias": "monthMode"; "required": false; "isSignal": true; }; "yearMode": { "alias": "yearMode"; "required": false; "isSignal": true; }; "startYear": { "alias": "startYear"; "required": false; "isSignal": true; }; "endYear": { "alias": "endYear"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; "isSignal": true; }; "inputState": { "alias": "inputState"; "required": false; "isSignal": true; }; "inputSize": { "alias": "inputSize"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "allowManualInput": { "alias": "allowManualInput"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "month": "monthChange"; }, never, never, true, never>;
 }
 
 type FeedbackTextType = "hint" | "valid" | "error";
@@ -4853,35 +5769,6 @@ declare class SelectValueTemplateDirective<T = unknown> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectValueTemplateDirective<any>, "[tediSelectValue]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Interface implemented by controls that can be used inside `tedi-form-field`.
- * Allows the form field container to interact with the underlying control.
- */
-interface FormFieldControl<T = unknown> {
-    /**
-     * Current value of the control.
-     */
-    value: Signal<T>;
-    /**
-     * Whether the control is disabled.
-     */
-    disabled: Signal<boolean>;
-    /** Reactive invalid state (driven by FormField) */
-    invalid: Signal<boolean>;
-    /** Called by FormField to update invalid state */
-    setInvalidState(isInvalid: boolean): void;
-    /**
-     * Optional method used by the form field clear button.
-     * If implemented, the form field can trigger clearing the value.
-     */
-    clearField?(): void;
-}
-/**
- * Injection token used by `tedi-form-field` to obtain
- * the associated control instance.
- */
-declare const TEDI_FORM_FIELD_CONTROL: InjectionToken<FormFieldControl<unknown>>;
-
 type InputSize = "small" | "large" | "default";
 type InputState = "valid" | "error" | "default";
 type ValidationState = "invalid" | "valid" | "neutral";
@@ -4935,7 +5822,7 @@ declare class FormFieldComponent implements AfterContentInit {
     }>;
     clear(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, ["control", "ngControl", "feedback"], ["label[tedi-label]", "input[tedi-text-field], tedi-time-field", "tedi-feedback-text"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, ["control", "ngControl", "feedback"], ["label[tedi-label]", "input[tedi-text-field], tedi-time-field, tedi-date-field", "tedi-feedback-text", "*"], true, never>;
 }
 
 type SelectInputSize = Exclude<InputSize, "large">;
@@ -5056,6 +5943,12 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * @default false
      */
     multiRow: _angular_core.InputSignal<boolean>;
+    /**
+     * Which end a selected tag's label truncates from when it doesn't fit.
+     * `false` (default) never truncates; `end` → `label…`; `start` → `…label`.
+     * @default false
+     */
+    tagEllipsis: _angular_core.InputSignal<TagEllipsis>;
     /**
      * Function used to compare option values for equality.
      * Used to determine which options are selected.
@@ -5212,7 +6105,7 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate"], never, true, never>;
 }
 
 type ToggleVariant = "primary" | "colored";
@@ -5509,7 +6402,7 @@ declare class TimeFieldComponent implements ControlValueAccessor, FormFieldContr
     readonly hasPicker: _angular_core.Signal<boolean>;
     readonly hasNativePicker: _angular_core.Signal<boolean>;
     readonly customPickerVariant: _angular_core.Signal<TimePickerVariant>;
-    readonly inputType: _angular_core.Signal<"time" | "text">;
+    readonly inputType: _angular_core.Signal<"text" | "time">;
     readonly inputIsTrigger: _angular_core.Signal<boolean>;
     readonly useMobileModal: _angular_core.Signal<boolean>;
     readonly usePopover: _angular_core.Signal<boolean>;
@@ -5760,25 +6653,6 @@ declare class EmptyStateComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateComponent, "tedi-empty-state", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[tedi-empty-state-actions]"], true, never>;
 }
 
-type EllipsisPosition = "start" | "end";
-declare class EllipsisComponent {
-    /** Maximum number of lines before truncating. End (multi-line) only. */
-    readonly lineClamp: _angular_core.InputSignal<number>;
-    /** Whether truncated content shows a hover/focus tooltip with full text. */
-    readonly tooltip: _angular_core.InputSignal<boolean>;
-    /** Ellipsis position. 'start' = leading, single-line. 'end' = trailing, multi-line. */
-    readonly position: _angular_core.InputSignal<EllipsisPosition>;
-    readonly content: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    readonly isEllipsed: _angular_core.WritableSignal<boolean>;
-    readonly fullText: _angular_core.WritableSignal<string>;
-    constructor();
-    readonly contentClasses: _angular_core.Signal<string>;
-    readonly clampStyle: _angular_core.Signal<string | null>;
-    private updateEllipsedState;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EllipsisComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EllipsisComponent, "tedi-ellipsis", never, { "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 type ColWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type JustifySelf = "start" | "end" | "center" | "stretch";
 type AlignSelf = "start" | "end" | "center" | "stretch";
@@ -7206,50 +8080,6 @@ declare class PopoverContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverContentComponent, "tedi-popover-content", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-type TagType = "primary" | "secondary" | "danger";
-type TagEllipsis = "start" | "end" | false;
-declare class TagComponent {
-    readonly idGenerator: _IdGenerator;
-    readonly uniqueId: string;
-    /**
-     * Whether the tag is in loading state.
-     * When true, a spinner will be displayed inside the tag.
-     * @default false
-     */
-    loading: _angular_core.InputSignal<boolean>;
-    /**
-     * Whether the tag can be closed.
-     * When true, a close button will be displayed that emits the 'closed' event when clicked.
-     * @default false
-     */
-    closable: _angular_core.InputSignal<boolean>;
-    /**
-     * The visual style of the tag.
-     * Possible values: 'primary', 'secondary', 'danger'
-     * @default "primary"
-     */
-    type: _angular_core.InputSignal<TagType>;
-    /**
-     * Which end the label truncates from when it doesn't fit. `false` (default)
-     * never truncates — the label wraps and the tag keeps its full width. `end`
-     * shows an ellipsis at the end (`Long label…`); `start` shows it at the start
-     * (`…label`), which keeps the most significant part of values like dates
-     * visible. Truncation only kicks in when the tag is width-constrained, and the
-     * full label is revealed in a tooltip on hover/focus.
-     * @default false
-     */
-    ellipsis: _angular_core.InputSignal<TagEllipsis>;
-    /**
-     * Event emitted when the close button is clicked.
-     */
-    closed: _angular_core.OutputEmitterRef<Event>;
-    classes: _angular_core.Signal<string>;
-    ellipsisPosition: _angular_core.Signal<EllipsisPosition>;
-    handleClose(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "tedi-tag", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
-}
-
 type StatusBadgeColor = "neutral" | "brand" | "accent" | "success" | "danger" | "warning" | "transparent";
 type StatusBadgeVariant = "filled" | "filled-bordered" | "bordered";
 type StatusBadgeSize = "default" | "large";
@@ -7303,42 +8133,6 @@ declare class StatusBadgeComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "tedi-status-badge", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type StatusIndicatorType = "success" | "danger" | "warning" | "inactive";
-type StatusIndicatorSize = "sm" | "lg";
-type StatusIndicatorPosition = "default" | "top-right";
-declare class StatusIndicatorComponent {
-    /**
-     * Accessible label for the indicator. When provided, the indicator is
-     * exposed to assistive technology with `role="img"`. When omitted, the
-     * indicator is treated as decorative (`aria-hidden="true"`).
-     */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    /**
-     * The status type, which determines the indicator color.
-     * @default success
-     */
-    readonly type: _angular_core.InputSignal<StatusIndicatorType>;
-    /**
-     * The size of the indicator.
-     * @default sm
-     */
-    readonly size: _angular_core.InputSignal<StatusIndicatorSize>;
-    /**
-     * Whether the indicator has a white border ring.
-     * @default false
-     */
-    readonly hasBorder: _angular_core.InputSignal<boolean>;
-    /**
-     * Controls positioning of the indicator.
-     * - `'default'` — inline, no absolute positioning
-     * - `'top-right'` — absolutely positioned at the top-right corner of the parent
-     * @default default
-     */
-    readonly position: _angular_core.InputSignal<StatusIndicatorPosition>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusIndicatorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusIndicatorComponent, "tedi-status-indicator", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * A single item inside a `tedi-accordion`. Owns the item's state (expanded)
  * and the inputs shared by header and content (selected, showIconCard,
@@ -7530,6 +8324,52 @@ declare const TEDI_THEME_DEFAULT_TOKEN: InjectionToken<string>;
 
 declare const TEDI_TRANSLATION_DEFAULT_TOKEN: InjectionToken<Language>;
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, calculateArrowOffset, computeGroupSpans, createTablePersistence, generateUUID, getCardBorderPlacementColor, getPaddingCssVariables, getPlacementFromPositionChange, groupRowSpan, injectTediTableContext, provideTedi, resolveCardBorderRadius, toConnectedPositions, usePagination };
-export type { AlertRole, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TagEllipsis, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
+declare function cookieSignal<T>(key: string, initialValue: T): _angular_core.WritableSignal<T>;
+
+declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+
+/** Horizontal gap (px) between tags in a single row. */
+declare const TAG_GAP = 8;
+/** Reserved width (px) for the "+N" counter tag. */
+declare const COUNTER_TAG_WIDTH = 40;
+interface TagOverflowOptions {
+    /** Gap between adjacent tags. Defaults to {@link TAG_GAP}. */
+    gap?: number;
+    /** Width reserved for the "+N" counter tag. Defaults to {@link COUNTER_TAG_WIDTH}. */
+    counterWidth?: number;
+}
+/**
+ * Given the measured widths of single-row tags and the available width, returns
+ * how many tags fit before the overflow collapses into a "+N" counter.
+ *
+ * Space for the counter is reserved while more tags remain, so the counter
+ * stays visible. At least one tag is always shown when any exist, even if it
+ * overflows on its own.
+ */
+declare function calculateVisibleTagCount(tagWidths: readonly number[], availableWidth: number, { gap, counterWidth }?: TagOverflowOptions): number;
+
+/**
+ * Checks if a string is a valid `HH:mm` time (00:00 – 23:59).
+ */
+declare function isValidTime(time: string | null | undefined): boolean;
+/**
+ * Normalizes common typing patterns into `HH:mm`.
+ *
+ * Returns:
+ *   - the canonical `HH:mm` string when the input can be normalized
+ *   - `""` when the input is empty
+ *   - `null` when the input is non-empty but cannot be normalized
+ *
+ * Examples:
+ *   `"9:5"`              → `"09:05"`
+ *   `"14:5"`             → `"14:05"`
+ *   `"2359"`             → `"23:59"`
+ *   `"930"`              → `"09:30"`
+ *   `"11.55"` / `"11-55"` → `"11:55"` (any non-digit treated as separator)
+ *   `"4:89"` / `"24:00"`  → `null`
+ */
+declare function normalizeTime(input: string): string | null;
+
+export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
+export type { AlertRole, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
 //# sourceMappingURL=index.d.ts.map