date-input
Overview
date-input
allows users to select a date
from a calendar.
Basic Example
<var name="delivery_date" type="date"/>
<date-input label="Delivery date" bind="delivery_date" required="false" />

Standard Attributes
bind
bindbind
label
labellabel
required
requiredrequired
Advanced Attributes
align-content
align-contentalign-content
align-label
align-labelalign-label
clear-button-visibility
clear-button-visibilityclear-button-visibility
disabled
disableddisabled
error-message
error-messageerror-message
id
idid
icon-position
icon-positionicon-position
label-case
label-caselabel-case
label-color
label-colorlabel-color
modifier-text
modifier-textmodifier-text
on-change
on-changeon-change
placeholder
placeholderplaceholder
show-if
and hide-if
show-ifhide-ifshow-if
and hide-if
Component Methods
The following component methods are available when an id
is assigned to the component and component.dateInput({id:'my-id'})
is called from JS/TS:
clear
clear
Programmatically clear the selected date bound to the date-input
component.
pickDate
pickDate
Programmatically open the date picker to allow the user to select or update a date value.
scrollIntoView
scrollIntoView
Programmatically scroll until the date-input
is visible in the view.
Last updated