@star-ng/ui 0.0.0-stage → 0.2.0

package/types/star-ng-ui-date-picker.d.ts

@@ -0,0 +1,701 @@
+import * as i0 from "@angular/core";
+import { ElementRef, model } from "@angular/core";
+import { ConnectedPosition } from "@angular/cdk/overlay";
+import { FormValueControl } from "@angular/forms/signals";
+/**
+ * Date helpers for the calendar controls. All values are local calendar days (time 00:00).
+ * Formatting and parsing use `Intl`, so the order of day / month / year follows the locale.
+ */
+export interface StarDateRange {
+  readonly start: Date | null;
+  readonly end: Date | null;
+}
+/** Same calendar day at local midnight. */
+export declare function startOfDay(date: Date): Date;
+export declare function addDays(date: Date, days: number): Date;
+/** Adds months and clamps the day (31 Jan + 1 month = 28/29 Feb). */
+export declare function addMonths(date: Date, months: number): Date;
+export declare function sameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+export declare function sameMonth(a: Date, b: Date): boolean;
+/** Negative when `a` is an earlier day than `b`, 0 on the same day. */
+export declare function compareDays(a: Date, b: Date): number;
+/** `yyyy-mm-dd`, stable key for DOM lookups and tracking. */
+export declare function isoDay(date: Date): string;
+/** First day of the week for a locale (0 = Sunday), from `Intl.Locale` week info when available. */
+export declare function localeFirstDay(locale?: string): number;
+/** 6 x 7 days covering the month of `month`, starting on `firstDay`. */
+export declare function monthGrid(month: Date, firstDay: number): Date[][];
+export declare const DEFAULT_DATE_FORMAT: Intl.DateTimeFormatOptions;
+export declare function formatDate(date: Date | null, locale: string | undefined, options: Intl.DateTimeFormatOptions): string;
+/** Placeholder such as `dd/mm/yyyy` or `mm/dd/yyyy` for the locale's numeric date order. */
+export declare function formatHint(locale: string | undefined): string;
+/**
+ * Parses typed text. Accepts ISO `yyyy-mm-dd` and the locale's numeric order with any
+ * separators (`22/11/2026`, `22.11.26`, `11-22-2026` in en-US). Returns null when invalid.
+ */
+export declare function parseDate(text: string, locale: string | undefined): Date | null;
+export type StarCalendarView = 'day' | 'month' | 'year';
+interface DayCell {
+  readonly date: Date;
+  readonly key: string;
+  readonly label: string;
+  readonly outside: boolean;
+  /** Not rendered: a day of another month when two or more months show. */
+  readonly blank: boolean;
+  readonly today: boolean;
+  readonly disabled: boolean;
+}
+/** ISO 8601 week number of a date (week 1 has the first Thursday of the year). */
+export declare function isoWeek(date: Date): number;
+/**
+ * Month grid used by `star-date-picker`, `star-date-range-picker`, or on its own as an inline
+ * calendar (PrimeNG `p-datepicker [inline]`). WAI-ARIA date grid keyboard model:
+ * arrows move by day / week, Home / End to week start / end, PageUp / PageDown by month,
+ * Shift + PageUp / PageDown by year, Enter / Space select. Month and year views for fast jumps.
+ */
+export declare class StarCalendar {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  private readonly host;
+  private readonly injector;
+  protected readonly titleId: string;
+  protected readonly sameDay: typeof sameDay;
+  readonly mode: import("@angular/core").InputSignal<"single" | "range" | "multiple">;
+  readonly selected: import("@angular/core").InputSignal<Date | null>;
+  /** Chosen days in `'multiple'` mode. */
+  readonly selectedDates: import("@angular/core").InputSignal<readonly Date[]>;
+  /**
+   * Smallest unit the user chooses. `'month'` and `'year'` show only the month or year view
+   * and emit the first day of the chosen month or year.
+   */
+  readonly granularity: import("@angular/core").InputSignal<StarCalendarView>;
+  /** Months shown side by side in the day view. */
+  readonly numberOfMonths: import("@angular/core").InputSignal<number>;
+  /** Shows the ISO 8601 week number at the start of each week. */
+  readonly showWeek: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly range: import("@angular/core").InputSignal<StarDateRange | null>;
+  readonly minDate: import("@angular/core").InputSignal<Date | null>;
+  readonly maxDate: import("@angular/core").InputSignal<Date | null>;
+  readonly disabledDates: import("@angular/core").InputSignal<readonly Date[]>;
+  /** Weekdays that cannot be chosen (0 = Sunday … 6 = Saturday). */
+  readonly disabledDays: import("@angular/core").InputSignal<readonly number[]>;
+  /** Extra rule, for example public holidays from the server. */
+  readonly dateDisabled: import("@angular/core").InputSignal<((date: Date) => boolean) | null>;
+  /** 0 = Sunday. Default: the locale's first day of the week. */
+  readonly firstDayOfWeek: import("@angular/core").InputSignal<number | null>;
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  readonly dateSelect: import("@angular/core").OutputEmitterRef<Date>;
+  readonly view: import("@angular/core").WritableSignal<StarCalendarView>;
+  protected readonly hover: import("@angular/core").WritableSignal<Date | null>;
+  private readonly today;
+  private readonly anchor;
+  /** Day with keyboard focus; also decides which month is shown. */
+  readonly focused: import("@angular/core").WritableSignal<Date>;
+  private readonly firstDay;
+  protected readonly monthName: import("@angular/core").Signal<string>;
+  protected readonly monthLabel: import("@angular/core").Signal<string>;
+  protected readonly weekdays: import("@angular/core").Signal<{
+    short: string;
+    long: string;
+  }[]>;
+  protected readonly monthCount: import("@angular/core").Signal<number>;
+  /**
+   * First shown month. It stays while the focused day is inside the shown months, so moving
+   * focus between two shown months does not shift the view.
+   */
+  private readonly viewStart;
+  /** One grid per shown month. With two or more months, days of other months are blank. */
+  protected readonly grids: import("@angular/core").Signal<{
+    key: string;
+    label: string;
+    weeks: {
+      number: number;
+      days: DayCell[];
+    }[];
+  }[]>;
+  protected readonly months: import("@angular/core").Signal<string[]>;
+  protected readonly years: import("@angular/core").Signal<number[]>;
+  isDisabled(date: Date): boolean;
+  protected isSelected(date: Date): boolean;
+  /** Range fill, including the hover preview while only the start is chosen. */
+  protected inRange(date: Date): boolean;
+  protected isRangeEdge(date: Date, edge: 'start' | 'end'): boolean;
+  protected choose(date: Date): void;
+  /** Moves focus into the grid (call after opening a popup). */
+  focusActive(): void;
+  protected page(step: 1 | -1): void;
+  protected onDayKeydown(event: KeyboardEvent): void;
+  protected onPickerKeydown(event: KeyboardEvent, kind: 'month' | 'year'): void;
+  protected pickMonth(month: number): void;
+  protected pickYear(year: number): void;
+  protected monthDisabled(month: number): boolean;
+  protected yearDisabled(year: number): boolean;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarCalendar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarCalendar, "star-calendar", never, {
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedDates": {
+      "alias": "selectedDates";
+      "required": false;
+      "isSignal": true;
+    };
+    "granularity": {
+      "alias": "granularity";
+      "required": false;
+      "isSignal": true;
+    };
+    "numberOfMonths": {
+      "alias": "numberOfMonths";
+      "required": false;
+      "isSignal": true;
+    };
+    "showWeek": {
+      "alias": "showWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "range": {
+      "alias": "range";
+      "required": false;
+      "isSignal": true;
+    };
+    "minDate": {
+      "alias": "minDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDate": {
+      "alias": "maxDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledDates": {
+      "alias": "disabledDates";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledDays": {
+      "alias": "disabledDays";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateDisabled": {
+      "alias": "dateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "dateSelect": "dateSelect";
+  }, never, never, true, never>;
+}
+/**
+ * Shared input + popup behaviour of the date controls: typed entry with locale-aware parsing,
+ * a calendar popup (native popover, so it works in dialogs), Today / Clear bar, keyboard.
+ */
+export declare abstract class StarDateInputBase<TValue> {
+  /** Keeps the CDK direction (overlays and menus) in step with `<html dir>`. */
+  private readonly directionSync;
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  private readonly ids;
+  abstract readonly value: ReturnType<typeof model<TValue>>;
+  readonly placeholder: import("@angular/core").InputSignal<string | null>;
+  readonly minDate: import("@angular/core").InputSignal<Date | null>;
+  readonly maxDate: import("@angular/core").InputSignal<Date | null>;
+  readonly disabledDates: import("@angular/core").InputSignal<readonly Date[]>;
+  readonly disabledDays: import("@angular/core").InputSignal<readonly number[]>;
+  readonly dateDisabled: import("@angular/core").InputSignal<((date: Date) => boolean) | null>;
+  readonly firstDayOfWeek: import("@angular/core").InputSignal<number | null>;
+  /** BCP 47 locale for names and formats. Default: the browser locale. */
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  /** `Intl.DateTimeFormat` options for the input text (default numeric day / month / year). */
+  readonly dateFormat: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions>;
+  /** Months shown side by side in the popup. */
+  readonly numberOfMonths: import("@angular/core").InputSignal<number>;
+  /** Shows the ISO 8601 week number at the start of each week. */
+  readonly showWeek: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Clock of the typed time with `showTime`: `'24'` (14:30) or `'12'` (2:30 PM). Both forms
+   * are accepted when the user types.
+   */
+  readonly hourFormat: import("@angular/core").InputSignal<"24" | "12">;
+  readonly showButtonBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Disables typing; the date can only be picked. */
+  readonly readonlyInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly inputId: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touched: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  readonly opened: import("@angular/core").OutputEmitterRef<void>;
+  readonly closed: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly positions: ConnectedPosition[];
+  protected readonly panelId: string;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly showInvalid: import("@angular/core").Signal<boolean>;
+  protected readonly interactive: import("@angular/core").Signal<boolean>;
+  protected readonly hint: import("@angular/core").Signal<string>;
+  /** Time fields in the popup (`showTime` on the single and the range picker). */
+  protected readonly timeEnabled: () => boolean;
+  protected readonly timeStep: () => number;
+  protected timeFields(): readonly StarTimeField[];
+  /** Chosen days of the multiple-date picker. */
+  protected readonly calendarDates: () => readonly Date[];
+  /** Smallest unit the user chooses (the single picker's `view`). */
+  protected readonly granularity: () => StarCalendarView;
+  protected readonly input: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+  protected readonly control: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+  protected readonly calendar: import("@angular/core").Signal<StarCalendar | undefined>;
+  /** Text for the current value. */
+  protected abstract readonly displayText: () => string;
+  /** Text the user is typing; resets when the value changes. */
+  protected readonly typed: import("@angular/core").WritableSignal<string>;
+  protected abstract parseText(text: string): TValue | undefined;
+  protected abstract emptyValue(): TValue;
+  protected abstract pickToday(today: Date): void;
+  protected format(date: Date | null): string;
+  protected allowed(date: Date): boolean;
+  openPanel(): void;
+  closePanel(focusInput?: boolean): void;
+  protected togglePanel(): void;
+  protected onAttached(): void;
+  protected onOutsideClick(event: MouseEvent): void;
+  /** Applies typed text: valid dates set the value, invalid text reverts. */
+  protected commitTyped(): void;
+  /**
+   * Restores the text of the current value. Also writes the DOM: the `[value]` binding does not
+   * update when the signal returns to the value it last rendered.
+   */
+  private revertText;
+  protected onInputBlur(): void;
+  protected onInputKeydown(event: KeyboardEvent): void;
+  protected onPanelKeydown(event: KeyboardEvent): void;
+  protected today(): void;
+  clear(): void;
+  focus(options?: FocusOptions): void;
+  protected parseOne(text: string): Date | null | undefined;
+  /**
+   * "<date> hh:mm" or "<date>, hh:mm". A date without a time takes the fallback time.
+   * `undefined`: the text is not a valid date and time.
+   */
+  protected parseDateTime(text: string, hours: number, minutes: number): Date | undefined;
+  /** `date` moved into `minDate` … `maxDate`, compared to the minute. */
+  protected clampTime(date: Date): Date;
+  protected timeHint(): string;
+  protected formatDateTime(date: Date | null): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarDateInputBase<any>, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarDateInputBase<any>, never, never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "minDate": {
+      "alias": "minDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDate": {
+      "alias": "maxDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledDates": {
+      "alias": "disabledDates";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledDays": {
+      "alias": "disabledDays";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateDisabled": {
+      "alias": "dateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateFormat": {
+      "alias": "dateFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "numberOfMonths": {
+      "alias": "numberOfMonths";
+      "required": false;
+      "isSignal": true;
+    };
+    "showWeek": {
+      "alias": "showWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "hourFormat": {
+      "alias": "hourFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "showButtonBar": {
+      "alias": "showButtonBar";
+      "required": false;
+      "isSignal": true;
+    };
+    "showClear": {
+      "alias": "showClear";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonlyInput": {
+      "alias": "readonlyInput";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "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;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "touched": {
+      "alias": "touched";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "touch": "touch";
+    "opened": "opened";
+    "closed": "closed";
+  }, never, never, true, never>;
+}
+/** One time input in the popup. */
+export interface StarTimeField {
+  readonly label: string;
+  /** `hh:mm`, or `''` when the date is not chosen yet. */
+  readonly value: string;
+  readonly set: (time: string) => void;
+}
+/**
+ * Date picker (PrimeNG `p-datepicker`): typed entry (`dd/mm/yyyy` or the locale's order, or ISO),
+ * calendar popup with month / year views, min / max, disabled dates and weekdays, Today / Clear.
+ *
+ * `showTime` adds a time of day: the value keeps hours and minutes, the text is
+ * `dd/mm/yyyy, hh:mm` in the 24-hour clock, and the popup has a time field and stays open
+ * until the user chooses Done. With `showTime`, `minDate` / `maxDate` also limit the time: a
+ * value outside the limits moves to the nearest limit.
+ *
+ * `view="month"` or `view="year"` chooses a month or a year: the value is its first day and the
+ * text is `mm/yyyy` or `yyyy`.
+ *
+ * `<star-date-picker [formField]="form.receivedOn" [maxDate]="today" showButtonBar />`
+ */
+export declare class StarDatePicker extends StarDateInputBase<Date | null> implements FormValueControl<Date | null> {
+  readonly value: import("@angular/core").ModelSignal<Date | null>;
+  /** Adds a time of day (hours and minutes) to the value. */
+  readonly showTime: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Minute step of the time field. */
+  readonly stepMinute: import("@angular/core").InputSignal<number>;
+  /** Unit to choose: a day (default), a month or a year. */
+  readonly view: import("@angular/core").InputSignal<StarCalendarView>;
+  readonly dateSelect: import("@angular/core").OutputEmitterRef<Date>;
+  protected readonly mode: "single";
+  protected readonly timeEnabled: () => boolean;
+  protected readonly timeStep: () => number;
+  protected readonly granularity: import("@angular/core").InputSignal<StarCalendarView>;
+  protected readonly hint: import("@angular/core").Signal<string>;
+  protected readonly displayText: () => string;
+  protected readonly hasValue: import("@angular/core").Signal<boolean>;
+  protected readonly calendarSelected: import("@angular/core").ModelSignal<Date | null>;
+  protected readonly calendarRange: import("@angular/core").WritableSignal<StarDateRange | null>;
+  protected parseText(text: string): Date | null | undefined;
+  /** `mm/yyyy`, `yyyy-mm` or `yyyy`: the first day of that month or year. */
+  private parsePeriod;
+  /** A month or year is allowed when any part of it is inside `minDate` … `maxDate`. */
+  private periodAllowed;
+  protected emptyValue(): Date | null;
+  protected pickToday(today: Date): void;
+  protected onDateSelect(date: Date): void;
+  protected timeFields(): readonly StarTimeField[];
+  /** `date` at the current time of day, rounded down to the minute step. */
+  private atCurrentTime;
+  private setValue;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarDatePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarDatePicker, "star-date-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTime": {
+      "alias": "showTime";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepMinute": {
+      "alias": "stepMinute";
+      "required": false;
+      "isSignal": true;
+    };
+    "view": {
+      "alias": "view";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "dateSelect": "dateSelect";
+  }, never, never, true, never>;
+}
+/**
+ * Date range picker (PrimeNG `p-datepicker selectionMode="range"`). Value: `{ start, end }`.
+ * First click sets the start, second click the end (swapped if earlier); hovering previews.
+ * Type `01/11/2026 – 15/11/2026` (any separator between the two dates).
+ */
+export declare class StarDateRangePicker extends StarDateInputBase<StarDateRange | null> implements FormValueControl<StarDateRange | null> {
+  readonly value: import("@angular/core").ModelSignal<StarDateRange | null>;
+  /**
+   * Adds a time of day to both ends. A new start is at 00:00 and a new end at 23:59; the popup
+   * has a start and an end time field and stays open until the user chooses Done.
+   */
+  readonly showTime: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Minute step of the time fields. */
+  readonly stepMinute: import("@angular/core").InputSignal<number>;
+  readonly rangeSelect: import("@angular/core").OutputEmitterRef<StarDateRange>;
+  protected readonly mode: "range";
+  protected readonly timeEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly timeStep: () => number;
+  protected readonly hint: import("@angular/core").Signal<string>;
+  private readonly show;
+  protected timeFields(): readonly StarTimeField[];
+  protected readonly hasValue: import("@angular/core").Signal<boolean>;
+  protected readonly calendarSelected: import("@angular/core").WritableSignal<Date | null>;
+  protected readonly calendarRange: import("@angular/core").ModelSignal<StarDateRange | null>;
+  protected readonly displayText: () => string;
+  protected parseText(text: string): StarDateRange | null | undefined;
+  protected emptyValue(): StarDateRange | null;
+  protected pickToday(today: Date): void;
+  protected onDateSelect(date: Date): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarDateRangePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarDateRangePicker, "star-date-range-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTime": {
+      "alias": "showTime";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepMinute": {
+      "alias": "stepMinute";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "rangeSelect": "rangeSelect";
+  }, never, never, true, never>;
+}
+/**
+ * Multiple-date picker (PrimeNG `p-datepicker selectionMode="multiple"`). Value: a list of
+ * days in date order. A click adds a day or removes it; the popup stays open. Type the dates
+ * with a comma or a semicolon between them.
+ */
+export declare class StarMultiDatePicker extends StarDateInputBase<readonly Date[]> implements FormValueControl<readonly Date[]> {
+  readonly value: import("@angular/core").ModelSignal<readonly Date[]>;
+  /** Largest number of days (0 = no limit). A click on a new day does nothing at the limit. */
+  readonly maxDates: import("@angular/core").InputSignal<number>;
+  protected readonly mode: "multiple";
+  protected readonly hasValue: import("@angular/core").Signal<boolean>;
+  protected readonly calendarSelected: import("@angular/core").WritableSignal<Date | null>;
+  protected readonly calendarRange: import("@angular/core").WritableSignal<StarDateRange | null>;
+  protected readonly calendarDates: import("@angular/core").ModelSignal<readonly Date[]>;
+  protected readonly displayText: () => string;
+  protected parseText(text: string): readonly Date[] | undefined;
+  protected emptyValue(): readonly Date[];
+  protected pickToday(today: Date): void;
+  protected onDateSelect(date: Date): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMultiDatePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarMultiDatePicker, "star-multi-date-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDates": {
+      "alias": "maxDates";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+/**
+ * Time picker: a time of day without a date (PrimeNG `p-datepicker timeOnly`). The value is
+ * 24-hour `HH:mm` text, or `null`. The control is the native time input in the StarNG input
+ * style, so the browser gives the keyboard model, the locale's 12 or 24-hour display and the
+ * picker on a phone.
+ *
+ * `<star-time-picker [formField]="form.callAt" min="08:00" max="18:00" [stepMinute]="15" />`
+ */
+export declare class StarTimePicker implements FormValueControl<string | null> {
+  /** `HH:mm` in the 24-hour clock, or `null`. */
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  /** Earliest and latest time, `HH:mm`. */
+  readonly min: import("@angular/core").InputSignal<string | undefined>;
+  readonly max: import("@angular/core").InputSignal<string | undefined>;
+  readonly stepMinute: import("@angular/core").InputSignal<number>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly inputId: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touched: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly step: import("@angular/core").Signal<number>;
+  private readonly input;
+  protected onChange(text: string): void;
+  focus(options?: FocusOptions): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarTimePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarTimePicker, "star-time-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepMinute": {
+      "alias": "stepMinute";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "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;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "touched": {
+      "alias": "touched";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "touch": "touch";
+  }, never, never, true, never>;
+}
+export {};