Datetime

The <sdpi-calendar type="datetime-local"> component provides a styled wrapper of <input type="datetime-local">.

Examples

Property Inspector HTML

<sdpi-item label="Datetime">
    <sdpi-calendar type="datetime-local" setting="fav_datetime"></sdpi-calendar>
</sdpi-item>

Result

value

The value of <sdpi-calendar type="datetime-local"> is represented as a string.

{
    "fav_datetime": "2022-04-01T16:30"
}

Configuration

Name	Type	Description
default	string	The default value; shown when the persisted value is undefined.
disabled	boolean	Determines whether the input is disabled.
max	sting	The latest acceptable date (read more).
min	sting	The earliest acceptable date (read more).
step	number	Specifies the granularity that the value must adhere to (read more).
type	string	Defines the type of input; valid values are date, datetime-local, month, week, or time.
value	string	The value of the component, and the persisted setting.

Persistence

The value of the component can be automatically persisted to the Stream Deck with the following configuration.

Name	Type	Description
global	boolean	When present, the value will be persisted to the global settings.
setting	string	The path of the property where the value should be persisted in the settings.

setting

The setting represents the path of a property. If required, this path can denote a nested property within the settings, e.g. if the setting were foo.bar.prop, the value would be saved to:

{
    "foo": {
        "bar": {
            "prop": <value>
        }
    }
}