fix: date time range picker prevent invalid input

We need the following enhancements to the date picker

- Default time format with the ability to override with a custom time format
- Don't allow submissions unless the start and end dates and times are valid [start dateTime has to be before end dateTime]
- Update the input field with the selected date from the picker
- Disable the submissions when the input field is invalid.
- Only enable submissions when the dates are changed, so user can safely cancel the operation without feeling like they accidentally changed the date-window.
- better error messages [`format must be ...`]