[BUG] - Blocked aria-hidden on a <input>

[marct83]

Describe the bug
Angular 18.2.5. Material 18.2.4. When the picker modal pops this error appears in the console:

Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

Element in the console:

<input _ngcontent-ng-c1155580543="" matinput="" format="24" readonly="true" class="mat-mdc-input-element ng-tns-c508571215-6 mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" ng-reflect-readonly="" ng-reflect-format="24" ng-reflect-timepicker="[object Object]" aria-describedby="mat-mdc-hint-3" id="mat-input-5" aria-invalid="false" aria-required="false" cdkoverlayorigin="[object Object]">

Element in my code:

<input matInput format="24" [ngxMatTimepicker]="picker" readonly /> <mat-icon matSuffix (click)="picker.open()"> watch_later </mat-icon> <mat-hint> <strong>HH:MM</strong> </mat-hint> </mat-form-field> <ngx-mat-timepicker #picker ></ngx-mat-timepicker>

** Versions

• ngx-mat-timepicker version [18.0.0]
• @angular/core version [18.2.5]
• @angular/material version [18.2.4]

[tonysamperi]

Hi,

can you reproduce this in the demo website?
If not please create a blitz reproducing the issue.