@nanahoshi/mona-ui 0.24.4 → 0.24.6

package/types/nanahoshi-mona-ui-time-picker.d.ts

@@ -1,10 +1,10 @@
-import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
-import { MonaTimePickerMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { Signal, TemplateRef } from '@angular/core';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaTimePickerMessages } from '@nanahoshi/mona-ui/i18n';
 import { FormValueControl } from '@angular/forms/signals';
 import { PreventableEvent } from '@nanahoshi/mona-ui/common';
-import { HourFormat } from '@nanahoshi/mona-ui/date-input';
+import { HourFormat, TypedDateInput } from '@nanahoshi/mona-ui/date-input';
 import { VariantInputs, AttributeConfig } from '@nanahoshi/mona-ui/internal';
 import { ListSizeInputType } from '@nanahoshi/mona-ui/internal/list';
 import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
@@ -25,16 +25,33 @@ type TimePickerVariantInput = Omit<TimePickerBaseVariantInput, "focused">;
 declare class TimePickerComponent implements FormValueControl<Date | null>, TimePickerVariantInput {
     #private;
     protected readonly baseClass: Signal<string>;
-    protected readonly currentDateString: _angular_core.WritableSignal<string>;
     protected readonly effectiveFormat: Signal<string>;
+    protected readonly effectiveHourFormat: Signal<HourFormat>;
     protected readonly expanded: Signal<boolean>;
     protected readonly inputAttributes: Signal<AttributeConfig>;
     protected readonly invalidState: Signal<boolean>;
     protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaTimePickerMessages>;
-    protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
     protected readonly pickerPopupClass: Signal<string>;
     protected readonly popupId: string;
     protected readonly timePopupTemplateRef: Signal<TemplateRef<unknown>>;
+    /** Set in the constructor, which runs after the `value` model it writes to exists. */
+    protected readonly typedInput: TypedDateInput;
+    /**
+     * @description Id of an element that describes the input, such as a hint or an error message.
+     * @default ""
+     */
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /**
+     * @description Accessible name of the input. Prefer a visible label, linked through {@link inputId} or
+     * {@link ariaLabelledBy}; the placeholder is not a label.
+     * @default ""
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Id of the element that labels the input.
+     * @default ""
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
     /**
      * @description Emits when the popup is about to close. This event is preventable.
      */
@@ -45,37 +62,48 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
     readonly closed: _angular_core.OutputEmitterRef<void>;
     /**
      * @description Sets the disabled state of the time picker.
+     * @default false
      */
-    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * @description Sets the format of the time picker. If not specified, derives from the active locale, hourFormat, and showSeconds.
+     * @description Sets the format of the time picker. If not specified, derives from the active locale, hourFormat,
+     * and showSeconds. Typed text is also accepted with one-digit hours, minutes and seconds.
      * @default null
      */
     readonly format: _angular_core.InputSignal<string | null>;
     /**
-     * @description Sets the hour format of the time picker.
-     * @default 24
+     * @description Sets the hour format of the time picker. When null, the active locale's clock is used: 12-hour for
+     * en-US, 24-hour for de-DE.
+     * @default null
      */
-    readonly hourFormat: _angular_core.InputSignal<HourFormat>;
+    readonly hourFormat: _angular_core.InputSignal<HourFormat | null>;
     /**
      * @description Sets the hour step of the time picker.
      * @default 1
      */
     readonly hourStep: _angular_core.InputSignal<number>;
+    /**
+     * @description Id of the inner `<input>` element. Point a `<label for>` or `<mona-label for>` at it to label the
+     * time picker. A unique id is generated when it isn't set.
+     * @default generated
+     */
+    readonly inputId: _angular_core.InputSignal<string>;
     /**
      * @description Marks the time picker as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * @description Sets the maximum date of the time picker.
-     * @default null
+     * @description Sets the latest time of the time picker. Only the time of day is compared; a later typed time is
+     * reported as a `maxDate` error.
+     * @default undefined
      */
     readonly max: _angular_core.InputSignalWithTransform<Date | undefined, unknown>;
     /**
-     * @description Sets the minimum date of the time picker.
-     * @default null
+     * @description Sets the earliest time of the time picker. Only the time of day is compared; an earlier typed time
+     * is reported as a `minDate` error.
+     * @default undefined
      */
     readonly min: _angular_core.InputSignalWithTransform<Date | undefined, unknown>;
     /**
@@ -101,30 +129,31 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
      */
     readonly popupClass: _angular_core.InputSignal<string>;
     /**
-     * @description Sets the height of the popup element.
-     * @default 200
+     * @description Sets the height of the popup element. When not set, the popup fits the time selector.
+     * @default undefined
      */
     readonly popupHeight: _angular_core.InputSignal<ListSizeInputType>;
     /**
-     * @description Sets the width of the popup element.
-     * @default null
+     * @description Sets the width of the popup element. When not set, the popup fits the time selector.
+     * @default undefined
      */
     readonly popupWidth: _angular_core.InputSignal<ListSizeInputType>;
     /**
      * @description Sets the readonly state of the time picker.
+     * @default false
      */
-    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description When true, the input is readonly but the popup button remains enabled.
      * @default false
      */
-    readonly readonlyInput: _angular_core.InputSignal<boolean>;
+    readonly readonlyInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the required state of the time picker.
      * When bound to a signal form field via `[formField]`, this is written by the `FormField` directive.
      * @default false
      */
-    readonly required: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the border radius of the time picker.
      */
@@ -135,19 +164,21 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
      */
     readonly secondStep: _angular_core.InputSignal<number>;
     /**
-     * @description Sets the visibility of the clear button.
+     * @description Sets the visibility of the clear button. Clearing empties the value at once.
+     * @default false
      */
-    readonly showClearButton: _angular_core.InputSignal<boolean>;
+    readonly showClearButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the visibility of the second selector.
+     * @default false
      */
-    readonly showSeconds: _angular_core.InputSignal<boolean>;
+    readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the size of the time picker.
      */
     readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
     /**
-     * @description Emitted when the time picker is interacted with via blur, selection, or clear.
+     * @description Emitted when focus leaves the time picker and its popup.
      * The `FormField` directive listens to this to mark the field as touched.
      */
     readonly touch: _angular_core.OutputEmitterRef<void>;
@@ -156,32 +187,31 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly userClass: _angular_core.InputSignal<string>;
     /**
-     * @description Two-way bindable current time value.
+     * @description Two-way bindable current time value. Typed text is written on Enter and when the input loses
+     * focus, on the current value's day (today when empty); text that isn't a valid time keeps the previous value
+     * and marks the field invalid.
      * @default null
      */
     readonly value: _angular_core.ModelSignal<Date | null>;
     constructor();
-    focus(): void;
-    protected onDateStringEdit(dateString: string): void;
-    protected onTimeInputBlur(): void;
+    /**
+     * Focuses the input and places the caret after the text. Read-only pickers take focus too.
+     * @param options Options passed to the native `focus()` call, such as `preventScroll`.
+     */
+    focus(options?: FocusOptions): void;
+    protected onFocusIn(event: FocusEvent): void;
+    protected onFocusOut(event: FocusEvent): void;
+    protected onInputBlur(): void;
+    protected onKeydown(event: KeyboardEvent): void;
     protected onTimeInputButtonClick(): void;
     protected onTimeSelectorValueChange(date: Date | null): void;
-    private dateStringEquals;
-    private generateValidDateTime;
-    private handleKeydown;
     private openPopup;
-    private processTimeInput;
-    private setCurrentDate;
-    private setCurrentDateString;
-    private setDateValues;
-    private setKeyboardNavigation;
-    private setSubscriptions;
-    private updateCurrentDateString;
+    private setPopupCloseSubscription;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "mona-time-picker", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "mona-time-picker", never, { "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const TIME_PICKER_DEFAULT_MESSAGES: MonaTimePickerMessages;

package/types/nanahoshi-mona-ui-time-selector.d.ts

@@ -1,13 +1,11 @@
 import * as _mirei_ts_collections from '@mirei/ts-collections';
-import * as _nanahoshi_mona_ui_date_input from '@nanahoshi/mona-ui/date-input';
-import { Meridiem, HourFormat } from '@nanahoshi/mona-ui/date-input';
-import * as luxon from 'luxon';
-import { DateTime } from 'luxon';
 import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
 import { MonaTimeSelectorMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { Signal, ElementRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
+import { HourFormat, TimeUnit, Meridiem } from '@nanahoshi/mona-ui/date-input';
+import { DateTime } from 'luxon';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
@@ -42,53 +40,72 @@ type TimeSelectorVariantInput = TimeSelectorBaseVariantInput & TimeSelectorHeade
 
 declare class TimeSelectorComponent implements FormValueControl<Date | null>, TimeSelectorVariantInput {
     #private;
-    protected readonly isRtl: _angular_core.Signal<boolean>;
-    protected readonly amMeridiemVisible: _angular_core.Signal<boolean>;
-    protected readonly baseClass: _angular_core.Signal<string>;
-    protected readonly computedPopupHeight: _angular_core.Signal<number>;
+    protected readonly amMeridiemVisible: Signal<boolean>;
+    protected readonly baseClass: Signal<string>;
+    protected readonly computedPopupHeight: Signal<number>;
+    /** The clock in use: the `hourFormat` input, or the locale's own when it isn't set. */
+    protected readonly effectiveHourFormat: Signal<HourFormat>;
     protected readonly focusedList: _angular_core.WritableSignal<TimeListType>;
-    protected readonly footerClass: _angular_core.Signal<string>;
-    protected readonly headerClass: _angular_core.Signal<string>;
-    protected readonly hour: _angular_core.Signal<number>;
+    protected readonly footerClass: Signal<string>;
+    protected readonly headerClass: Signal<string>;
+    protected readonly hour: Signal<number>;
     protected readonly hourListId: string;
-    protected readonly hourListRef: _angular_core.Signal<ElementRef<HTMLOListElement>>;
-    protected readonly infoContainerClass: _angular_core.Signal<string>;
-    protected readonly invalidState: _angular_core.Signal<boolean>;
-    protected readonly listContainerClass: _angular_core.Signal<string>;
-    protected readonly maxDate: _angular_core.Signal<DateTime<true> | DateTime<false> | null>;
+    protected readonly hourListRef: Signal<ElementRef<HTMLOListElement>>;
+    /** The hours shown and reachable with the keyboard: on the step, within min and max. */
+    protected readonly hourOptions: Signal<Iterable<TimeUnit>>;
+    protected readonly infoContainerClass: Signal<string>;
+    protected readonly invalidState: Signal<boolean>;
+    protected readonly isRtl: Signal<boolean>;
+    protected readonly listContainerClass: Signal<string>;
+    protected readonly maxDate: Signal<DateTime<true> | DateTime<false> | null>;
     protected readonly meridiem: _angular_core.WritableSignal<Meridiem>;
     protected readonly meridiemListId: string;
-    protected readonly meridiemListRef: _angular_core.Signal<ElementRef<HTMLOListElement> | undefined>;
-    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaTimeSelectorMessages>;
-    protected readonly minDate: _angular_core.Signal<DateTime<true> | DateTime<false> | null>;
-    protected readonly minute: _angular_core.Signal<luxon.SecondNumbers>;
+    protected readonly meridiemListRef: Signal<ElementRef<HTMLOListElement> | undefined>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaTimeSelectorMessages>;
+    protected readonly minDate: Signal<DateTime<true> | DateTime<false> | null>;
+    protected readonly minute: Signal<number>;
     protected readonly minuteListId: string;
-    protected readonly minuteListRef: _angular_core.Signal<ElementRef<HTMLOListElement>>;
-    protected readonly minutes: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_nanahoshi_mona_ui_date_input.TimeUnit>>;
-    protected readonly navigatedDate: _angular_core.WritableSignal<DateTime<true>>;
-    protected readonly navigatedDateText: _angular_core.Signal<string>;
-    protected readonly pmMeridiemVisible: _angular_core.Signal<boolean>;
-    protected readonly second: _angular_core.Signal<luxon.SecondNumbers>;
+    protected readonly minuteListRef: Signal<ElementRef<HTMLOListElement>>;
+    protected readonly minuteOptions: Signal<Iterable<TimeUnit>>;
+    protected readonly navigatedDate: _angular_core.WritableSignal<DateTime<boolean>>;
+    protected readonly navigatedDateText: Signal<string>;
+    protected readonly pmMeridiemVisible: Signal<boolean>;
+    protected readonly second: Signal<number>;
     protected readonly secondListId: string;
-    protected readonly secondListRef: _angular_core.Signal<ElementRef<HTMLOListElement> | undefined>;
-    protected readonly seconds: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_nanahoshi_mona_ui_date_input.TimeUnit>>;
-    protected readonly viewHours: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_nanahoshi_mona_ui_date_input.TimeUnit>>;
+    protected readonly secondListRef: Signal<ElementRef<HTMLOListElement> | undefined>;
+    protected readonly secondOptions: Signal<Iterable<TimeUnit>>;
+    protected readonly viewHours: Signal<_mirei_ts_collections.ImmutableSet<TimeUnit>>;
     /**
      * @description Accessible label for the time selector group.
      * @default ""
      */
     readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly focusOnMount: _angular_core.InputSignal<boolean>;
-    readonly footer: _angular_core.InputSignal<boolean>;
-    readonly hourFormat: _angular_core.InputSignal<HourFormat>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @description Moves focus to the hour list when the selector first renders. The pickers set it for their popups;
+     * an inline selector leaves focus where it is, so the page doesn't jump to it on load.
+     * @default false
+     */
+    readonly focusOnMount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @description Shows the Set button. Without it, every change of hour, minute, second or AM/PM made by the user
+     * is written to the value at once.
+     * @default true
+     */
+    readonly footer: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @description The clock to show: "12" with an AM/PM list, or "24". When not set, the active locale's own clock
+     * is used (12-hour for en-US, 24-hour for de-DE).
+     * @default null
+     */
+    readonly hourFormat: _angular_core.InputSignal<HourFormat | null>;
     readonly hourStep: _angular_core.InputSignal<number>;
     /**
      * @description Marks the time selector as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly max: _angular_core.InputSignalWithTransform<Date | undefined, unknown>;
     readonly min: _angular_core.InputSignalWithTransform<Date | undefined, unknown>;
     readonly minuteStep: _angular_core.InputSignal<number>;
@@ -96,20 +113,20 @@ declare class TimeSelectorComponent implements FormValueControl<Date | null>, Ti
      * @description Prevents value changes while preserving the component's visual state.
      * @default false
      */
-    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets whether the time selector is required. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly required: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "full" | "none" | null | undefined>;
     readonly secondStep: _angular_core.InputSignal<number>;
-    readonly showSeconds: _angular_core.InputSignal<boolean>;
+    readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
     /**
-     * @description Emitted when the time selector is interacted with via blur or value selection.
-     * The `FormField` directive listens to this to mark the field as touched.
+     * @description Emitted when focus leaves the time selector, as a native input is touched on blur. Moving between
+     * its lists and buttons doesn't count. The `FormField` directive listens to this to mark the field as touched.
      */
     readonly touch: _angular_core.OutputEmitterRef<void>;
     /**
@@ -117,31 +134,46 @@ declare class TimeSelectorComponent implements FormValueControl<Date | null>, Ti
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * @description Two-way bindable current time value.
+     * @description Two-way bindable current time value. It is written by the Set button and Enter, or, without a
+     * footer, by each change the user makes; never on its own.
      * @default null
      */
     readonly value: _angular_core.ModelSignal<Date | null>;
     constructor();
-    focus(): void;
+    /**
+     * Moves focus to the active list.
+     * @param options passed to the native `focus()` call, for example `{ preventScroll: true }`.
+     */
+    focus(options?: FocusOptions): void;
+    /** The id of the active option, or null while the time isn't one of the options (between steps, say). */
+    protected activeOptionId(listId: string, options: Iterable<TimeUnit>, value: number): string | null;
     protected formatTwoDigit(value: number): string;
-    protected onBlur(): void;
+    protected onFocusOut(event: FocusEvent): void;
     protected onHourChange(hour: number): void;
-    protected onMeridiemClick(meridiem: "AM" | "PM"): void;
+    protected onMeridiemClick(meridiem: Meridiem): void;
     protected onMinuteChange(minute: number): void;
-    protected onNowClick(_event: Event): void;
+    protected onNowClick(): void;
     protected onSecondChange(second: number): void;
     protected onSetTimeClick(): void;
+    /** Moves a time inside min and max, on the same day. */
+    private clampToRange;
     private dateValuesEqual;
     private focusList;
     private getListRef;
     private getNextList;
+    private getOptions;
     private handleKeydown;
     private initializeNavigatedDate;
+    /** The options of a list that pass the step and the min/max bounds for the time being edited. */
+    private limit;
+    /** Moves through the options of a list, so the keyboard reaches what the mouse can: steps within min and max. */
     private navigateItem;
+    private navigateTo;
     private navigateToEdge;
     private setDateValues;
+    private setUnit;
     private setupKeyboardNavigation;
     private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeSelectorComponent, never>;