datetime-input
Last updated
Last updated
datetime-input
allows users to input a value using a calendar and time picker.
bind
label
required
align-content
align-label
clear-button-visibility
clear-icon
Optional
Type: string
Default: "fa-times"
date-placeholder
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.
disabled
error-message
icon-position
id
label-case
modifier-text
on-change
placeholder-date
Deprecated
placeholder-date
is deprecated since version 4.87.0 of the JourneyApps Runtime.
placeholder-time
Deprecated
placeholder-time
is deprecated since version 4.87.0 of the JourneyApps Runtime.
show-if
and hide-if
time-format
Optional
Type: 12h
| 24h
Default: 12h
Specify the clock format when users enter a time. Example:
12h
format: 3:32 PM
24h
format: 15:32
time-icon
Optional
Type: string
Default: "fa-clock"
time-placeholder
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.
clear
Programmatically clear the selected date and time bound to the datetime-input
component.
pickDate
Programmatically open the date picker to allow the user to select or update a date value.
scrollIntoView
Programmatically scroll until the datetime-input
is visible in the view.
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 .
Type: string
(static text, a or the return value of a )
Deprecated. See .
Deprecated. See .
Specify the icon on the right side of the time input that appears before a time was selected. Find a list of available icons .
Type: string
(static text, a or the return value of a )
The following component methods are available when an is assigned to the component and component.datetimeInput({id:'my-id'})
is called from JS/TS: