Date/Time not showing correct time in edit mode

[MoeHamdanCA]

Describe the bug
When loading a submitted form in readonly mode the Date/Time picker will show the date/time as per local timezone which is expected behavior. However when editing a submitted form the date/time picker is shown the time as is with conversion (it is coming from API as saved in UTC).

Version/Branch
@formio/js 5.2.3

To Reproduce
Steps to reproduce the behavior:

1. Create form...
2. Add datetime component
3. Submit the form
4. Reopen the submitted form in edit mode, it will show time as UTC instead of local time

Expected behavior
I expect the datetime component to show the datetime as local time, similar to the way it does when it is showing the submitted form in readonly mode.

Screenshots

Readonly mode

Edit mode

[MoeHamdan]

I guess the problem is here

getFlatpickrFormatDate(Flatpickr) {
  return (date, format) => {
    // Only format this if this is the altFormat and the form is readOnly.
    if (this.settings.readOnly && (format === this.settings.altFormat)) {
      if (!this.settings.enableTime || this.settings.skipOffset) {
        return Flatpickr.formatDate(date, format);
      }
      const currentValue = new Date(this.getValue());
      if (currentValue.toString() === date.toString()) {
        return formatOffset(this.componentValue, format, this.timezone);
      }
      return formatOffset(Flatpickr.formatDate.bind(Flatpickr), date, format, this.timezone);
    }
    return Flatpickr.formatDate(date, format);
  };
}

I believe it should be something more like

getFlatpickrFormatDate(Flatpickr) {
  return (date, format) => {
    // Apply timezone formatting if displayInTimezone is set and format is altFormat
    if ((format === this.settings.altFormat) && this.settings.displayInTimezone === 'viewer') {
      if (!this.settings.enableTime || this.settings.skipOffset) {
        return Flatpickr.formatDate(date, format);
      }
      const currentValue = new Date(this.getValue());
      if (currentValue.toString() === date.toString()) {
        return formatOffset(this.componentValue, format, this.timezone);
      }
      return formatOffset(Flatpickr.formatDate.bind(Flatpickr), date, format, this.timezone);
    }
    return Flatpickr.formatDate(date, format);
  };
}

[Tatsiana8]

Thank you for taking the time to report this issue! I
have created a ticket for our backlog.
For internal reference: FIO-10944

[Tatsiana8]

@MoeHamdan I am not able to reproduce this issue. Could you please attach a video with your steps and JSFiddle you are using?