@tzslot/angular 1.0.0 → 1.2.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@tzslot/angular",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Angular components for DST-safe date and time selection: signals, forms, no design system.",
   "type": "module",
   "license": "MIT",
   "dependencies": {
-    "@tzslot/core": "^1.0.0",
-    "@tzslot/dom": "^1.0.0",
+    "@tzslot/core": "^1.2.0",
+    "@tzslot/dom": "^1.2.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {

package/types/tzslot-angular.d.ts

@@ -2,9 +2,16 @@ import * as temporal_spec from 'temporal-spec';
 import * as _angular_core from '@angular/core';
 import { InjectionToken, AfterViewInit, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ValueShape, Slot, Weekday, Instant, PlainDate, DateLike, DurationLike, ShiftOption, InstantLike, PresetName, PlainTime, ShiftStep, DailyWindowsSummary } from '@tzslot/core';
-import { SlotChoice, TzslotMessages, CalendarView, RenderCell, CalendarButton, YearMonth, FieldMode, TimeLayout, RangeFieldValue, RangePreset, DateRangeValue, DateTimeRangeValue, DailyRangeValue } from '@tzslot/dom';
+import { TzslotMessages, SlotChoice, CalendarView, RenderCell, CalendarButton, YearMonth, FieldMode, TimeLayout, RangeFieldValue, RangePreset, DateRangeValue, DateTimeRangeValue, DailyRangeValue } from '@tzslot/dom';
 export { CalendarButton, CalendarView, CellRender, DailyRangeValue, DateRangeValue, DateTimeRangeValue, DayCellInfo, EN, FR, FieldMode, RangeFieldValue, RangePreset, RenderCell, SlotChoice, TimeLayout, TzslotMessages } from '@tzslot/dom';
+import { ValueShape, Slot, Weekday, Instant, PlainDate, DateLike, DurationLike, ShiftOption, InstantLike, PresetName, PlainTime, ShiftStep, DailyWindowsSummary } from '@tzslot/core';
+
+declare const TZSLOT_MESSAGES: InjectionToken<TzslotMessages>;
+/** `providers: [provideTzslotMessages(FR)]` */
+declare function provideTzslotMessages(messages: TzslotMessages): {
+    provide: InjectionToken<TzslotMessages>;
+    useValue: TzslotMessages;
+};
 
 /**
  * `<tz-time-slots>` — the slot list from @tzslot/dom, spoken in Angular.
@@ -46,7 +53,17 @@ declare class TimeSlotPicker implements ControlValueAccessor {
     /** 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;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly settings;
     /**
      * Created empty: `date` and `timeZone` are required inputs, which cannot be
@@ -64,16 +81,9 @@ declare class TimeSlotPicker implements ControlValueAccessor {
     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, { "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeSlotPicker, "tz-time-slots", never, { "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "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; }; "messages": { "alias": "messages"; "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;
-};
-
 /**
  * The conventions an application settles once.
  *
@@ -191,7 +201,17 @@ declare class Calendar implements ControlValueAccessor, AfterViewInit, OnDestroy
     /** Buttons under the grid: `['today', 'clear']`. None by default. */
     readonly buttons: _angular_core.InputSignal<readonly CalendarButton[]>;
     private readonly host;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly prevSlot;
     private readonly nextSlot;
     protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
@@ -219,7 +239,7 @@ declare class Calendar implements ControlValueAccessor, AfterViewInit, OnDestroy
     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; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "view": "viewChange"; }, never, ["[tzPrev]", "[tzNext]"], true, 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; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "view": "viewChange"; }, never, ["[tzPrev]", "[tzNext]"], true, never>;
 }
 
 /**
@@ -272,7 +292,17 @@ declare class DateField implements ControlValueAccessor, AfterViewInit {
     /** Set while the component is being destroyed, so no output fires after it. */
     private gone;
     private readonly host;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly iconSlot;
     private readonly settings;
     private readonly field;
@@ -295,7 +325,7 @@ declare class DateField implements ControlValueAccessor, AfterViewInit {
     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; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, ["[tzIcon]"], true, 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; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, ["[tzIcon]"], true, never>;
 }
 
 /**
@@ -345,6 +375,8 @@ declare class DateTimeField implements ControlValueAccessor, AfterViewInit {
      * Counted on the zone's clocks, so a day is 23 or 25 hours when they change.
      */
     readonly shift: _angular_core.InputSignal<false | DurationLike | readonly ShiftOption[]>;
+    /** Whether the step sits between the arrows, to be read and pressed. */
+    readonly showStep: _angular_core.InputSignal<boolean>;
     readonly stepMinutes: _angular_core.InputSignal<number>;
     /** With timeLayout 'select': minutes between the options. Every minute by default. */
     readonly minuteStep: _angular_core.InputSignal<number>;
@@ -382,7 +414,17 @@ declare class DateTimeField implements ControlValueAccessor, AfterViewInit {
     /** Set while the component is being destroyed, so no output fires after it. */
     private gone;
     private readonly host;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly iconSlot;
     private readonly settings;
     /** Created before the required timeZone is bound; the first change detection fills it in. */
@@ -402,7 +444,7 @@ declare class DateTimeField implements ControlValueAccessor, AfterViewInit {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeField, "tz-datetime-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "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; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "snapMinutes": { "alias": "snapMinutes"; "required": false; "isSignal": true; }; "shift": { "alias": "shift"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "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; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "defaultTime": { "alias": "defaultTime"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "dateStyle": { "alias": "dateStyle"; "required": false; "isSignal": true; }; "timeStyle": { "alias": "timeStyle"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, ["[tzIcon]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeField, "tz-datetime-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "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; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "snapMinutes": { "alias": "snapMinutes"; "required": false; "isSignal": true; }; "shift": { "alias": "shift"; "required": false; "isSignal": true; }; "showStep": { "alias": "showStep"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "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; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "defaultTime": { "alias": "defaultTime"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "dateStyle": { "alias": "dateStyle"; "required": false; "isSignal": true; }; "timeStyle": { "alias": "timeStyle"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, ["[tzIcon]"], true, never>;
 }
 
 /**
@@ -473,11 +515,20 @@ declare class RangeField implements ControlValueAccessor {
     /** Nothing is reported until Apply is pressed. */
     readonly confirm: _angular_core.InputSignal<boolean>;
     /**
-     * Arrows that step the whole period without opening the panel. `false` —
-     * the default — draws none. `'auto'` moves by what is selected; a duration
-     * such as `{ months: 3 }` imposes the step.
+     * Arrows that step the whole period without opening the panel.
+     *
+     * `false` — the default — draws none. `true` draws them and follows what is
+     * being chosen: an hour for a period, a day when `singleDay` says it is one
+     * date. A duration such as `{ months: 3 }` or `'45mn'` imposes the step; a
+     * list offers several and lets the reader pick.
      */
-    readonly shift: _angular_core.InputSignal<false | readonly ShiftOption[] | ShiftStep>;
+    readonly shift: _angular_core.InputSignal<boolean | readonly ShiftOption[] | ShiftStep>;
+    /** Whether the column of shortcuts is drawn. The list itself is kept. */
+    readonly showPresets: _angular_core.InputSignal<boolean>;
+    /** Whether the step sits between the arrows, to be read and pressed. */
+    readonly showStep: _angular_core.InputSignal<boolean>;
+    /** One field instead of two; a click means that whole day. */
+    readonly singleDay: _angular_core.InputSignal<boolean>;
     readonly months: _angular_core.InputSignal<number>;
     readonly weekNumbers: _angular_core.InputSignal<boolean>;
     /** Left out, the locale decides — see `provideTzslot` to settle it once. */
@@ -529,7 +580,17 @@ declare class RangeField implements ControlValueAccessor {
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
     private gone;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly settings;
     /** Created before the required timeZone is bound; the first change detection fills it in. */
     private readonly field;
@@ -551,7 +612,7 @@ declare class RangeField implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeField, "tz-range-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "openEnded": { "alias": "openEnded"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "defaultTimes": { "alias": "defaultTimes"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "snapMinutes": { "alias": "snapMinutes"; "required": false; "isSignal": true; }; "maxSpan": { "alias": "maxSpan"; "required": false; "isSignal": true; }; "minSpan": { "alias": "minSpan"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "confirm": { "alias": "confirm"; "required": false; "isSignal": true; }; "shift": { "alias": "shift"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "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; }; "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; }; "now": { "alias": "now"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "fieldIcon": { "alias": "fieldIcon"; "required": false; "isSignal": true; }; "fieldIconSide": { "alias": "fieldIconSide"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeField, "tz-range-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "openEnded": { "alias": "openEnded"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "defaultTimes": { "alias": "defaultTimes"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "snapMinutes": { "alias": "snapMinutes"; "required": false; "isSignal": true; }; "maxSpan": { "alias": "maxSpan"; "required": false; "isSignal": true; }; "minSpan": { "alias": "minSpan"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "confirm": { "alias": "confirm"; "required": false; "isSignal": true; }; "shift": { "alias": "shift"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; "showStep": { "alias": "showStep"; "required": false; "isSignal": true; }; "singleDay": { "alias": "singleDay"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "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; }; "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; }; "now": { "alias": "now"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "fieldIcon": { "alias": "fieldIcon"; "required": false; "isSignal": true; }; "fieldIconSide": { "alias": "fieldIconSide"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 /** `<tz-date-range>` — the range from @tzslot/dom, spoken in Angular. */
@@ -579,7 +640,17 @@ declare class DateRange implements ControlValueAccessor, AfterViewInit {
     readonly rangeSpansBlockedMessage: _angular_core.InputSignal<string | undefined>;
     protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
     private readonly host;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly prevSlot;
     private readonly nextSlot;
     private readonly settings;
@@ -595,7 +666,7 @@ declare class DateRange implements ControlValueAccessor, AfterViewInit {
     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; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "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>;
+    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; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "rangeSpansBlockedMessage": { "alias": "rangeSpansBlockedMessage"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[tzPrev]", "[tzNext]"], true, never>;
 }
 
 /**
@@ -663,7 +734,17 @@ declare class DateTimeRange implements ControlValueAccessor {
     readonly endLabel: _angular_core.InputSignal<string | undefined>;
     readonly endBeforeStartMessage: _angular_core.InputSignal<string | undefined>;
     protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly settings;
     /** Created before the required timeZone is bound; the first change detection fills it in. */
     private readonly range;
@@ -681,7 +762,7 @@ declare class DateTimeRange implements ControlValueAccessor {
     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": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "allDay": { "alias": "allDay"; "required": false; "isSignal": true; }; "allDaySwitch": { "alias": "allDaySwitch"; "required": false; "isSignal": true; }; "openEnded": { "alias": "openEnded"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "defaultTime": { "alias": "defaultTime"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "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"; "allDay": "allDayChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeRange, "tz-datetime-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "valueAs": { "alias": "valueAs"; "required": false; "isSignal": true; }; "allDay": { "alias": "allDay"; "required": false; "isSignal": true; }; "allDaySwitch": { "alias": "allDaySwitch"; "required": false; "isSignal": true; }; "openEnded": { "alias": "openEnded"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "defaultTime": { "alias": "defaultTime"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "renderCell": { "alias": "renderCell"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "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; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "allDay": "allDayChange"; }, never, never, true, never>;
 }
 
 /**
@@ -721,7 +802,17 @@ declare class DailyRange implements ControlValueAccessor {
     /** 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;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly settings;
     /** Created before the required timeZone is bound; the first change detection fills it in. */
     private readonly range;
@@ -740,7 +831,7 @@ declare class DailyRange implements ControlValueAccessor {
     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": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DailyRange, "tz-daily-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "timeLayout": { "alias": "timeLayout"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "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; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -773,7 +864,17 @@ declare class MultiDate implements ControlValueAccessor, AfterViewInit {
     readonly valueTimeZone: _angular_core.InputSignal<string>;
     protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
     private readonly host;
-    private readonly messages;
+    /**
+     * The words the widget says itself — not the month names, which come from
+     * `locale`.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs: an injected value is read
+     * once and never changes again.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
     private readonly prevSlot;
     private readonly nextSlot;
     private readonly settings;
@@ -791,8 +892,141 @@ declare class MultiDate implements ControlValueAccessor, AfterViewInit {
     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; }; "weekNumbers": { "alias": "weekNumbers"; "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>;
+    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; }; "weekNumbers": { "alias": "weekNumbers"; "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; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "view": "viewChange"; }, never, ["[tzPrev]", "[tzNext]"], true, never>;
+}
+
+/**
+ * `<tz-time-select>` — an hour menu and a minute menu, spoken in Angular.
+ *
+ * What it holds is a `PlainTime`: a clock face, with no day and no zone. Give
+ * it `date` and `timeZone` and the menus show that day as the zone really has
+ * it — the hour that is skipped is absent, the hour that happens twice is
+ * offered twice — and `offsetChange` says which of the two was taken.
+ *
+ * A screen that fills two of these from a list built by hand is the screen
+ * this replaces: walking a day hour by hand and guessing the transitions is
+ * where the two mornings a year go wrong.
+ */
+declare class TimeSelect implements ControlValueAccessor {
+    /** Set once for the application with provideTzslot(); a binding still wins. */
+    private readonly defaults;
+    /** The clock face chosen. */
+    readonly value: _angular_core.ModelSignal<temporal_spec.Temporal.PlainTime | null>;
+    /**
+     * Which reading of an ambiguous time is held, as `+02:00` or `+01:00`.
+     *
+     * It means nothing on an ordinary hour and is ignored there. On the morning
+     * an hour happens twice it is the difference between two moments an hour
+     * apart, so a screen that stores instants has to carry it.
+     */
+    readonly offset: _angular_core.ModelSignal<string | null>;
+    /**
+     * The day the menus stand on. Without it they are a plain clock face; with
+     * it they are that day as the zone has it.
+     */
+    readonly date: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainDate | null>;
+    /** An IANA identifier. Left out, `provideTzslot` answers. */
+    readonly timeZone: _angular_core.InputSignal<string | undefined>;
+    /** Minutes between the options of the minute menu. */
+    readonly minuteStep: _angular_core.InputSignal<number>;
+    /** Hours between the options of the hour menu. */
+    readonly hourStep: _angular_core.InputSignal<number>;
+    /** Twelve-hour menus with an AM/PM one beside them; the locale decides when unset. */
+    readonly hour12: _angular_core.InputSignal<boolean | undefined>;
+    /** The first and last times offered. */
+    readonly minTime: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainTime | undefined>;
+    readonly maxTime: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainTime | undefined>;
+    /**
+     * How the repeated hour is shown: `'named'` writes it once and names the
+     * reading in force underneath, `'marked'` puts both in the menu as `02` and
+     * `02*`.
+     */
+    readonly readingStyle: _angular_core.InputSignal<"named" | "marked">;
+    /** A BCP-47 tag. Decides twelve or twenty-four hours, and nothing else here. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * The words the widget says itself — not the figures, which are the locale's.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly settings;
+    private readonly menus;
+    constructor();
+    private onChange;
+    protected onTouched: () => void;
+    /** Typed `unknown`: a form holds what the application put there. */
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeSelect, "tz-time-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "readingStyle": { "alias": "readingStyle"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "offset": "offsetChange"; }, never, never, true, never>;
+}
+
+/**
+ * `<tz-time-input>` — the compact time field, spoken in Angular.
+ *
+ * Arrows, the wheel, the up and down keys, and typing. It holds a `PlainTime`:
+ * a clock face, with no day and no zone. Given `date` and `timeZone` it knows
+ * which day it stands on, so the arrows step over an hour that does not happen
+ * and a time typed into the gap settles on the first moment that does.
+ */
+declare class TimeInput implements ControlValueAccessor {
+    /** Set once for the application with provideTzslot(); a binding still wins. */
+    private readonly defaults;
+    /** The clock face chosen. */
+    readonly value: _angular_core.ModelSignal<temporal_spec.Temporal.PlainTime | null>;
+    /** What one press of an arrow, or the wheel, moves the minutes by. */
+    readonly stepMinutes: _angular_core.InputSignal<number>;
+    /** A twelve-hour field with AM/PM beside it; the locale decides when unset. */
+    readonly hour12: _angular_core.InputSignal<boolean | undefined>;
+    /** The window the arrows and the typing stay inside. */
+    readonly minTime: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainTime | undefined>;
+    readonly maxTime: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainTime | undefined>;
+    /** A BCP-47 tag. Decides twelve or twenty-four hours, and nothing else here. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The day the field stands on. Without it it is a clock face and nothing
+     * more; with it the two mornings a year stop being ordinary.
+     */
+    readonly date: _angular_core.InputSignal<string | temporal_spec.Temporal.PlainDate | null>;
+    /** An IANA identifier. Left out, `provideTzslot` answers. */
+    readonly timeZone: _angular_core.InputSignal<string | undefined>;
+    /**
+     * `'boxed'` is a bordered field. `'bare'` drops the box and stacks the
+     * arrows above and below the figures, which is how a panel draws it.
+     */
+    readonly variant: _angular_core.InputSignal<"boxed" | "bare">;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * The words the widget says itself — not the figures, which are the locale's.
+     *
+     * An application speaks one language, so the usual place to say it once is
+     * `provideTzslotMessages(FR)` or `provideTzslot({ messages: FR })`, and that
+     * is what this falls back to. Written on the tag it wins, which is what a
+     * screen switching language while it runs needs.
+     */
+    readonly messages: _angular_core.InputSignal<TzslotMessages>;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly settings;
+    private readonly field;
+    constructor();
+    private onChange;
+    protected onTouched: () => void;
+    /** Typed `unknown`: a form holds what the application put there. */
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeInput, "tz-time-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
-export { Calendar, DailyRange, DateField, DateRange, DateTimeField, DateTimeRange, MultiDate, RangeField, TZSLOT_DEFAULTS, TZSLOT_MESSAGES, TimeSlotPicker, pairIn, pairOut, provideTzslot, provideTzslotMessages };
+export { Calendar, DailyRange, DateField, DateRange, DateTimeField, DateTimeRange, MultiDate, RangeField, TZSLOT_DEFAULTS, TZSLOT_MESSAGES, TimeInput, TimeSelect, TimeSlotPicker, pairIn, pairOut, provideTzslot, provideTzslotMessages };
 export type { MomentPair, TzslotDefaults };