required id property in DateInput, SingleDatePicker, SingleDatePickerInput

Hi,

DateInput, SingleDatePicker and SingleDatePickerInput has id property, which is required. I cannot see why it is done as mandatory field.

Is it done on purpose or the field can be optional?

See src/components/DateInput.jsx#L7

and

        <input
          id={id}
          name={id}

[ljharb]

It’s done on purpose. For accessibility, all inputs must be both wrapped in a <label> that it is also linked to with id/htmlFor. IDs must be unique on the page, so a reusable component can’t safely generate them. Typically, you’d want to pass them down from the server, since that’s the only place you know for sure a component is only being used once on the page.

(also for accessibility, inputs shouldn’t be used outside of forms)

[ljharb]

Employees require a11y affordances just the same as end users - the legal requirements are often stronger for employees, in fact. The HTML standard doesn’t require a lot of things, but that’s not the authority on UI.