I am using @progress/kendo-react-form with @progress/kendo-react-inputs to create a form. I am using the form to edit existing data, and to add new records as well, populated from and saved to a db server.
To get the data for existing records to display, I am using defaultValue for each input. However, when trying to validate the form, validation only registers that the form element actually has data when it has been changed through user input.
So if I open a form and change one field, other fields that had not been changed, and which still show the defaultValue value, are considered invalid.
What is the best practice way to use form validation on a form used for editing existing data?
Here is a really simple example:
https://stackblitz.com/edit/react-5phafx