Date Input disabled


I have a form with some fields and one of them is a Date input control that when the page loads is in disabled mode.

When the user clicks on the Edit button the fields are then enabled for editing.

The issue is that the Date Input control when is disabled allows for the field to be edit on the first click.

1 - load the page with all the fields disabled
2 - click on the calendar icon and set a diferent date
3 - verify that the date field was changed when it shouldnt be.

Any help?

to avoid this, you could instead set the Date Input control to read only. When the field is “Read only”, you will not see the “calendar” icon. If you want to have the “styling” associated with the disabled status, you can set both “Disabled” and “Read only” to the same property.

hope this helps,