Time
The Time element lets a visitor pick a time of day. Use it when the answer is a clock time rather than a date, for example a desired appointment or service time.
Properties
The properties live in the inspector under the Time group.
Property | What it does | Default |
|---|---|---|
Disabled | Prevents visitors from picking a time | Off |
Required | Forces the visitor to answer before continuing | Off |
Format | Shows the time in 12-hour or 24-hour format | 12 hours |
Go to next view when answered | Advances to the next view once the visitor picks a time | Off |
Logic | Adds logic rules to the element | None |
Disabled accepts a boolean or a formula. The Time element has no placeholder and no default-time property.
References
References expose the visitor's answer as data you can use in formulas and other elements. Assign a reference to store the picked time in a variable.
Value: the picked time.
Hours: the hour part of the picked time.
Minutes: the minute part of the picked time.
Touched: whether the visitor has picked a time.
Last touched at: when the visitor last picked a time.
Hours and Minutes are data references, not properties, so they are not configuration you set in the inspector.
Styling
The Time element can be styled per state and per part of the element.
Style states: Active, Default, Disabled, Error, Focus, Hover, Placeholder.
Named targets: wrapper, input, button, error-label.
Named styles: Time, Time - brand background, Time - underlined.
Apply general styling from the Style tab: quick styles, style sets, and CSS overrides per state and per breakpoint. See the styling reference for the full system.
Related articles
UI Elements: overview of the elements.
FormulaScript Overview: using formulas in properties.