Date component
Overview
The Date component implements a custom date input field. It uses a date picker implementation provided by the calendar widget.
Date configuration
Extends all abstract configuration.
| Option | Description | Type | Default |
|---|---|---|---|
component |
The path to the component’s .js file in terms of RequireJS. |
String | Magento_Ui/js/form/element/date |
elementTmpl |
The path to the .html template of the particular field type component (date). |
String | ui/form/element/date |
options |
The configuration object that is passed to the calendar widget. | Object | {} |
inputDateFormat |
Format of the date received from the server (ICU Date Format). Used only in date picker mode (this.options.showsTime == false). |
String | y-MM-dd |
outputDateFormat |
Format of the date sent to the server (ICU Date Format). Used only in date picker mode (this.options.showsTime == false) |
String | MM/dd/y |
pickerDateTimeFormat |
Date/time format that is used to display date in the input field. | String | '' |
shiftedValue |
Date/time value shifted to corresponding time zone, according to this.storeTimeZone property. This value is sent to the server. |
String | '' |
storeTimeZone |
The timezone used. | String | 'UTC' |
template |
The path to the general field .html template. |
String | ui/form/field |
timezoneFormat |
Timezone format, required for the moment.js library for conversion. | String | YYYY-MM-DD HH:mm |