Comment on page
time-input
Version compatibility
time-input
was introduced in version 4.87.0 of the JourneyApps Runtime.main.view.xml
<var name="departure_time" type="datetime"/>
<time-input label="Departure time" bind="departure_time" required="false" />


Optional
Type:
string
Default: "fa-times"
Specify the icon on the right side of the input that appears when a time was selected. Find a list of available icons here.
Optional
Type:
12h
| 24h
Default:
12h
Specify the clock format when users enter a time. Example:
12h
format: 3:32 PM24h
format: 15:32
Optional
Type:
string
Default: "fa-clock"
Specify the icon on the right side of the input that appears before a time was selected. Find a list of available icons here.
The following component methods are available when an
id
is assigned to the component and component.timeInput({id:'my-id'})
is called from JS/TS:Programmatically clear the selected date and time bound to the
time-input
component.Programmatically open the time picker to allow the user to select or update a time value.
Programmatically scroll until the
time-input
is visible in the view.Last modified 3mo ago