Summary

“As a user, when I create a new Pair Request, I'm asked to select a time/date. However, it's not clear whether I'm selecting a time/date based on my timezone, or my partner's timezone.

After I select my partner, whenever I select a date/time, it should be for my local time. Next to the date/time field, when I select a time, it should display what the selected time is in my partner's timezone.”

Proposals

Managing Form Elements

Proposal #1 - Stimulus Controller (YES)

Create a Stimulus Controller to update the pair request form when users select an invitee.

Pros: Feels like the most straightforward way of accomplishing the desired task

Cons: Requires ****the use of Stimulus (would be the first controller added to the codebase). Would also require the addition of the rails/request.js package, adding a dependency to the app.

Manipulating Form Elements

Proposal #1 - Getting everything from the form

Format everything on the server side so when it gets retrieved by Stimulus, there should not be a need to manipulate it

Pros: Avoids having to create a get request to fetch

Cons: I can only get so much information from the form

Proposal #2 - Fetching Data using Request.js

Making get requests might add a lot of complexity, but I think it’s probably the best way to retrieve and manipulate the data without bloating a stimulus controller