Add: readonly attribute in defaultConfig!

[ahmad-demos]

Hey Mathis,

when a person wants to add a new attribute readonly to the Datepicker input element as props.
This attribute does not appear, is not inserted into the input element and cannot be seen in the inspector like readonly="readonly".

Can please this readonly be added to the defaultConfig?

The reason is that on some pages we don't want to manually typing inside the Datepicker input element, because of validate.

Thank you!

[mathislucka]

Hey Ahmad,

I'd propose adding something like additionalInputAttributes to the config instead and then users could do:

config = {
  additionalInputAttributes: [ { attribute: 'readonly', value: 'readonly' }, ... ]
}

dp = DatePicker(config)

At the same time, I need to check if this conflicts with some internal logic.

But, I'm not fully convinced that setting the datepicker to readonly is a good idea. It is intentional that people can actually type in the datepicker and the input is validated anyways. So you could still prevent users from inputing invalid dates.

For example, see this article for an explanation why it's a good idea to collect dates via text input: https://www.hassellinclusion.com/blog/collecting-dates-accessible/

[mathislucka]

Also see this one: https://adrianroselli.com/2019/07/maybe-you-dont-need-a-date-picker.html