datetime-input
Version compatibility
datetime-input
is supported in all versions of the JourneyApps Container and Runtime.- It received several functional updates in version 4.87.0 of the JourneyApps Runtime, most notably the addition of advanced styling and configuration capabilities.
main.view.xml
<var name="my_datetime" type="datetime" />
<datetime-input label="Please specify a date and time:" bind="my_datetime" required="false" />

Version compatibility
align-content
was introduced in version 4.87.0 of the JourneyApps Runtime.Version compatibility
align-label
was introduced in version 4.87.0 of the JourneyApps Runtime.Version compatibility
clear-icon
was introduced in version 4.87.0 of the JourneyApps Runtime.Optional
Type:
string
Default: "fa-times"
Specify the icon on the right side of the input that appears when a date or time was selected. Find a list of available icons here.
Optional
Default: "Select date"
Override the default placeholder text for the date input field.
Note: once the user entered a date the placeholder is no longer visible.

Version compatibility
error-message
was introduced in version 4.87.0 of the JourneyApps Runtime.Version compatibility
icon-position
was introduced in version 4.87.0 of the JourneyApps Runtime.Version compatibility
id
was introduced in version 4.87.0 of the JourneyApps Runtime.Version compatibility
label-case
was introduced in version 4.87.0 of the JourneyApps Runtime.Deprecated
placeholder-date
is deprecated since version 4.87.0 of the JourneyApps Runtime.Deprecated
placeholder-time
is deprecated since version 4.87.0 of the JourneyApps Runtime.Optional
Type:
12h
| 24h
Default:
12h
Specify the clock format when users enter a time. Example:
12h
format: 3:32 PM24h
format: 15:32
Version compatibility
time-icon
was introduced in version 4.87.0 of the JourneyApps Runtime.Optional
Type:
string
Default: "fa-clock"
Specify the icon on the right side of the time input that appears before a time was selected. Find a list of available icons here.
Optional
Default: "Select time"
Override the default placeholder text for the date input field.
Note: once the user entered a time the placeholder is no longer visible.

The following component methods are available when an
id
is assigned to the component and component.datetimeInput({id:'my-id'})
is called from JS/TS:Programmatically clear the selected date and time bound to the
datetime-input
component.Programmatically open the date picker to allow the user to select or update a date value.
Programmatically scroll until the
datetime-input
is visible in the view.Last modified 1mo ago