Set date and/or time from a date picker in the connector UI

[edmundito]

Tell us about the problem you're trying to solve

When editing the connector settings, users have to type in the date or date time and use the correct format depending on the type of connector. Typing this manually can lead to a number of issues such as:

• Understanding what the right format is for the connector
• Context switching between connector's expected values.
• Human error in typing the value
• User has to calculate their own timezone time to UTC

In this example for the Slack connector, the user must first read the description to understand how to enter the value correctly:

The Github connector has a different description even though the format is the same, so the user must now memorize that the format is different, even though it's the same format.

Some connectors, such as the Exchange Rates API, just require date but not time:

Describe the solution you’d like

The connector UI presents a date picker (with a time picker when appropriate and we determine it's important to set) so that the user can just select the date and time without having to worry about what's described above.

The ideal solution would use an existing OSS date component re-themed to fit the Airbyte UI. Building our own solution may be too complex or out of scope.

[octavia-squidington-iii]

cc @airbytehq/frontend

[nataliekwong]

Example feedback from a Cloud user:

[sherifnada]

@timroes i think this was already done, so I closed it. Please let me know if this is an error.