The DateTime component fails to show the accurate time when within the Renderer and provided with data.

[Justinlcx]

When inputting data into the DateTime component with Of Viewer, the displayed time does not accurately reflect the time zone that was specified.

Version/Branch
4.19.1

Expected behavior

When using the DateTime component ( with Of Viewer ), my expectation is that it will display the time in the current user’s time zone, rather than the one initially provided to it.

Screenshots

1. Add a DateTime in the form ( select Of Viewer ).
2. Select a date and time.

3. Change the UTC value in the json data.

5. The time is displayed in the new time zone, but it should be displayed in the local user time zone.
6. The time should be ( 12 pm + 2 ) -> 2 am.

Additional context
This issue is currently reproducible in the sandbox.

This could be link to : issues/3225

[olgabann]

@Justinlcx I was not able to replicate your issue. However, I didn’t quite understand the scenario described above. Display in Timezone = of Viewer setting works as expected, as well as Display in Timezone = UTC. You can see it in the attached video. Could you clarify step #3 "Change the UTC value in the json data". Is it switching the Display in Timezone setting from 'of Viewer' to 'UTC'?

2024-05-10.13-51-50.mp4