@commercetools-uikit/date-input 15.0.0 → 15.0.2

package/dist/commercetools-uikit-date-input.cjs.dev.js

@@ -22,6 +22,7 @@ var reactIntl = require('react-intl');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
 var calendarUtils = require('@commercetools-uikit/calendar-utils');
+var calendarTimeUtils = require('@commercetools-uikit/calendar-time-utils');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -41,14 +42,6 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
-var messages = reactIntl.defineMessages({
-  placeholder: {
-    id: 'UIKit.DateInput.placeholder',
-    description: 'Placeholder for date input',
-    defaultMessage: 'MM/DD/YYYY'
-  }
-});
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
@@ -196,7 +189,7 @@ var DateInput = function DateInput(props) {
               // between the <label for> and the <input id>.
               'aria-labelledby': undefined,
               name: props.name,
-              placeholder: typeof props.placeholder === 'string' ? props.placeholder : intl.formatMessage(messages.placeholder),
+              placeholder: typeof props.placeholder === 'string' ? props.placeholder : calendarTimeUtils.getLocalizedDateTimeFormatPattern(intl.locale),
               onMouseEnter: function onMouseEnter() {
                 // we remove the highlight so that the user can use the
                 // arrow keys to move the cursor when hovering
@@ -346,7 +339,7 @@ DateInput.isEmpty = function (value) {
 var DateInput$1 = DateInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.0.0";
+var version = "15.0.2";
 
 exports["default"] = DateInput$1;
 exports.version = version;

package/dist/commercetools-uikit-date-input.cjs.prod.js

@@ -22,6 +22,7 @@ var reactIntl = require('react-intl');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
 var calendarUtils = require('@commercetools-uikit/calendar-utils');
+var calendarTimeUtils = require('@commercetools-uikit/calendar-time-utils');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -40,14 +41,6 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
-var messages = reactIntl.defineMessages({
-  placeholder: {
-    id: 'UIKit.DateInput.placeholder',
-    description: 'Placeholder for date input',
-    defaultMessage: 'MM/DD/YYYY'
-  }
-});
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
@@ -193,7 +186,7 @@ var DateInput = function DateInput(props) {
               // between the <label for> and the <input id>.
               'aria-labelledby': undefined,
               name: props.name,
-              placeholder: typeof props.placeholder === 'string' ? props.placeholder : intl.formatMessage(messages.placeholder),
+              placeholder: typeof props.placeholder === 'string' ? props.placeholder : calendarTimeUtils.getLocalizedDateTimeFormatPattern(intl.locale),
               onMouseEnter: function onMouseEnter() {
                 // we remove the highlight so that the user can use the
                 // arrow keys to move the cursor when hovering
@@ -326,7 +319,7 @@ DateInput.isEmpty = function (value) {
 var DateInput$1 = DateInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.0.0";
+var version = "15.0.2";
 
 exports["default"] = DateInput$1;
 exports.version = version;

package/dist/commercetools-uikit-date-input.esm.js

@@ -14,20 +14,13 @@ import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { useState, useRef, useCallback } from 'react';
 import Downshift from 'downshift';
-import { defineMessages, useIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 import Constraints from '@commercetools-uikit/constraints';
 import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 import { getToday, getDateInMonth, createItemToString, parseInputToDate, getIsDateInRange, createCalendarItems, getPaddingDayCount, getWeekdayNames, CalendarBody, getNextDay, getPreviousDay, getDaysInMonth, CalendarMenu, CalendarHeader, getMonthCalendarLabel, getYearCalendarLabel, CalendarContent, CalendarDay, isSameDay, getCalendarDayLabel, changeMonth } from '@commercetools-uikit/calendar-utils';
+import { getLocalizedDateTimeFormatPattern } from '@commercetools-uikit/calendar-time-utils';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
-var messages = defineMessages({
-  placeholder: {
-    id: 'UIKit.DateInput.placeholder',
-    description: 'Placeholder for date input',
-    defaultMessage: 'MM/DD/YYYY'
-  }
-});
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -175,7 +168,7 @@ var DateInput = function DateInput(props) {
               // between the <label for> and the <input id>.
               'aria-labelledby': undefined,
               name: props.name,
-              placeholder: typeof props.placeholder === 'string' ? props.placeholder : intl.formatMessage(messages.placeholder),
+              placeholder: typeof props.placeholder === 'string' ? props.placeholder : getLocalizedDateTimeFormatPattern(intl.locale),
               onMouseEnter: function onMouseEnter() {
                 // we remove the highlight so that the user can use the
                 // arrow keys to move the cursor when hovering
@@ -325,6 +318,6 @@ DateInput.isEmpty = function (value) {
 var DateInput$1 = DateInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.0.0";
+var version = "15.0.2";
 
 export { DateInput$1 as default, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/date-input",
   "description": "The `DateInput` component allows the user to select a date. It formats the selected date depending on the users' locale.",
-  "version": "15.0.0",
+  "version": "15.0.2",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -22,6 +22,7 @@
     "@babel/runtime": "^7.17.2",
     "@babel/runtime-corejs3": "^7.17.2",
     "@commercetools-uikit/accessible-button": "15.0.0",
+    "@commercetools-uikit/calendar-time-utils": "15.0.2",
     "@commercetools-uikit/calendar-utils": "15.0.0",
     "@commercetools-uikit/constraints": "15.0.0",
     "@commercetools-uikit/design-system": "15.0.0",

package/dist/declarations/src/messages.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    placeholder: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export default _default;