FIX: The date time control is showing a date before the selected one

[caleeli]

Issue & Reproduction Steps

The date picker component is selecting a time with a different timezone of the user.

Expected behavior: The date picker component must select the time with the timezone of the user.

Actual behavior: The date picker component is selecting a time with a different timezone of the user.

Solution

• Set the timezone when retrieve and before update the datetime.

How to Test

• Set a timezone for the user different to the browser one.
• Open any screen with datetime picker
• Ticket a date and a time
• The stored timetime in UTC must be the equivalent of the select time for the user's timezone

Related Tickets & Packages

• https://processmaker.atlassian.net/browse/FOUR-7640

• Requires: https://github.com/ProcessMaker/vue-form-elements/pull/386

• Code Review Checklist

• [ ] I have pulled this code locally and tested it on my instance, along with any associated packages.

• [ ] This code adheres to ProcessMaker Coding Guidelines.

• [ ] This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.

• [ ] This solution fixes the bug reported in the original ticket.

• [ ] This solution does not alter the expected output of a component in a way that would break existing Processes.

• [ ] This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.

• [ ] This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.

• [ ] This code does not duplicate functionality that already exists in the framework or in ProcessMaker.

• [ ] This ticket conforms to the PRD associated with this part of ProcessMaker.