TimePicker renders DOM structure with duplicate IDs

[Noah]

@progress/kendo-react-dateinputs v9.4.1
@progress/kendo-react-labels v9.4.1

When using TimePicker with a manually defined Label component as such:

<Label 
    id="time-picker-label"
    editorId="time-picker"
    ...
>
    TimePickerLabel
</Label>
<TimePicker
    ariaLabelledBy="time-picker-label"
    id="time-picker"
/>

The generated HTML rendered to the DOM includes a span which has the ID attached to the TimePicker component, as well as the input control element which bears the same ID.  This poses a screen-reader accessibility issue given that the label element's "for" value needs a unique ID.

 

Is this a known issue, and has it been resolved in a later version, or is there a plan to resolve this?

[Yanko]

Hello,

Thank you for bringing this issue to our attention.

Following your request, I logged this issue in our public GitHub repo as a bug, where you can subscribe to get notified about status updates:

• https://github.com/telerik/kendo-react/issues/3086 

Furthermore, I updated your Telerik Points as a token of appreciation for providing your valuable feedback.

Regards,
Yanko
Progress Telerik