When adding a Cloud Config param of type "Date", then refreshing the dashboard page, the date object is displayed incorrectly as an object.
Steps to reproduce
Add Cloud Config param of type "Date".
Set a date value:
Create param; date value is stored as 2024-05-05T00:36:00.000Z:
Refresh browser page; date value is stored as {"__type":"Date","iso":"2024-05-05T00:36:00.000Z"}:
The date value is displayed as a date object, which should not happen.
Edit the param; the date object value appear, can be edited and saved.
If pasting the previous value string 2024-05-05T00:36:00.000Z, the save button is disabled, because this string cannot be saved directly despite being displayed in step 3.
Analysis
When first creating the param, the date value shows a date picker. Afterwards, the date is shown in text form, either as date string or date object. Instead of showing the date in 3 different forms, a single form should be chosen. The text form is the preferred form, because text can be copied/pasted and a date value can be defined in full detail (microseconds, time zone, etc).
A date picker can be offered in addition to the text field for easer date entry, by clicking on a calendar icon.
To make it easier to enter a date value for users who are not familiar with the ISO format, the ISO format should be displayed as placeholder when the value field is empty, or in the description field on the side.
🚀 You can help us to fix this issue faster by opening a pull request with a failing test. See our Contribution Guide for how to make a pull request, or read our New Contributor's Guide if this is your first time contributing.
New Issue Checklist
Issue Description
When adding a Cloud Config param of type "Date", then refreshing the dashboard page, the date object is displayed incorrectly as an object.
Steps to reproduce
Add Cloud Config param of type "Date".
Set a date value:
Create param; date value is stored as
2024-05-05T00:36:00.000Z
:Refresh browser page; date value is stored as
{"__type":"Date","iso":"2024-05-05T00:36:00.000Z"}
:The date value is displayed as a date object, which should not happen.
Edit the param; the date object value appear, can be edited and saved.
If pasting the previous value string
2024-05-05T00:36:00.000Z
, the save button is disabled, because this string cannot be saved directly despite being displayed in step 3.Analysis
Environment
Dashboard
6.0.0-alpha.6
Safari
Version 17.4.1 (19618.1.15.11.14)