Add ids to form related components ( date input fields, radio buttons and checkboxes, dropdowns, etc)

What problem does this feature solve?

It makes it easy to do end-to-end testing using Selinium and xPath

What does the proposed API look like?

For example a code like this:

<DatePicker id='datepicker' /> should give in the compiled code something like this:

...
<div class="ant-calendar-date-input-wrap">
       <input class="ant-calendar-input " value="" placeholder="Select date"  id="datepicker">
</div>
...

Thank you very much for the great job you are doing!

[JeffreyATW]

Adding an id to input fields (even inside components like DatePicker) is important for accessibility reasons. I want to add an htmlFor to associated labels, and focus the input fields when I click the labels.

[ttgiang]

I’m using uilicious.com for my UI testing and it’s very challenging when IDs are not present.