Skip to main content

Time

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

Examples​

Property Inspector HTML
<sdpi-item label="Time">
<sdpi-calendar type="time" setting="time_of_day"></sdpi-calendar>
</sdpi-item>

Result​

A time input in the Stream Deck property inspector using the sdpi-calendar web component

value

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

{
"time_of_day": "16:30"
}

Configuration​

NameTypeDescription
defaultstringThe default value; shown when the persisted value is undefined.
disabledbooleanDetermines whether the input is disabled.
maxstingThe latest acceptable date (read more).
minstingThe earliest acceptable date (read more).
stepnumberSpecifies the granularity that the value must adhere to (read more).
typestringDefines the type of input; valid values are date, datetime-local, month, week, or time.
valuestringThe 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.

NameTypeDescription
globalbooleanWhen present, the value will be persisted to the global settings.
settingstringThe 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>
}
}
}