@angular/material 22.2.0-next.2 → 22.2.0-next.4

package/fesm2022/tree.mjs

@@ -45,7 +45,7 @@ class MatTreeNode extends CdkTreeNode {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeNode,
     deps: [],
@@ -53,7 +53,7 @@ class MatTreeNode extends CdkTreeNode {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatTreeNode,
     isStandalone: true,
     selector: "mat-tree-node",
@@ -89,7 +89,7 @@ class MatTreeNode extends CdkTreeNode {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTreeNode,
   decorators: [{
@@ -134,7 +134,7 @@ class MatTreeNodeDef extends CdkTreeNodeDef {
   data;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeNodeDef,
     deps: null,
@@ -142,7 +142,7 @@ class MatTreeNodeDef extends CdkTreeNodeDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatTreeNodeDef,
     isStandalone: true,
     selector: "[matTreeNodeDef]",
@@ -160,7 +160,7 @@ class MatTreeNodeDef extends CdkTreeNodeDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTreeNodeDef,
   decorators: [{
@@ -210,7 +210,7 @@ class MatNestedTreeNode extends CdkNestedTreeNode {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatNestedTreeNode,
     deps: null,
@@ -218,7 +218,7 @@ class MatNestedTreeNode extends CdkNestedTreeNode {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatNestedTreeNode,
     isStandalone: true,
     selector: "mat-nested-tree-node",
@@ -251,7 +251,7 @@ class MatNestedTreeNode extends CdkNestedTreeNode {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatNestedTreeNode,
   decorators: [{
@@ -310,7 +310,7 @@ class MatTreeNodePadding extends CdkTreeNodePadding {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeNodePadding,
     deps: null,
@@ -318,7 +318,7 @@ class MatTreeNodePadding extends CdkTreeNodePadding {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatTreeNodePadding,
     isStandalone: true,
     selector: "[matTreeNodePadding]",
@@ -336,7 +336,7 @@ class MatTreeNodePadding extends CdkTreeNodePadding {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTreeNodePadding,
   decorators: [{
@@ -371,7 +371,7 @@ class MatTreeNodeOutlet {
   });
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeNodeOutlet,
     deps: [],
@@ -379,7 +379,7 @@ class MatTreeNodeOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatTreeNodeOutlet,
     isStandalone: true,
     selector: "[matTreeNodeOutlet]",
@@ -392,7 +392,7 @@ class MatTreeNodeOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTreeNodeOutlet,
   decorators: [{
@@ -411,7 +411,7 @@ class MatTree extends CdkTree {
   _nodeOutlet = undefined;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTree,
     deps: null,
@@ -419,7 +419,7 @@ class MatTree extends CdkTree {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatTree,
     isStandalone: true,
     selector: "mat-tree",
@@ -454,7 +454,7 @@ class MatTree extends CdkTree {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTree,
   decorators: [{
@@ -489,7 +489,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatTreeNodeToggle extends CdkTreeNodeToggle {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeNodeToggle,
     deps: null,
@@ -497,7 +497,7 @@ class MatTreeNodeToggle extends CdkTreeNodeToggle {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     type: MatTreeNodeToggle,
     isStandalone: true,
     selector: "[matTreeNodeToggle]",
@@ -514,7 +514,7 @@ class MatTreeNodeToggle extends CdkTreeNodeToggle {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTreeNodeToggle,
   decorators: [{
@@ -537,7 +537,7 @@ const MAT_TREE_DIRECTIVES = [MatNestedTreeNode, MatTreeNodeDef, MatTreeNodePaddi
 class MatTreeModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeModule,
     deps: [],
@@ -545,7 +545,7 @@ class MatTreeModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeModule,
     imports: [CdkTreeModule, MatNestedTreeNode, MatTreeNodeDef, MatTreeNodePadding, MatTreeNodeToggle, MatTree, MatTreeNode, MatTreeNodeOutlet],
@@ -553,7 +553,7 @@ class MatTreeModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.4",
     ngImport: i0,
     type: MatTreeModule,
     imports: [CdkTreeModule, BidiModule]
@@ -561,7 +561,7 @@ class MatTreeModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.4",
   ngImport: i0,
   type: MatTreeModule,
   decorators: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "22.2.0-next.2",
+  "version": "22.2.0-next.4",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -353,7 +353,7 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "22.2.0-next.2",
+    "@angular/cdk": "22.2.0-next.4",
     "@angular/core": "^22.0.0-0 || ^22.1.0-0 || ^22.2.0-0 || ^22.3.0-0 || ^23.0.0-0",
     "@angular/common": "^22.0.0-0 || ^22.1.0-0 || ^22.2.0-0 || ^22.3.0-0 || ^23.0.0-0",
     "@angular/forms": "^22.0.0-0 || ^22.1.0-0 || ^22.2.0-0 || ^22.3.0-0 || ^23.0.0-0",

package/schematics/ng-add/index.js

@@ -19,7 +19,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~22.2.0-next.2`;
+const fallbackMaterialVersionRange = `~22.2.0-next.4`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.

package/types/_form-field-chunk.d.ts

@@ -323,7 +323,7 @@ declare class MatFormField implements FloatingLabelParent, AfterContentInit, Aft
      * right offset has been calculated, we forcibly render the label inside the infix. Since
      * the label is part of the infix, the label cannot overflow the prefix content.
      */
-    _forceDisplayInfixLabel(): boolean | 0;
+    _forceDisplayInfixLabel(): 0 | boolean;
     _hasFloatingLabel: i0.Signal<boolean>;
     _shouldLabelFloat(): boolean;
     /**

package/types/button.d.ts

@@ -116,7 +116,7 @@ declare class MatButton extends MatButtonBase {
     /** Programmatically sets the appearance of the button. */
     setAppearance(appearance: MatButtonAppearance): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", ["matButton", "matAnchor"], { "appearance": { "alias": "matButton"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]", "[progressIndicator]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", ["matButton", "matAnchor"], { "appearance": { "alias": "matButton"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd]), .material-symbols-outlined:not([iconPositionEnd]), .material-symbols-rounded:not([iconPositionEnd]), .material-symbols-sharp:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd], .material-symbols-outlined[iconPositionEnd], .material-symbols-rounded[iconPositionEnd], .material-symbols-sharp[iconPositionEnd]", "[progressIndicator]"], true, never>;
 }
 /**
  * Material Design button component for anchor elements. Anchor elements are used to provide
@@ -152,7 +152,7 @@ declare class MatFabButton extends MatButtonBase {
     extended: boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatFabButton, "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]", "[progressIndicator]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatFabButton, "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd]), .material-symbols-outlined:not([iconPositionEnd]), .material-symbols-rounded:not([iconPositionEnd]), .material-symbols-sharp:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd], .material-symbols-outlined[iconPositionEnd], .material-symbols-rounded[iconPositionEnd], .material-symbols-sharp[iconPositionEnd]", "[progressIndicator]"], true, never>;
     static ngAcceptInputType_extended: unknown;
 }
 /**
@@ -165,7 +165,7 @@ declare class MatMiniFabButton extends MatButtonBase {
     _isFab: boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMiniFabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatMiniFabButton, "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]", "[progressIndicator]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatMiniFabButton, "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd]), .material-symbols-outlined:not([iconPositionEnd]), .material-symbols-rounded:not([iconPositionEnd]), .material-symbols-sharp:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd], .material-symbols-outlined[iconPositionEnd], .material-symbols-rounded[iconPositionEnd], .material-symbols-sharp[iconPositionEnd]", "[progressIndicator]"], true, never>;
 }
 /**
  * Material Design floating action button (FAB) component for anchor elements. Anchor elements

package/types/datepicker.d.ts

@@ -1641,7 +1641,7 @@ declare class MatDateRangeInput<D> implements MatFormFieldControl<DateRange<D>>,
     /** Opens the date range picker associated with the input. */
     _openDatepicker(): void;
     /** Whether the separate text should be hidden. */
-    _shouldHideSeparator(): boolean | "" | null;
+    _shouldHideSeparator(): "" | boolean | null;
     /** Gets the value for the `aria-labelledby` attribute of the inputs. */
     _getAriaLabelledby(): string | null;
     _getStartDateAccessibleName(): string;

package/types/expansion.d.ts

@@ -104,6 +104,14 @@ declare class MatExpansionPanel extends CdkAccordionItem implements AfterContent
     readonly afterCollapse: EventEmitter<void>;
     /** Stream that emits for changes in `@Input` properties. */
     readonly _inputChanges: Subject<{
+        readonly closed?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly opened?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly destroyed?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly expandedChange?: i0.SimpleChange<EventEmitter<boolean>> | undefined;
+        readonly id?: i0.SimpleChange<string> | undefined;
+        expanded?: i0.SimpleChange<boolean> | undefined;
+        disabled?: i0.SimpleChange<boolean> | undefined;
+        ngOnInit?: i0.SimpleChange<() => void> | undefined;
         hideToggle?: i0.SimpleChange<boolean> | undefined;
         togglePosition?: i0.SimpleChange<MatAccordionTogglePosition> | undefined;
         readonly afterExpand?: i0.SimpleChange<EventEmitter<void>> | undefined;
@@ -123,14 +131,6 @@ declare class MatExpansionPanel extends CdkAccordionItem implements AfterContent
         ngOnChanges?: i0.SimpleChange<(changes: /*elided*/ any) => void> | undefined;
         ngOnDestroy?: i0.SimpleChange<() => void> | undefined;
         _containsFocus?: i0.SimpleChange<() => boolean> | undefined;
-        readonly closed?: i0.SimpleChange<EventEmitter<void>> | undefined;
-        readonly opened?: i0.SimpleChange<EventEmitter<void>> | undefined;
-        readonly destroyed?: i0.SimpleChange<EventEmitter<void>> | undefined;
-        readonly expandedChange?: i0.SimpleChange<EventEmitter<boolean>> | undefined;
-        readonly id?: i0.SimpleChange<string> | undefined;
-        expanded?: i0.SimpleChange<boolean> | undefined;
-        disabled?: i0.SimpleChange<boolean> | undefined;
-        ngOnInit?: i0.SimpleChange<() => void> | undefined;
     }>;
     /** Optionally defined accordion the expansion panel belongs to. */
     accordion: MatAccordionBase;

package/types/menu.d.ts

@@ -94,6 +94,7 @@ interface MatMenuPanel<T = any> {
  * Single item inside a `mat-menu`. Provides the menu item styling and accessibility treatment.
  */
 declare class MatMenuItem implements FocusableOption, AfterViewInit, OnDestroy {
+    protected _isAnchor: boolean;
     private _elementRef;
     private _document;
     private _focusMonitor;
@@ -103,6 +104,12 @@ declare class MatMenuItem implements FocusableOption, AfterViewInit, OnDestroy {
     role: 'menuitem' | 'menuitemradio' | 'menuitemcheckbox';
     /** Whether the menu item is disabled. */
     disabled: boolean;
+    /**
+     * Natively disabled menu items prevent focus and any pointer events from reaching the item.
+     * In some scenarios this might not be desirable, because it can prevent users from finding out
+     * why the item is disabled (e.g. via tooltip).
+     */
+    disabledInteractive: boolean;
     /** Whether ripples are disabled on the menu item. */
     disableRipple: boolean;
     /** Stream that emits when the menu item is hovered. */
@@ -120,6 +127,10 @@ declare class MatMenuItem implements FocusableOption, AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     /** Used to set the `tabindex`. */
     _getTabIndex(): string;
+    /** Gets the `aria-disabled` value for the menu item. */
+    _getAriaDisabled(): boolean | null;
+    /** Gets the `disabled` attribute value for the menu item. */
+    _getDisabled(): boolean | null;
     /** Returns the host DOM element. */
     _getHostElement(): HTMLElement;
     /** Prevents the default element actions if it is disabled. */
@@ -132,8 +143,9 @@ declare class MatMenuItem implements FocusableOption, AfterViewInit, OnDestroy {
     _setTriggersSubmenu(triggersSubmenu: boolean): void;
     _hasFocus(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMenuItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatMenuItem, "[mat-menu-item]", ["matMenuItem"], { "role": { "alias": "role"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, never, ["mat-icon, [matMenuItemIcon]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatMenuItem, "[mat-menu-item]", ["matMenuItem"], { "role": { "alias": "role"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, never, ["mat-icon, [matMenuItemIcon]", "*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_disabledInteractive: unknown;
     static ngAcceptInputType_disableRipple: unknown;
 }
 
@@ -178,7 +190,7 @@ declare class MatMenu implements AfterContentInit, MatMenuPanel<MatMenuItem>, On
     /** Current state of the panel animation. */
     _panelAnimationState: 'void' | 'enter';
     /** Emits whenever an animation on the menu completes. */
-    readonly _animationDone: Subject<"void" | "enter">;
+    readonly _animationDone: Subject<"enter" | "void">;
     /** Whether the menu is animating. */
     _isAnimating: i0.WritableSignal<boolean>;
     /** Parent menu of the current menu panel. */

package/types/sidenav.d.ts

@@ -48,6 +48,7 @@ declare class MatDrawer implements AfterViewInit, OnDestroy {
     private _renderer;
     private readonly _interactivityChecker;
     private _doc;
+    private _isAnimating;
     _container?: MatDrawerContainer | null | undefined;
     private _focusTrap;
     private _elementFocusedBeforeDrawerWasOpened;
@@ -162,6 +163,7 @@ declare class MatDrawer implements AfterViewInit, OnDestroy {
     private _getContent;
     /** Toggles whether the drawer is currently animating. */
     private _setIsAnimating;
+    private _simulateAnimation;
     _getWidth(): number;
     /** Updates the enabled state of the focus trap. */
     private _updateFocusTrapState;

package/types/sort.d.ts

@@ -70,7 +70,7 @@ declare class MatSortHeader implements MatSortable, OnDestroy, OnInit, AfterView
      * says that the aria-sort property should only be present on one header at a time, so removing
      * ensures this is true.
      */
-    _getAriaSortAttribute(): "none" | "ascending" | "descending";
+    _getAriaSortAttribute(): "ascending" | "descending" | "none";
     /** Whether the arrow inside the sort header should be rendered. */
     _renderArrow(): boolean;
     private _updateSortActionDescription;

package/types/timepicker.d.ts

@@ -80,7 +80,7 @@ declare class MatTimepicker<D> implements OnDestroy, MatOptionParentComponent {
     private _onOpenRender;
     protected _panelTemplate: Signal<TemplateRef<unknown>>;
     protected _timeOptions: readonly MatTimepickerOption<D>[];
-    protected _options: Signal<readonly MatOption<any>[]>;
+    protected _options: Signal<readonly MatOption<D>[]>;
     private _keyManager;
     /**
      * Interval between each option in the timepicker. The value can either be an amount of