@tzslot/angular 0.1.0-beta.0

package/types/tzslot-angular.d.ts

@@ -0,0 +1,370 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, AfterViewInit, OnDestroy } from '@angular/core';
+import * as temporal_spec from 'temporal-spec';
+import { ControlValueAccessor } from '@angular/forms';
+import { Slot, Instant, Weekday, ValueShape, PlainDate, DateLike, DailyWindowsSummary } from '@tzslot/core';
+import { SlotChoice, TzslotMessages, CalendarView, RenderCell, CalendarButton, YearMonth, FieldMode, DateRangeValue, DateTimeRangeValue, DailyRangeValue } from '@tzslot/dom';
+export { CalendarButton, CalendarView, CellRender, DailyRangeValue, DateRangeValue, DateTimeRangeValue, DayCellInfo, EN, FR, FieldMode, RenderCell, SlotChoice, TzslotMessages } from '@tzslot/dom';
+
+/**
+ * `<tz-time-slots>` — the slot list from @tzslot/dom, spoken in Angular.
+ *
+ * What it selects is an `Instant`, never a wall time. A wall time is what a
+ * clock shows; an instant is when it happened. Only one of those can be stored.
+ */
+declare class TimeSlotPicker implements ControlValueAccessor {
+    /** The day to list, as a PlainDate or an ISO date string. */
+    readonly date: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainDate>;
+    /** An IANA identifier — 'Europe/Paris', not an offset. Offsets change twice a year. */
+    readonly timeZone: _angular_core.InputSignal<string>;
+    readonly stepMinutes: _angular_core.InputSignal<number>;
+    /** The working day. Slots outside these bounds are not produced at all. */
+    readonly minTime: _angular_core.InputSignal<string | undefined>;
+    readonly maxTime: _angular_core.InputSignal<string | undefined>;
+    /** Rules out individual slots while still showing them: booked, over capacity. */
+    readonly isDisabled: _angular_core.InputSignal<((slot: Omit<Slot, "disabled">) => boolean) | undefined>;
+    /** Leave out the times that cannot happen, rather than showing them struck through. */
+    readonly skipNonExistent: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** What is selected, as a moment. Two-way: `[(value)]`. */
+    readonly value: _angular_core.ModelSignal<temporal_spec.Temporal.Instant | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly missingLabel: _angular_core.InputSignal<string | undefined>;
+    readonly emptyLabel: _angular_core.InputSignal<string | undefined>;
+    /** The rows listed, one per selectable moment: an ambiguous time gives two. */
+    readonly choices: _angular_core.Signal<SlotChoice[]>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly messages;
+    private readonly settings;
+    /**
+     * Created empty: `date` and `timeZone` are required inputs, which cannot be
+     * read before they are bound. The first change detection fills it in.
+     */
+    private readonly slots;
+    constructor();
+    /** Clears the selection and tells any form control about it. */
+    clear(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: Instant | null): void;
+    registerOnChange(fn: (value: Instant | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeSlotPicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeSlotPicker, "tz-time-slots", never, { "date": { "alias": "date"; "required": true; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": true; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "skipNonExistent": { "alias": "skipNonExistent"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "missingLabel": { "alias": "missingLabel"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare const TZSLOT_MESSAGES: InjectionToken<TzslotMessages>;
+/** `providers: [provideTzslotMessages(FR)]` */
+declare function provideTzslotMessages(messages: TzslotMessages): {
+    provide: InjectionToken<TzslotMessages>;
+    useValue: TzslotMessages;
+};
+
+/**
+ * `<tz-calendar>` — the calendar from @tzslot/dom, spoken in Angular.
+ *
+ * Everything the user sees and does is drawn by `createCalendar`. This class
+ * only translates: inputs and models into `update()`, the calendar's callbacks
+ * into `valueChange` and form notifications, projected content into icons.
+ */
+declare class Calendar implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    /** The selected day. Two-way: `[(value)]`. */
+    readonly value: _angular_core.ModelSignal<temporal_spec.Temporal.PlainDate | null>;
+    /** Monday by default, as ISO-8601 numbers the week. */
+    readonly firstDayOfWeek: _angular_core.InputSignal<Weekday>;
+    /** A BCP-47 tag for the month and weekday names. Defaults to the browser's. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly min: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly max: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * What the form control holds. 'temporal' by default; 'date' lets an
+     * existing FormControl<Date> keep working untouched, which is the whole of a
+     * flatpickr migration on most screens.
+     */
+    readonly valueAs: _angular_core.InputSignal<ValueShape>;
+    /**
+     * The zone used to turn a Date into a calendar day and back. Only consulted
+     * when valueAs is 'date': which day an instant falls on depends on where you
+     * are standing, so it is explicit rather than guessed.
+     */
+    readonly valueTimeZone: _angular_core.InputSignal<string>;
+    /** Rules out individual days inside the range: closures, weekends, full days. */
+    readonly isDateDisabled: _angular_core.InputSignal<((date: PlainDate) => boolean) | undefined>;
+    /** Today, injectable so a test does not depend on the day it runs. */
+    readonly today: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate>;
+    /**
+     * Which level the grid is choosing between. A model, so a consumer can open
+     * straight on years — a birthdate picker should not start on this month.
+     */
+    readonly view: _angular_core.ModelSignal<CalendarView>;
+    /** 'months' turns this into a month picker, 'years' into a year picker. */
+    readonly minView: _angular_core.InputSignal<CalendarView>;
+    /** Adds to each day: a price, places left, a class, a reason to rule it out. */
+    readonly renderCell: _angular_core.InputSignal<RenderCell | undefined>;
+    /** Buttons under the grid: `['today', 'clear']`. None by default. */
+    readonly buttons: _angular_core.InputSignal<readonly CalendarButton[]>;
+    private readonly host;
+    private readonly messages;
+    private readonly prevSlot;
+    private readonly nextSlot;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly settings;
+    /**
+     * Drawn at construction, so the cells exist as soon as the component does —
+     * as they did when this was a template. Inputs are not bound yet at this
+     * point; the effect below brings them in on the first change detection.
+     */
+    private readonly calendar;
+    constructor();
+    /** Projected content only exists once the view does. */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Moves the grid without selecting anything — flatpickr's setViewDate. */
+    goTo(date: PlainDate | YearMonth): void;
+    /** Clears the selection and tells any form control about it. */
+    clear(): void;
+    /** Whatever was projected into a slot, or undefined so the default chevron stays. */
+    private projected;
+    private onChange;
+    private onTouched;
+    writeValue(value: DateLike | null): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Calendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar, "tz-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "valueTimeZone": { "alias": "valueTimeZone"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "minView": { "alias": "minView"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "view": "viewChange"; }, never, ["[tzPrev]", "[tzNext]"], true, never>;
+}
+
+/**
+ * `<tz-date-field>` — the field from @tzslot/dom, spoken in Angular.
+ *
+ * The trigger, the panel, its position, focus and theme are all drawn by
+ * `createDateField`. This class maps inputs to `update()`, callbacks to
+ * `valueChange`, `opened`, `closed` and form notifications, and a projected
+ * `[tzIcon]` to the field's icon.
+ */
+declare class DateField implements ControlValueAccessor, AfterViewInit {
+    readonly value: _angular_core.ModelSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly mode: _angular_core.InputSignal<FieldMode>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<Weekday>;
+    readonly min: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly max: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly isDateDisabled: _angular_core.InputSignal<((date: PlainDate) => boolean) | undefined>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * What the form control holds. 'temporal' by default; 'date' lets an
+     * existing FormControl<Date> keep working untouched, which is the whole of a
+     * flatpickr migration on most screens.
+     */
+    readonly valueAs: _angular_core.InputSignal<ValueShape>;
+    /**
+     * The zone used to turn a Date into a calendar day and back. Only consulted
+     * when valueAs is 'date': which day an instant falls on depends on where you
+     * are standing, so it is explicit rather than guessed.
+     */
+    readonly valueTimeZone: _angular_core.InputSignal<string>;
+    /** How the chosen date is written in the field. Defaults to the locale's medium form. */
+    readonly displayWith: _angular_core.InputSignal<((date: PlainDate) => string) | undefined>;
+    /** Passed to the calendar in the panel. */
+    readonly renderCell: _angular_core.InputSignal<RenderCell | undefined>;
+    /** Under the panel's grid: `['today', 'clear']`. Choosing either closes it. */
+    readonly buttons: _angular_core.InputSignal<readonly CalendarButton[]>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    /** Whether the panel is showing. Readable from a ViewChild. */
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly host;
+    private readonly messages;
+    private readonly iconSlot;
+    private readonly settings;
+    private readonly field;
+    constructor();
+    ngAfterViewInit(): void;
+    /**
+     * Opening and closing are public so a ViewChild can drive the field — a
+     * button elsewhere on the page, a wizard step, a keyboard shortcut.
+     */
+    toggle(): void;
+    /** No-op when already open. */
+    open(): void;
+    close(): void;
+    /** Clears the selection and tells any form control about it. */
+    clear(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: DateLike | null): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateField, "tz-date-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "valueTimeZone": { "alias": "valueTimeZone"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, ["[tzIcon]"], true, never>;
+}
+
+/** `<tz-date-range>` — the range from @tzslot/dom, spoken in Angular. */
+declare class DateRange implements ControlValueAccessor, AfterViewInit {
+    readonly value: _angular_core.ModelSignal<DateRangeValue>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<Weekday>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly min: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly max: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isDateDisabled: _angular_core.InputSignal<((date: PlainDate) => boolean) | undefined>;
+    readonly today: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate>;
+    /** Refuse a range that steps over a day isDateDisabled rules out. On by default. */
+    readonly blockAcrossDisabled: _angular_core.InputSignal<boolean>;
+    /** Adds to each day: a price per night, places left, a class of your own. */
+    readonly renderCell: _angular_core.InputSignal<RenderCell | undefined>;
+    /** Overrides the bundle for this one instance. */
+    readonly rangeSpansBlockedMessage: _angular_core.InputSignal<string | undefined>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly host;
+    private readonly messages;
+    private readonly prevSlot;
+    private readonly nextSlot;
+    private readonly settings;
+    private readonly range;
+    constructor();
+    ngAfterViewInit(): void;
+    /** Clears the selection and tells any form control about it. */
+    clear(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: DateRangeValue | null): void;
+    registerOnChange(fn: (value: DateRangeValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRange, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRange, "tz-date-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "blockAcrossDisabled": { "alias": "blockAcrossDisabled"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "rangeSpansBlockedMessage": { "alias": "rangeSpansBlockedMessage"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[tzPrev]", "[tzNext]"], true, never>;
+}
+
+/**
+ * `<tz-datetime-range>` — the interval from @tzslot/dom, spoken in Angular.
+ *
+ * The duration shown is the measured one, and when it disagrees with the clock
+ * faces the widget says so in words.
+ */
+declare class DateTimeRange implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<DateTimeRangeValue>;
+    readonly timeZone: _angular_core.InputSignal<string>;
+    readonly stepMinutes: _angular_core.InputSignal<number>;
+    readonly minTime: _angular_core.InputSignal<string | undefined>;
+    readonly maxTime: _angular_core.InputSignal<string | undefined>;
+    readonly isSlotDisabled: _angular_core.InputSignal<((slot: Omit<Slot, "disabled">) => boolean) | undefined>;
+    readonly min: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly max: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly startLabel: _angular_core.InputSignal<string | undefined>;
+    readonly endLabel: _angular_core.InputSignal<string | undefined>;
+    readonly endBeforeStartMessage: _angular_core.InputSignal<string | undefined>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly messages;
+    private readonly settings;
+    /** Created before the required timeZone is bound; the first change detection fills it in. */
+    private readonly range;
+    constructor();
+    /** Clears the selection and tells any form control about it. */
+    clear(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: DateTimeRangeValue | null): void;
+    registerOnChange(fn: (value: DateTimeRangeValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeRange, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeRange, "tz-datetime-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": true; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "isSlotDisabled": { "alias": "isSlotDisabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; "endBeforeStartMessage": { "alias": "endBeforeStartMessage"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * `<tz-daily-range>` — a range of days with the same hours on each, from
+ * @tzslot/dom, spoken in Angular. "The 3rd to the 7th, 09:00 to 17:00."
+ */
+declare class DailyRange implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<DailyRangeValue>;
+    /** An IANA identifier. The hours are read on the clocks of this zone. */
+    readonly timeZone: _angular_core.InputSignal<string>;
+    readonly stepMinutes: _angular_core.InputSignal<number>;
+    /** The first and last times offered. */
+    readonly minTime: _angular_core.InputSignal<string | undefined>;
+    readonly maxTime: _angular_core.InputSignal<string | undefined>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<Weekday>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly min: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly max: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly isDateDisabled: _angular_core.InputSignal<((date: PlainDate) => boolean) | undefined>;
+    readonly renderCell: _angular_core.InputSignal<RenderCell | undefined>;
+    readonly today: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Every day's window and the real total, once all four parts are chosen. */
+    readonly summary: _angular_core.WritableSignal<DailyWindowsSummary | null>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly messages;
+    private readonly settings;
+    /** Created before the required timeZone is bound; the first change detection fills it in. */
+    private readonly range;
+    constructor();
+    /** Clears all four parts and tells any form control about it. */
+    clear(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: DailyRangeValue | null): void;
+    registerOnChange(fn: (value: DailyRangeValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DailyRange, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DailyRange, "tz-daily-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": true; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * `<tz-multi-date>` — several days, not necessarily next to each other, from
+ * @tzslot/dom, spoken in Angular. The value is always in date order.
+ */
+declare class MultiDate implements ControlValueAccessor, AfterViewInit {
+    /** The chosen days, in date order. Two-way: `[(value)]`. */
+    readonly value: _angular_core.ModelSignal<readonly temporal_spec.Temporal.PlainDate[]>;
+    /** Once this many are chosen, the other days stop taking clicks. */
+    readonly maxDates: _angular_core.InputSignal<number | undefined>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<Weekday>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly min: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly max: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isDateDisabled: _angular_core.InputSignal<((date: PlainDate) => boolean) | undefined>;
+    readonly today: _angular_core.InputSignal<temporal_spec.Temporal.PlainDate>;
+    readonly view: _angular_core.ModelSignal<CalendarView>;
+    readonly renderCell: _angular_core.InputSignal<RenderCell | undefined>;
+    readonly buttons: _angular_core.InputSignal<readonly CalendarButton[]>;
+    /** What the form control holds, each day as a Temporal date, a Date, or an ISO string. */
+    readonly valueAs: _angular_core.InputSignal<ValueShape>;
+    /** The zone a Date is read in. Only consulted when valueAs is 'date'. */
+    readonly valueTimeZone: _angular_core.InputSignal<string>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly host;
+    private readonly messages;
+    private readonly prevSlot;
+    private readonly nextSlot;
+    private readonly settings;
+    private readonly calendar;
+    constructor();
+    ngAfterViewInit(): void;
+    /** Moves the grid without choosing anything. */
+    goTo(date: PlainDate | YearMonth): void;
+    /** Empties the selection and tells any form control about it. */
+    clear(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: readonly DateLike[] | null): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiDate, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiDate, "tz-multi-date", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxDates": { "alias": "maxDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "valueTimeZone": { "alias": "valueTimeZone"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "view": "viewChange"; }, never, ["[tzPrev]", "[tzNext]"], true, never>;
+}
+
+export { Calendar, DailyRange, DateField, DateRange, DateTimeRange, MultiDate, TZSLOT_MESSAGES, TimeSlotPicker, provideTzslotMessages };