A simple stand alone widget that presents an input field to select a date time. The widget supports a custom label and shows the current state of the DateTime Item in the footer. Clicking on the calendar icon opens the selection widget. Alternatively one can just type in the date. Clicking the check causes the new date time to be sent to the Item.
I am interested in working with dates in a custom widget but what happens to me is that when I press outside, the date is deleted and I would like it to remain present. I have seen the example of him, I have replicated it and it also happens.
For info, as I get inconsistent results depending on browser. I get that there’s not much control available for this…!
Dark theme used throughout.
Clicking on either dd, mm, or yyyy gives the below - no time picker. Clicking anywhere else provides nothing. After selecting a date, user has to manually enter a time before the check icon can be clicked, otherwise nothing happens.
The picker only comes up when clicking the almost invisible calendar icon, but at least you can choose the time! Picker doesn’t respect the theme settings.
There where some issues with setting time in the input card. This should be resolved with PR#1525. It will be available with the next milestone.
The datetime-local behaviour is not consistent across browsers. With the next milestone, you should be able to use datepicker as type and set a showTime flag to true. However, when using datetime-local, it should now correctly show time as well.