@eui/components 17.0.3-snapshot-1704334309393 → 17.0.3-snapshot-1704421850692

package/eui-timepicker/eui-timepicker.component.d.ts

@@ -1,5 +1,4 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { ElementRef, OnInit, DoCheck, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
+import { OnInit, DoCheck, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
 import { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';
 import { EuiTimePicker } from './models/eui-timepicker.model';
@@ -26,41 +25,92 @@ export declare class EuiTimepickerComponent implements ControlValueAccessor, OnI
     stepHours: number;
     stepMinutes: number;
     stepSeconds: number;
-    get isreadOnly(): boolean;
-    set isreadOnly(value: BooleanInput);
-    private _isreadOnly;
-    get isOneInputField(): boolean;
-    set isOneInputField(value: BooleanInput);
-    private _isOneInputField;
-    get hasSeconds(): boolean;
-    set hasSeconds(value: BooleanInput);
-    private _hasSeconds;
+    isreadOnly: boolean;
+    isOneInputField: boolean;
+    hasSeconds: boolean;
     private propagatedValues;
     private destroy$;
-    protected inputHoursElement: ElementRef<HTMLInputElement>;
-    protected inputMinsElement: ElementRef<HTMLInputElement>;
-    protected inputSecsElement: ElementRef<HTMLInputElement>;
     constructor(config: EuiDateTimePickerConfig, control: NgControl);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
     ngOnDestroy(): void;
+    /**
+     * Increments or decrements hours according to the step param being passed
+     *
+     * @param step The step number that hours will increase or decrease
+     */
     changeHours(step: number): void;
+    /**
+     * Increments or decrements minutes according to the step param being passed
+     *
+     * @param step The step number that minutes will increase or decrease
+     */
     changeMinutes(step: number): void;
+    /**
+     * Increments or decrements seconds according to the step param being passed
+     *
+     * @param step The step number that seconds will increase or decrease
+     */
     changeSeconds(step: number): void;
+    /**
+     * Updates the input field when hours change and adds 24hour validation + propagates the value back to the form
+     *
+     * @param newVal The new value that hours will have
+     */
     updateHours(newVal: string): void;
+    /**
+     * Updates the input field when minutes change and adds 60mins validation + propagates the value back to the form
+     *
+     * @param newVal The new value that minutes will have
+     */
     updateMinutes(newVal: string): void;
+    /**
+     * Updates the input field when seconds change and adds 60secs validation + propagates the value back to the form
+     *
+     * @param newVal The new value that seconds will have
+     */
     updateSeconds(newVal: string): void;
     /**
      * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched
      */
     onFocusOut(): void;
     writeValue(values: EuiTimePicker): void;
+    /**
+     * Disables the hour up incremental when max time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     hoursUpDisable(state: boolean): void;
+    /**
+     * Disables the hour down decremental when min time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     hoursDownDisable(state: boolean): void;
+    /**
+     * Disables the minutes up incremental when max time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     minutesUpDisable(state: boolean): void;
+    /**
+     * Disables the minutes down decremental when min time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     minutesDownDisable(state: boolean): void;
+    /**
+     * Disables the seconds up incremental when max time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     secondsUpDisable(state: boolean): void;
+    /**
+     * Disables the seconds down decremental when min time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     secondsDownDisable(state: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -77,5 +127,8 @@ export declare class EuiTimepickerComponent implements ControlValueAccessor, OnI
     private propagateTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiTimepickerComponent, [{ optional: true; }, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EuiTimepickerComponent, "eui-timepicker", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "timeMask": { "alias": "timeMask"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "stepHours": { "alias": "stepHours"; "required": false; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; }; "stepSeconds": { "alias": "stepSeconds"; "required": false; }; "isreadOnly": { "alias": "isreadOnly"; "required": false; }; "isOneInputField": { "alias": "isOneInputField"; "required": false; }; "hasSeconds": { "alias": "hasSeconds"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_isreadOnly: unknown;
+    static ngAcceptInputType_isOneInputField: unknown;
+    static ngAcceptInputType_hasSeconds: unknown;
 }
 //# sourceMappingURL=eui-timepicker.component.d.ts.map

package/eui-timepicker/eui-timepicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-timepicker.component.d.ts","sourceRoot":"","sources":["../../eui-timepicker/eui-timepicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAEH,UAAU,EAGV,MAAM,EAKN,OAAO,EACP,SAAS,EACT,aAAa,EACb,SAAS,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAE9D,qBAMa,sBAAuB,YAAW,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS;IAkE9E,OAAO,CAAC,OAAO;IAjEvC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,mBAAqB;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IAEd,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAC1B,iBAAiB,UAAS;IAC1B,mBAAmB,UAAS;IAC5B,iBAAiB,UAAS;IAC1B,mBAAmB,UAAS;IAE1B,OAAO,SAAoB;IAE3B,QAAQ,SAAU;IAClB,WAAW,SAAiB;IAE5B,SAAS,SAAK;IACd,WAAW,SAAK;IAChB,WAAW,SAAK;IAEzB,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,IACI,eAAe,IAAI,OAAO,CAE7B;IACD,IAAI,eAAe,CAAC,KAAK,EAAE,YAAY,EAEtC;IACD,OAAO,CAAC,gBAAgB,CAAS;IAEjC,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,gBAAgB,CAItB;IACF,OAAO,CAAC,QAAQ,CAA4C;IAEV,SAAS,CAAC,iBAAiB,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC3D,SAAS,CAAC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzD,SAAS,CAAC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;gBAGxD,MAAM,EAAE,uBAAuB,EACjD,OAAO,EAAE,SAAS;IAsBlD,QAAQ,IAAI,IAAI;IAmChB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAE,IAAI;IAgBxC,SAAS,IAAI,IAAI;IAQjB,WAAW,IAAI,IAAI;IAKnB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO/B,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAOjC,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAOjC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAkBjC,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAmBnC,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAmBnC;;OAEG;IACH,UAAU,IAAI,IAAI;IAmBlB,UAAU,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;IA+BhC,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIpC,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIxC,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAM/C,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAM/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAKhC,OAAO,CAAC,UAAU,CAAkE;IAIpF,OAAO,CAAC,SAAS;IAIjB;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,eAAe,CAAmC;IAE1D,OAAO,CAAC,gBAAgB,CAA6B;yCAzV5C,sBAAsB;2CAAtB,sBAAsB;CA0VlC"}
+{"version":3,"file":"eui-timepicker.component.d.ts","sourceRoot":"","sources":["../../eui-timepicker/eui-timepicker.component.ts"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-icon-toggle.mjs

@@ -43,7 +43,7 @@ class EuiIconToggleComponent {
             this.setIconClass();
             this.toggle.emit(this.isChecked);
         }
-        this.focusElement.nativeElement.focus();
+        this.focusElement?.nativeElement.focus();
     }
     onKeyDown(event) {
         switch (event.code) {

package/fesm2022/eui-components-eui-icon-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-icon-toggle.mjs","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts","../../eui-icon-toggle/eui-icon-toggle.component.html","../../eui-icon-toggle/eui-icon-toggle.module.ts","../../eui-icon-toggle/eui-components-eui-icon-toggle.ts"],"sourcesContent":["import type { ElementRef } from '@angular/core';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { uniqueId } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-icon-toggle',\n    templateUrl: './eui-icon-toggle.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconToggleComponent implements AfterContentInit {\n    @Input() id = `eui-icon-toggle-${uniqueId()}`;\n    @Input() styleClass: string;\n    @Input() styleClassOn: string;\n    @Input() styleClassOff: string;\n    @Input() iconClassOff: string;\n    @Input() iconClassOn: string;\n    @Input() iconSvgNameOn: string;\n    @Input() iconSvgNameOff: string;\n    @Input() iconSvgFillColorOn = 'accent-100';\n    @Input() iconSvgFillColorOff = 'grey-100';\n    @Input() tabindex = 0;\n    @Input() ariaLabel = 'Toggle icon';\n    @Input() keyboardAccessKey: string;\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-icon-toggle';\n\n    @Output() toggle: EventEmitter<boolean> = new EventEmitter();\n\n    @ViewChild('focusElement') focusElement: ElementRef<HTMLSpanElement>;\n    public iconClass: string;\n    public stateClass: string;\n\n    public iconSvgName: string;\n    public iconSvgFillColor: string;\n    public iconSvgSet: string;\n\n    @Input()\n    get isChecked(): boolean {\n        return this._isChecked;\n    }\n    set isChecked(value: BooleanInput) {\n        this._isChecked = coerceBooleanProperty(value);\n    }\n    private _isChecked = false;\n    @Input()\n    get isReadOnly(): boolean {\n        return this._isReadOnly;\n    }\n    set isReadOnly(value: BooleanInput) {\n        this._isReadOnly = coerceBooleanProperty(value);\n    }\n    private _isReadOnly = false;\n\n    ngAfterContentInit(): void {\n        this.setIconClass();\n        if (!this.ariaLabel || this.ariaLabel === '') {\n            this.ariaLabel = this.iconClass ? this.iconClass : '';\n        }\n    }\n\n    onToggle(): void {\n        if (!this.isReadOnly) {\n            this.isChecked = !this.isChecked;\n            this.setIconClass();\n            this.toggle.emit(this.isChecked);\n        }\n        this.focusElement.nativeElement.focus();\n    }\n\n    onKeyDown(event: KeyboardEvent): void {\n        switch (event.code) {\n            case 'Enter': \n            case 'Space': \n                event.preventDefault();\n                event.stopPropagation();\n                this.onToggle();\n                break;\n        }\n    }\n\n    private setIconClass(): void {\n        if (this.isChecked) {\n            this.iconClass = this.iconClassOn;\n            this.stateClass = this.styleClassOn;\n            this.iconSvgName = this.iconSvgNameOn;\n            this.iconSvgFillColor = this.iconSvgFillColorOn;\n        } else {\n            this.iconClass = this.iconClassOff;\n            this.stateClass = this.styleClassOff;\n            this.iconSvgName = this.iconSvgNameOff;\n            this.iconSvgFillColor = this.iconSvgFillColorOff;\n        }\n    }\n}\n","<div\n    #focusElement\n    [id]=\"id\"\n    class=\"eui-icon-toggle {{ styleClass }}\"\n    [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n    tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n    role=\"switch\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-checked]=\"isChecked\"\n    [attr.accesskey]=\"keyboardAccessKey\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeyDown($event)\">\n    <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n        <!-- V15 OK-->\n        <span\n            class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n            [class.eui-icon-toggle--checked]=\"isChecked\"\n            [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n        </span>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n        <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n    </ng-container>\n</div>\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule],\n    exports: [EuiIconToggleComponent],\n    declarations: [EuiIconToggleComponent],\n})\nexport class EuiIconToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-icon-toggle.mjs","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts","../../eui-icon-toggle/eui-icon-toggle.component.html","../../eui-icon-toggle/eui-icon-toggle.module.ts","../../eui-icon-toggle/eui-components-eui-icon-toggle.ts"],"sourcesContent":["import type { ElementRef } from '@angular/core';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { uniqueId } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-icon-toggle',\n    templateUrl: './eui-icon-toggle.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconToggleComponent implements AfterContentInit {\n    @Input() id = `eui-icon-toggle-${uniqueId()}`;\n    @Input() styleClass: string;\n    @Input() styleClassOn: string;\n    @Input() styleClassOff: string;\n    @Input() iconClassOff: string;\n    @Input() iconClassOn: string;\n    @Input() iconSvgNameOn: string;\n    @Input() iconSvgNameOff: string;\n    @Input() iconSvgFillColorOn = 'accent-100';\n    @Input() iconSvgFillColorOff = 'grey-100';\n    @Input() tabindex = 0;\n    @Input() ariaLabel = 'Toggle icon';\n    @Input() keyboardAccessKey: string;\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-icon-toggle';\n\n    @Output() toggle: EventEmitter<boolean> = new EventEmitter();\n\n    @ViewChild('focusElement') focusElement: ElementRef<HTMLSpanElement>;\n    public iconClass: string;\n    public stateClass: string;\n\n    public iconSvgName: string;\n    public iconSvgFillColor: string;\n    public iconSvgSet: string;\n\n    @Input()\n    get isChecked(): boolean {\n        return this._isChecked;\n    }\n    set isChecked(value: BooleanInput) {\n        this._isChecked = coerceBooleanProperty(value);\n    }\n    private _isChecked = false;\n    @Input()\n    get isReadOnly(): boolean {\n        return this._isReadOnly;\n    }\n    set isReadOnly(value: BooleanInput) {\n        this._isReadOnly = coerceBooleanProperty(value);\n    }\n    private _isReadOnly = false;\n\n    ngAfterContentInit(): void {\n        this.setIconClass();\n        if (!this.ariaLabel || this.ariaLabel === '') {\n            this.ariaLabel = this.iconClass ? this.iconClass : '';\n        }\n    }\n\n    onToggle(): void {\n        if (!this.isReadOnly) {\n            this.isChecked = !this.isChecked;\n            this.setIconClass();\n            this.toggle.emit(this.isChecked);\n        }\n            this.focusElement?.nativeElement.focus();\n    }\n\n    onKeyDown(event: KeyboardEvent): void {\n        switch (event.code) {\n            case 'Enter':\n            case 'Space':\n                event.preventDefault();\n                event.stopPropagation();\n                this.onToggle();\n                break;\n        }\n    }\n\n    private setIconClass(): void {\n        if (this.isChecked) {\n            this.iconClass = this.iconClassOn;\n            this.stateClass = this.styleClassOn;\n            this.iconSvgName = this.iconSvgNameOn;\n            this.iconSvgFillColor = this.iconSvgFillColorOn;\n        } else {\n            this.iconClass = this.iconClassOff;\n            this.stateClass = this.styleClassOff;\n            this.iconSvgName = this.iconSvgNameOff;\n            this.iconSvgFillColor = this.iconSvgFillColorOff;\n        }\n    }\n}\n","<div\n    #focusElement\n    [id]=\"id\"\n    class=\"eui-icon-toggle {{ styleClass }}\"\n    [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n    tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n    role=\"switch\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-checked]=\"isChecked\"\n    [attr.accesskey]=\"keyboardAccessKey\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeyDown($event)\">\n    <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n        <!-- V15 OK-->\n        <span\n            class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n            [class.eui-icon-toggle--checked]=\"isChecked\"\n            [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n        </span>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n        <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n    </ng-container>\n</div>\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule],\n    exports: [EuiIconToggleComponent],\n    declarations: [EuiIconToggleComponent],\n})\nexport class EuiIconToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-timepicker.mjs

@@ -1,6 +1,5 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, ViewEncapsulation, Optional, Inject, Self, Input, ViewChild, NgModule } from '@angular/core';
+import { booleanAttribute, Component, ViewEncapsulation, Optional, Inject, Self, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Subject } from 'rxjs';
@@ -18,24 +17,6 @@ import * as i6 from 'ngx-mask';
 import { NgxMaskDirective, provideNgxMask, provideEnvironmentNgxMask } from 'ngx-mask';
 
 class EuiTimepickerComponent {
-    get isreadOnly() {
-        return this._isreadOnly;
-    }
-    set isreadOnly(value) {
-        this._isreadOnly = coerceBooleanProperty(value);
-    }
-    get isOneInputField() {
-        return this._isOneInputField;
-    }
-    set isOneInputField(value) {
-        this._isOneInputField = coerceBooleanProperty(value);
-    }
-    get hasSeconds() {
-        return this._hasSeconds;
-    }
-    set hasSeconds(value) {
-        this._hasSeconds = coerceBooleanProperty(value);
-    }
     constructor(config, control) {
         this.control = control;
         this.oneInputFormControl = new FormControl();
@@ -51,9 +32,9 @@ class EuiTimepickerComponent {
         this.stepHours = 1;
         this.stepMinutes = 1;
         this.stepSeconds = 1;
-        this._isreadOnly = false;
-        this._isOneInputField = false;
-        this._hasSeconds = false;
+        this.isreadOnly = false;
+        this.isOneInputField = false;
+        this.hasSeconds = false;
         this.propagatedValues = {
             hours: null,
             mins: null,
@@ -72,9 +53,9 @@ class EuiTimepickerComponent {
         this.isDatetimepicker = config?.isDatetimepicker;
         this.hasSeconds = config?.hasSeconds;
         this.isOneInputField = config?.isOneInputField;
-        this.stepHours = config?.stepHours;
-        this.stepMinutes = config?.stepMinutes;
-        this.stepSeconds = config?.stepSeconds;
+        this.stepHours = config ? config.stepHours : this.stepHours;
+        this.stepMinutes = config ? config.stepMinutes : this.stepMinutes;
+        this.stepSeconds = config ? config.stepSeconds : this.stepSeconds;
         const hours = this.hours === 0 || null ? '00' : this.hours;
         const mins = this.mins === 0 || null ? '00' : this.mins;
         const secs = this.secs === 0 || null ? '00' : this.secs;
@@ -145,24 +126,44 @@ class EuiTimepickerComponent {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
+    /**
+     * Increments or decrements hours according to the step param being passed
+     *
+     * @param step The step number that hours will increase or decrease
+     */
     changeHours(step) {
         if (!this.hoursUpDisabled || !this.hoursDownDisabled) {
             const val = (isNaN(this.hours) ? 0 : this.hours) + step;
             this.updateHours(val.toString());
         }
     }
+    /**
+     * Increments or decrements minutes according to the step param being passed
+     *
+     * @param step The step number that minutes will increase or decrease
+     */
     changeMinutes(step) {
         if (!this.minutesUpDisabled || !this.minutesDownDisabled) {
             const val = (isNaN(this.mins) ? 0 : this.mins) + step;
             this.updateMinutes(val.toString());
         }
     }
+    /**
+     * Increments or decrements seconds according to the step param being passed
+     *
+     * @param step The step number that seconds will increase or decrease
+     */
     changeSeconds(step) {
         if (!this.secondsUpDisabled || !this.secondsDownDisabled) {
             const val = (isNaN(this.secs) ? 0 : this.secs) + step;
             this.updateSeconds(val.toString());
         }
     }
+    /**
+     * Updates the input field when hours change and adds 24hour validation + propagates the value back to the form
+     *
+     * @param newVal The new value that hours will have
+     */
     updateHours(newVal) {
         const enteredHour = this.toInteger(newVal);
         if (!isNaN(enteredHour)) {
@@ -178,6 +179,11 @@ class EuiTimepickerComponent {
         };
         this.propagateChange(this.propagatedValues);
     }
+    /**
+     * Updates the input field when minutes change and adds 60mins validation + propagates the value back to the form
+     *
+     * @param newVal The new value that minutes will have
+     */
     updateMinutes(newVal) {
         const enteredMin = this.toInteger(newVal);
         if (!isNaN(enteredMin)) {
@@ -194,6 +200,11 @@ class EuiTimepickerComponent {
         };
         this.propagateChange(this.propagatedValues);
     }
+    /**
+     * Updates the input field when seconds change and adds 60secs validation + propagates the value back to the form
+     *
+     * @param newVal The new value that seconds will have
+     */
     updateSeconds(newVal) {
         const enteredSec = this.toInteger(newVal);
         if (!isNaN(enteredSec)) {
@@ -258,21 +269,51 @@ class EuiTimepickerComponent {
             this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);
         }
     }
+    /**
+     * Disables the hour up incremental when max time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     hoursUpDisable(state) {
         this.hoursUpDisabled = state;
     }
+    /**
+     * Disables the hour down decremental when min time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     hoursDownDisable(state) {
         this.hoursDownDisabled = state;
     }
+    /**
+     * Disables the minutes up incremental when max time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     minutesUpDisable(state) {
         this.minutesUpDisabled = state;
     }
+    /**
+     * Disables the minutes down decremental when min time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     minutesDownDisable(state) {
         this.minutesDownDisabled = state;
     }
+    /**
+     * Disables the seconds up incremental when max time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     secondsUpDisable(state) {
         this.secondsUpDisabled = state;
     }
+    /**
+     * Disables the seconds down decremental when min time range is reached
+     *
+     * @param state The boolean value that enables the feature
+     */
     secondsDownDisable(state) {
         this.secondsDownDisabled = state;
     }
@@ -306,7 +347,7 @@ class EuiTimepickerComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiTimepickerComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG, optional: true }, { token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiTimepickerComponent, selector: "eui-timepicker", inputs: { e2eAttr: "e2eAttr", timeMask: "timeMask", placeholder: "placeholder", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isreadOnly: "isreadOnly", isOneInputField: "isOneInputField", hasSeconds: "hasSeconds" }, viewQueries: [{ propertyName: "inputHoursElement", first: true, predicate: ["inputrefhours"], descendants: true, read: ElementRef }, { propertyName: "inputMinsElement", first: true, predicate: ["inputrefmins"], descendants: true, read: ElementRef }, { propertyName: "inputSecsElement", first: true, predicate: ["inputrefsecs"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            [placeholder]=\"placeholder\"\n            [attr.aria-label]=\"oneInputFormControl.value?oneInputFormControl.value:'No time value'\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-up\">\n                <eui-icon-svg\n                    (click)=\"changeHours(stepHours)\"\n                    [class.time-control--disabled]=\"hoursUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(stepHours); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-stepHours); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-down\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-stepHours)\"\n                    [class.time-control--disabled]=\"hoursDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-up\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(stepMinutes)\"\n                    [class.time-control--disabled]=\"minutesUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(stepMinutes); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-stepMinutes); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-down\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-stepMinutes)\"\n                    [class.time-control--disabled]=\"minutesDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-up\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(stepSeconds)\"\n                        [class.time-control--disabled]=\"secondsUpDisabled\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\">\n                    </eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(stepSeconds); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-stepSeconds); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-down\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-stepSeconds)\"\n                        [class.time-control--disabled]=\"secondsDownDisabled\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\">\n                    </eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron{display:flex;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-timepicker__chevron .eui-icon-svg:not(.time-control--disabled):hover{cursor:pointer;color:var(--eui-base-color-primary-100)}.eui-timepicker__chevron .eui-icon-svg.time-control--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiInputNumberComponent, selector: "input[euiInputNumber]", inputs: ["min", "max", "leadingZero", "isInvalid", "fractionDigits", "digits", "fillFraction", "roundUp", "noFormat", "value"] }, { kind: "directive", type: i3.EuiInputNumberDirective, selector: "input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]" }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i6.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.6", type: EuiTimepickerComponent, selector: "eui-timepicker", inputs: { e2eAttr: "e2eAttr", timeMask: "timeMask", placeholder: "placeholder", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isreadOnly: ["isreadOnly", "isreadOnly", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            [placeholder]=\"placeholder\"\n            [attr.aria-label]=\"oneInputFormControl.value?oneInputFormControl.value:'No time value'\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-up\">\n                <eui-icon-svg\n                    (click)=\"changeHours(stepHours)\"\n                    [class.time-control--disabled]=\"hoursUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(stepHours); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-stepHours); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-down\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-stepHours)\"\n                    [class.time-control--disabled]=\"hoursDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-up\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(stepMinutes)\"\n                    [class.time-control--disabled]=\"minutesUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(stepMinutes); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-stepMinutes); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-down\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-stepMinutes)\"\n                    [class.time-control--disabled]=\"minutesDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-up\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(stepSeconds)\"\n                        [class.time-control--disabled]=\"secondsUpDisabled\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\">\n                    </eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(stepSeconds); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-stepSeconds); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-down\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-stepSeconds)\"\n                        [class.time-control--disabled]=\"secondsDownDisabled\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\">\n                    </eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron{display:flex;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-timepicker__chevron .eui-icon-svg:not(.time-control--disabled):hover{cursor:pointer;color:var(--eui-base-color-primary-100)}.eui-timepicker__chevron .eui-icon-svg.time-control--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiInputNumberComponent, selector: "input[euiInputNumber]", inputs: ["min", "max", "leadingZero", "isInvalid", "fractionDigits", "digits", "fillFraction", "roundUp", "noFormat", "value"] }, { kind: "directive", type: i3.EuiInputNumberDirective, selector: "input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]" }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i6.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiTimepickerComponent, decorators: [{
             type: Component,
@@ -333,20 +374,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             }], stepSeconds: [{
                 type: Input
             }], isreadOnly: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], isOneInputField: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], hasSeconds: [{
-                type: Input
-            }], inputHoursElement: [{
-                type: ViewChild,
-                args: ['inputrefhours', { read: ElementRef }]
-            }], inputMinsElement: [{
-                type: ViewChild,
-                args: ['inputrefmins', { read: ElementRef }]
-            }], inputSecsElement: [{
-                type: ViewChild,
-                args: ['inputrefsecs', { read: ElementRef }]
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 class EuiTimepickerModule {