diff --git a/app/code/Magento/Ui/view/base/layout/ui_components.xml b/app/code/Magento/Ui/view/base/layout/ui_components.xml index 411aa482d005c918da68508329d9c6a4c1f51091..0a2a85b793f16b58fe5b21a4fc5dc3b96be55686 100644 --- a/app/code/Magento/Ui/view/base/layout/ui_components.xml +++ b/app/code/Magento/Ui/view/base/layout/ui_components.xml @@ -132,6 +132,7 @@ <arguments> <argument name="js_config" xsi:type="array"> <item name="extends" xsi:type="string">input</item> + <item name="component" xsi:type="string">Magento_Ui/js/form/element/date</item> <item name="config" xsi:type="array"> <item name="input_type" xsi:type="string">date</item> </item> diff --git a/app/code/Magento/Ui/view/base/web/js/form/element/date.js b/app/code/Magento/Ui/view/base/web/js/form/element/date.js new file mode 100644 index 0000000000000000000000000000000000000000..755b0e6d1de9746d5b772c585c343b643dc5a078 --- /dev/null +++ b/app/code/Magento/Ui/view/base/web/js/form/element/date.js @@ -0,0 +1,30 @@ +/** + * @copyright Copyright (c) 2014 X.commerce, Inc. (http://www.magentocommerce.com) + */ +define([ + 'moment', + './abstract' +], function (moment, Abstract) { + 'use strict'; + + return Abstract.extend({ + defaults: { + dateFormat: 'MM/DD/YYYY' + }, + + /** + * Converts initial value to the specified date format. + * + * @returns {String} + */ + getInititalValue: function () { + var value = this._super(); + + if (value) { + value = moment(value).format(this.dateFormat); + } + + return value; + } + }); +});