npm - @commercetools-uikit/date-time-input - Versions diffs - 13.0.0 → 13.0.4 - Mend

@commercetools-uikit/date-time-input 13.0.0 → 13.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +31 -18
package/dist/commercetools-uikit-date-time-input.cjs.d.ts +2 -0
package/dist/commercetools-uikit-date-time-input.cjs.dev.js +55 -114
package/dist/commercetools-uikit-date-time-input.cjs.prod.js +36 -35
package/dist/commercetools-uikit-date-time-input.esm.js +54 -113
package/dist/declarations/src/date-time-input.d.ts +30 -0
package/dist/declarations/src/index.d.ts +2 -0
package/dist/declarations/src/messages.d.ts +13 -0
package/dist/declarations/src/time-input.d.ts +11 -0
package/dist/declarations/src/version.d.ts +2 -0
package/package.json +14 -16

package/README.md CHANGED Viewed

@@ -48,24 +48,37 @@ export default Example;
 ## Properties
-| Props                  | Type                                                                                      | Required | Default | Description                                                                                                                                                                    |
-| ---------------------- | ----------------------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `intl`                 | `object`                                                                                  |    ✅    |         |                                                                                                                                                                                |
-| `intl.locale`          | `string`                                                                                  |    ✅    |         |                                                                                                                                                                                |
-| `intl.formatMessage`   | `func`                                                                                    |    ✅    |         |                                                                                                                                                                                |
-| `horizontalConstraint` | `enum`<br/>Possible values:<br/>`6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` |          |         | Horizontal size limit of the input field.                                                                                                                                      |
-| `value`                | `string`                                                                                  |    ✅    |         | The selected date, must either be an empty string or a date formatted in ISO 8601 (e.g. "2018-10-04T09:00:00.000Z").                                                           |
-| `onChange`             | `func`                                                                                    |    ✅    |         | Called when the date changes. Called with an event containing an empty string (no value) or a string in this format: "YYYY-MM-DD".&#xA;<br />&#xA;Signature: `(event) => void` |
-| `onFocus`              | `func`                                                                                    |          |         | Called when the date input gains focus.                                                                                                                                        |
-| `onBlur`               | `func`                                                                                    |          |         | Called when the date input loses focus.                                                                                                                                        |
-| `timeZone`             | `string`                                                                                  |    ✅    |         | Specifies the time zone in which the calendar and selected values are shown. It also influences how entered dates and times are parsed.                                        |
-| `id`                   | `string`                                                                                  |          |         | Used as the HTML `id` attribute.                                                                                                                                               |
-| `name`                 | `string`                                                                                  |          |         | Used as the HTML `name` attribute.                                                                                                                                             |
-| `placeholder`          | `string`                                                                                  |          |         | Placeholder value to show in the input field                                                                                                                                   |
-| `isDisabled`           | `bool`                                                                                    |          |         | Disables the date picker                                                                                                                                                       |
-| `isReadOnly`           | `bool`                                                                                    |          |         | Disables the date picker menu and sets the input field as read-only                                                                                                            |
-| `hasError`             | `bool`                                                                                    |          |         | Indicates the input field has an error                                                                                                                                         |
-| `hasWarning`           | `bool`                                                                                    |          |         | Indicates the input field has a warning                                                                                                                                        |
+| Props                  | Type                                                                                         | Required | Default | Description                                                                                                                                                                                                                                                                        |
+| ---------------------- | -------------------------------------------------------------------------------------------- | :------: | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `aria-invalid`         | `boolean`                                                                                    |          |         | Indicate if the value entered in the input is invalid.                                                                                                                                                                                                                             |
+| `aria-errormessage`    | `string`                                                                                     |          |         | HTML ID of an element containing an error message related to the input.                                                                                                                                                                                                            |
+| `horizontalConstraint` | `union`<br/>Possible values:<br/>`, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` |          |         | Horizontal size limit of the input field.                                                                                                                                                                                                                                          |
+| `value`                | `string`                                                                                     |    ✅    |         | The selected date, must either be an empty string or a date formatted in ISO 8601 (e.g. "2018-10-04T09:00:00.000Z").                                                                                                                                                               |
+| `onChange`             | `Function`<br/>[See signature.](#signature-onChange)                                         |    ✅    |         | Called when the date changes. Called with an event containing an empty string (no value) or a string in this format: "YYYY-MM-DD".&#xA;<br />                                                                                                                                      |
+| `onFocus`              | `FocusEventHandler`                                                                          |          |         | Called when the date input gains focus.                                                                                                                                                                                                                                            |
+| `onBlur`               | `Function`<br/>[See signature.](#signature-onBlur)                                           |          |         | Called when the date input loses focus.                                                                                                                                                                                                                                            |
+| `timeZone`             | `string`                                                                                     |    ✅    |         | Specifies the time zone in which the calendar and selected values are shown. It also influences how entered dates and times are parsed.&#xA;Get list of timezone with `moment.tz.names()` [See moment docs](https://momentjs.com/timezone/docs/#/data-loading/getting-zone-names/) |
+| `id`                   | `string`                                                                                     |          |         | Used as the HTML `id` attribute.                                                                                                                                                                                                                                                   |
+| `name`                 | `string`                                                                                     |          |         | Used as the HTML `name` attribute.                                                                                                                                                                                                                                                 |
+| `placeholder`          | `string`                                                                                     |          |         | Placeholder value to show in the input field                                                                                                                                                                                                                                       |
+| `isDisabled`           | `boolean`                                                                                    |          |         | Disables the date picker                                                                                                                                                                                                                                                           |
+| `isReadOnly`           | `boolean`                                                                                    |          |         | Disables the date picker menu and sets the input field as read-only                                                                                                                                                                                                                |
+| `hasError`             | `boolean`                                                                                    |          |         | Indicates the input field has an error                                                                                                                                                                                                                                             |
+| `hasWarning`           | `boolean`                                                                                    |          |         | Indicates the input field has a warning                                                                                                                                                                                                                                            |
+## Signatures
+### Signature `onChange`
+```ts
+(event: TEvent) => void
+```
+### Signature `onBlur`
+```ts
+(event: TEvent) => void
+```
 ### `props.timeZone`

package/dist/commercetools-uikit-date-time-input.cjs.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./declarations/src/index";
2	+ export { default } from "./declarations/src/index";

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

@@ -17,12 +17,12 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _pt = require('prop-types');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
-var PropTypes = require('prop-types');
 var Downshift = require('downshift');
 var reactIntl = require('react-intl');
 var Constraints = require('@commercetools-uikit/constraints');
@@ -44,16 +44,16 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var getInputStyles = function getInputStyles() {
-  return /*#__PURE__*/react.css("width:100%;text-align:center;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", designSystem.customProperties.fontSizeDefault, ";margin-top:", designSystem.customProperties.spacingS, ";color:", designSystem.customProperties.colorSolid, ";:disabled{background-color:", designSystem.customProperties.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRpbWUtaW5wdXQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdDIiwiZmlsZSI6InRpbWUtaW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldElucHV0U3R5bGVzID0gKCkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3ZhcnMuY29sb3JOZXV0cmFsOTB9O1xuICBwYWRkaW5nOiAxMHB4IDA7XG4gIG91dGxpbmU6IDA7XG4gIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gIG1hcmdpbi10b3A6ICR7dmFycy5zcGFjaW5nU307XG4gIGNvbG9yOiAke3ZhcnMuY29sb3JTb2xpZH07XG5cbiAgOmRpc2FibGVkIHtcbiAgICAvKiBGaXhlcyBiYWNrZ3JvdW5kIGNvbG9yIGluIEZpcmVmb3ggKi9cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgfVxuYDtcbmNvbnN0IERhdGVDYWxlbmRhclRpbWVJbnB1dCA9IChwcm9wcykgPT4gKFxuICA8aW5wdXRcbiAgICBkaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICByZWY9e3Byb3BzLnRpbWVJbnB1dFJlZn1cbiAgICB0eXBlPVwidGV4dFwiXG4gICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICBvbktleURvd249e3Byb3BzLm9uS2V5RG93bn1cbiAgICBwbGFjZWhvbGRlcj17cHJvcHMucGxhY2Vob2xkZXJ9XG4gICAgY3NzPXtnZXRJbnB1dFN0eWxlcygpfVxuICAvPlxuKTtcblxuRGF0ZUNhbGVuZGFyVGltZUlucHV0LmRpc3BsYXlOYW1lID0gJ0RhdGVDYWxlbmRhclRpbWVJbnB1dCc7XG5cbkRhdGVDYWxlbmRhclRpbWVJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIHRpbWVJbnB1dFJlZjogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERhdGVDYWxlbmRhclRpbWVJbnB1dDtcbiJdfQ== */");
+  return /*#__PURE__*/react.css("width:100%;text-align:center;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", designSystem.customProperties.fontSizeDefault, ";margin-top:", designSystem.customProperties.spacingS, ";color:", designSystem.customProperties.colorSolid, ";:disabled{background-color:", designSystem.customProperties.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRpbWUtaW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1nQyIsImZpbGUiOiJ0aW1lLWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vLyA8cmVmZXJlbmNlIHR5cGVzPVwiQGVtb3Rpb24vcmVhY3QvdHlwZXMvY3NzLXByb3BcIiAvPlxuaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50SGFuZGxlciwgUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFREYXRlVGltZUlucHV0UHJvcHMgfSBmcm9tICcuL2RhdGUtdGltZS1pbnB1dCc7XG5cbmNvbnN0IGdldElucHV0U3R5bGVzID0gKCkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3ZhcnMuY29sb3JOZXV0cmFsOTB9O1xuICBwYWRkaW5nOiAxMHB4IDA7XG4gIG91dGxpbmU6IDA7XG4gIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gIG1hcmdpbi10b3A6ICR7dmFycy5zcGFjaW5nU307XG4gIGNvbG9yOiAke3ZhcnMuY29sb3JTb2xpZH07XG5cbiAgOmRpc2FibGVkIHtcbiAgICAvKiBGaXhlcyBiYWNrZ3JvdW5kIGNvbG9yIGluIEZpcmVmb3ggKi9cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgfVxuYDtcblxudHlwZSBURGF0ZUNhbGVuZGFyVGltZUlucHV0UHJvcHMgPSB7XG4gIHRpbWVJbnB1dFJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBvbktleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+O1xufSAmIFBpY2s8XG4gIFREYXRlVGltZUlucHV0UHJvcHMsXG4gICdpc0Rpc2FibGVkJyB8ICdvbkNoYW5nZScgfCAndmFsdWUnIHwgJ3BsYWNlaG9sZGVyJ1xuPjtcblxuY29uc3QgRGF0ZUNhbGVuZGFyVGltZUlucHV0ID0gKHByb3BzOiBURGF0ZUNhbGVuZGFyVGltZUlucHV0UHJvcHMpID0+IChcbiAgPGlucHV0XG4gICAgZGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgcmVmPXtwcm9wcy50aW1lSW5wdXRSZWZ9XG4gICAgdHlwZT1cInRleHRcIlxuICAgIHZhbHVlPXtwcm9wcy52YWx1ZX1cbiAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgb25LZXlEb3duPXtwcm9wcy5vbktleURvd259XG4gICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgIGNzcz17Z2V0SW5wdXRTdHlsZXMoKX1cbiAgLz5cbik7XG5cbkRhdGVDYWxlbmRhclRpbWVJbnB1dC5kaXNwbGF5TmFtZSA9ICdEYXRlQ2FsZW5kYXJUaW1lSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRlQ2FsZW5kYXJUaW1lSW5wdXQ7XG4iXX0= */");
 };
 var DateCalendarTimeInput = function DateCalendarTimeInput(props) {
@@ -69,15 +69,11 @@ var DateCalendarTimeInput = function DateCalendarTimeInput(props) {
   });
 };
-DateCalendarTimeInput.displayName = 'DateCalendarTimeInput';
 DateCalendarTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  isDisabled: PropTypes__default["default"].bool.isRequired,
-  timeInputRef: PropTypes__default["default"].object.isRequired,
-  onKeyDown: PropTypes__default["default"].func.isRequired,
-  onChange: PropTypes__default["default"].func.isRequired,
-  value: PropTypes__default["default"].string.isRequired,
-  placeholder: PropTypes__default["default"].string
+  timeInputRef: _pt__default["default"].any.isRequired,
+  onKeyDown: _pt__default["default"].func.isRequired
 } : {};
+DateCalendarTimeInput.displayName = 'DateCalendarTimeInput';
 var TimeInput = DateCalendarTimeInput;
 var messages = reactIntl.defineMessages({
@@ -103,7 +99,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_R
 var activationTypes = [Downshift__default["default"].stateChangeTypes.keyDownEnter, Downshift__default["default"].stateChangeTypes.clickItem];
 var preventDownshiftDefault = function preventDownshiftDefault(event) {
-  // eslint-disable-next-line no-param-reassign
   event.nativeEvent.preventDownshiftDefault = true;
 }; // This keeps the menu open when the user focuses the time input (thereby
 // blurring the regular input/toggle button)
@@ -163,10 +158,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
       _this.setState(function (prevState) {
         return {
           calendarDate: today,
-          highlightedIndex: prevState.suggestedItems.length + calendarTimeUtils.getDateInMonth(today, _this.props.timeZone) - 1
+          highlightedIndex: (prevState.suggestedItems || []).length + calendarTimeUtils.getDateInMonth(today, _this.props.timeZone) - 1
         };
       }, function () {
-        return _this.inputRef.current.focus();
+        var _this$inputRef$curren;
+        return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
       });
     };
@@ -231,7 +228,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
           selectedItem: this.props.value === '' ? null : this.props.value,
           highlightedIndex: this.state.highlightedIndex,
           onChange: this.emit,
-          stateReducer: function stateReducer(state, changes) {
+          stateReducer: function stateReducer(_, changes) {
             if (_includesInstanceProperty__default["default"](activationTypes).call(activationTypes, changes.type)) {
               return _objectSpread(_objectSpread({}, changes), {}, {
                 isOpen: true
@@ -241,7 +238,6 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
             return changes;
           },
           onStateChange: function onStateChange(changes) {
-            /* eslint-disable no-prototype-builtins */
             _this2.setState(function (prevState) {
               if (_includesInstanceProperty__default["default"](activationTypes).call(activationTypes, changes.type)) {
                 return {
@@ -267,7 +263,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   timeString: changes.isOpen && _this2.props.value !== '' ? calendarTimeUtils.formatTime(_this2.props.value, _this2.props.intl.locale, _this2.props.timeZone) : '',
                   // ensure calendar always opens on selected item, or on
                   // current month when there is no selected item
-                  calendarDate: _this2.props.value === '' ? calendarTimeUtils.getToday() : _this2.props.value
+                  calendarDate: _this2.props.value === '' ? calendarTimeUtils.getToday(_this2.props.timeZone) : _this2.props.value
                 };
               }
@@ -280,13 +276,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
               return null;
             }, function () {
               if (_includesInstanceProperty__default["default"](activationTypes).call(activationTypes, changes.type)) {
-                _this2.timeInputRef.current.focus();
+                var _this2$timeInputRef$c, _this2$timeInputRef$c2;
-                _this2.timeInputRef.current.setSelectionRange(0, _this2.state.timeString.length);
+                (_this2$timeInputRef$c = _this2.timeInputRef.current) === null || _this2$timeInputRef$c === void 0 ? void 0 : _this2$timeInputRef$c.focus();
+                (_this2$timeInputRef$c2 = _this2.timeInputRef.current) === null || _this2$timeInputRef$c2 === void 0 ? void 0 : _this2$timeInputRef$c2.setSelectionRange(0, _this2.state.timeString.length);
               }
             });
-            /* eslint-enable no-prototype-builtins */
           },
           children: function children(_ref) {
             var _context3;
@@ -307,10 +302,10 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
             var calendarItems = calendarTimeUtils.createCalendarItems(_this2.state.calendarDate, _this2.state.timeString, _this2.props.intl, _this2.props.timeZone);
             var paddingDayCount = calendarTimeUtils.getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale, _this2.props.timeZone);
-            var paddingDays = _fillInstanceProperty__default["default"](_context3 = Array(paddingDayCount)).call(_context3);
+            var paddingDays = _fillInstanceProperty__default["default"](_context3 = Array(paddingDayCount)).call(_context3, undefined);
             var weekdays = calendarTimeUtils.getWeekdayNames(_this2.props.intl.locale);
-            var today = calendarTimeUtils.getToday();
+            var today = calendarTimeUtils.getToday(_this2.props.timeZone);
             var isTimeInputVisible = Boolean(_this2.props.value) && _this2.props.value !== '';
             return jsxRuntime.jsxs("div", {
               onFocus: _this2.props.onFocus,
@@ -318,6 +313,9 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
               children: [jsxRuntime.jsx(calendarUtils.CalendarBody, {
                 inputRef: _this2.inputRef,
                 inputProps: getInputProps(_objectSpread({
+                  /* ARIA */
+                  'aria-invalid': _this2.props['aria-invalid'],
+                  'aria-errormessage': _this2.props['aria-errormessage'],
                   // Unset the aria-labelledby as it interfers with the link
                   // between the <label for> and the <input id>.
                   'aria-labelledby': undefined,
@@ -326,7 +324,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onMouseEnter: function onMouseEnter() {
                     // we remove the highlight so that the user can use the
                     // arrow keys to move the cursor when hovering
-                    if (isOpen) setHighlightedIndex(null);
+                    if (isOpen) setHighlightedIndex(-1);
                   },
                   onKeyDown: function onKeyDown(event) {
                     if (_this2.props.isReadOnly) {
@@ -347,11 +345,10 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                     if (event.keyCode === 40) {
-                      if (highlightedIndex + 1 >= calendarItems.length) {
+                      if (Number(highlightedIndex) + 1 >= calendarItems.length) {
                         // if it's the end of the month
                         // then bypass normal arrow navigation
-                        preventDownshiftDefault(event); // eslint-disable-line no-param-reassign
-                        // then jump to start of next month
+                        preventDownshiftDefault(event); // then jump to start of next month
                         _this2.jumpMonths(1, 0);
                       }
@@ -359,14 +356,13 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                     if (event.keyCode === 38) {
-                      var previousDay = calendarTimeUtils.getPreviousDay(calendarItems[highlightedIndex]);
+                      var previousDay = calendarTimeUtils.getPreviousDay(calendarItems[Number(highlightedIndex)]);
-                      if (highlightedIndex <= 0) {
+                      if (Number(highlightedIndex) <= 0) {
                         // if it's the start of the month
                         // then bypass normal arrow navigation
-                        preventDownshiftDefault(event); // eslint-disable-line no-param-reassign
-                        var numberOfDaysOfPrevMonth = calendarTimeUtils.getDaysInMonth(previousDay); // then jump to the last day of the previous month
+                        preventDownshiftDefault(event);
+                        var numberOfDaysOfPrevMonth = calendarTimeUtils.getDaysInMonth(previousDay, _this2.props.timeZone); // then jump to the last day of the previous month
                         _this2.jumpMonths(-1, numberOfDaysOfPrevMonth - 1);
                       }
@@ -375,10 +371,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onClick: _this2.props.isReadOnly ? undefined : openMenu,
                   onBlur: createBlurHandler(_this2.timeInputRef),
                   onChange: function onChange(event) {
+                    var _event$target$value;
                     // keep timeInput and regular input in sync when user
                     // types into regular input
                     if (!isOpen) return;
-                    var time = event.target.value.split(' ')[1];
+                    var time = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.split(' ')[1];
                     if (!time) return;
                     var parsedTime = utils.parseTime(time);
@@ -434,7 +432,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                       type: "heading",
                       children: weekday
                     }, weekday);
-                  }), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (day, index) {
+                  }), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (_, index) {
                     return jsxRuntime.jsx(calendarUtils.CalendarDay, {
                       type: "spacing"
                     }, index);
@@ -445,7 +443,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                       disabled: _this2.props.isDisabled,
                       item: item,
                       onMouseOut: function onMouseOut() {
-                        setHighlightedIndex(null);
+                        setHighlightedIndex(-1);
                       }
                     })), {}, {
                       isHighlighted: suggestedItems.length + index === highlightedIndex,
@@ -461,20 +459,19 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onChange: _this2.handleTimeChange,
                   onKeyDown: function onKeyDown(event) {
                     if (event.key === 'ArrowUp') {
-                      setHighlightedIndex(null);
-                      _this2.inputRef.current.focus();
+                      var _this2$inputRef$curre;
+                      setHighlightedIndex(-1);
+                      (_this2$inputRef$curre = _this2.inputRef.current) === null || _this2$inputRef$curre === void 0 ? void 0 : _this2$inputRef$curre.focus();
                       return;
                     }
                     if (event.key === 'Enter') {
-                      setHighlightedIndex(null);
-                      _this2.inputRef.current.focus();
-                      _this2.inputRef.current.setSelectionRange(0, 100);
+                      var _this2$inputRef$curre2, _this2$inputRef$curre3;
+                      setHighlightedIndex(-1);
+                      (_this2$inputRef$curre2 = _this2.inputRef.current) === null || _this2$inputRef$curre2 === void 0 ? void 0 : _this2$inputRef$curre2.focus();
+                      (_this2$inputRef$curre3 = _this2.inputRef.current) === null || _this2$inputRef$curre3 === void 0 ? void 0 : _this2$inputRef$curre3.setSelectionRange(0, 100);
                       closeMenu();
                     }
                   }
@@ -492,82 +489,26 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
 DateTimeInput.displayName = 'DateTimeInput';
 DateTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  intl: PropTypes__default["default"].shape({
-    locale: PropTypes__default["default"].string.isRequired,
-    formatMessage: PropTypes__default["default"].func.isRequired
-  }).isRequired,
-  /**
-   * Horizontal size limit of the input field.
-   */
-  horizontalConstraint: PropTypes__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  /**
-   * The selected date, must either be an empty string or a date formatted in ISO 8601 (e.g. "2018-10-04T09:00:00.000Z").
-   */
-  value: PropTypes__default["default"].string.isRequired,
-  /**
-   * Called when the date changes. Called with an event containing an empty string (no value) or a string in this format: "YYYY-MM-DD".
-   * <br />
-   * Signature: `(event) => void`
-   */
-  onChange: PropTypes__default["default"].func.isRequired,
-  /**
-   * Called when the date input gains focus.
-   */
-  onFocus: PropTypes__default["default"].func,
-  /**
-   * Called when the date input loses focus.
-   */
-  onBlur: PropTypes__default["default"].func,
-  /**
-   * Specifies the time zone in which the calendar and selected values are shown. It also influences how entered dates and times are parsed.
-   */
-  timeZone: PropTypes__default["default"].string.isRequired,
-  /**
-   * Used as the HTML `id` attribute.
-   */
-  id: PropTypes__default["default"].string,
-  /**
-   * Used as the HTML `name` attribute.
-   */
-  name: PropTypes__default["default"].string,
-  /**
-   * Placeholder value to show in the input field
-   */
-  placeholder: PropTypes__default["default"].string,
-  /**
-   * Disables the date picker
-   */
-  isDisabled: PropTypes__default["default"].bool,
-  /**
-   * Disables the date picker menu and sets the input field as read-only
-   */
-  isReadOnly: PropTypes__default["default"].bool,
-  /**
-   * Indicates the input field has an error
-   */
-  hasError: PropTypes__default["default"].bool,
-  /**
-   * Indicates the input field has a warning
-   */
-  hasWarning: PropTypes__default["default"].bool
+  'aria-invalid': _pt__default["default"].bool,
+  'aria-errormessage': _pt__default["default"].string,
+  horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  value: _pt__default["default"].string.isRequired,
+  onChange: _pt__default["default"].func.isRequired,
+  onFocus: _pt__default["default"].func,
+  onBlur: _pt__default["default"].func,
+  timeZone: _pt__default["default"].string.isRequired,
+  id: _pt__default["default"].string,
+  name: _pt__default["default"].string,
+  placeholder: _pt__default["default"].string,
+  isDisabled: _pt__default["default"].bool,
+  isReadOnly: _pt__default["default"].bool,
+  hasError: _pt__default["default"].bool,
+  hasWarning: _pt__default["default"].bool
 } : {};
 var dateTimeInput = reactIntl.injectIntl(DateTimeInput);
 // NOTE: This string will be replaced on build time with the package version.
-var version = "13.0.0";
+var version = "13.0.4";
 exports["default"] = dateTimeInput;
 exports.version = version;

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

@@ -17,12 +17,12 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('prop-types');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
-require('prop-types');
 var Downshift = require('downshift');
 var reactIntl = require('react-intl');
 var Constraints = require('@commercetools-uikit/constraints');
@@ -68,8 +68,8 @@ var DateCalendarTimeInput = function DateCalendarTimeInput(props) {
   });
 };
-DateCalendarTimeInput.displayName = 'DateCalendarTimeInput';
 DateCalendarTimeInput.propTypes = {};
+DateCalendarTimeInput.displayName = 'DateCalendarTimeInput';
 var TimeInput = DateCalendarTimeInput;
 var messages = reactIntl.defineMessages({
@@ -95,7 +95,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_R
 var activationTypes = [Downshift__default["default"].stateChangeTypes.keyDownEnter, Downshift__default["default"].stateChangeTypes.clickItem];
 var preventDownshiftDefault = function preventDownshiftDefault(event) {
-  // eslint-disable-next-line no-param-reassign
   event.nativeEvent.preventDownshiftDefault = true;
 }; // This keeps the menu open when the user focuses the time input (thereby
 // blurring the regular input/toggle button)
@@ -155,10 +154,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
       _this.setState(function (prevState) {
         return {
           calendarDate: today,
-          highlightedIndex: prevState.suggestedItems.length + calendarTimeUtils.getDateInMonth(today, _this.props.timeZone) - 1
+          highlightedIndex: (prevState.suggestedItems || []).length + calendarTimeUtils.getDateInMonth(today, _this.props.timeZone) - 1
         };
       }, function () {
-        return _this.inputRef.current.focus();
+        var _this$inputRef$curren;
+        return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
       });
     };
@@ -223,7 +224,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
           selectedItem: this.props.value === '' ? null : this.props.value,
           highlightedIndex: this.state.highlightedIndex,
           onChange: this.emit,
-          stateReducer: function stateReducer(state, changes) {
+          stateReducer: function stateReducer(_, changes) {
             if (_includesInstanceProperty__default["default"](activationTypes).call(activationTypes, changes.type)) {
               return _objectSpread(_objectSpread({}, changes), {}, {
                 isOpen: true
@@ -233,7 +234,6 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
             return changes;
           },
           onStateChange: function onStateChange(changes) {
-            /* eslint-disable no-prototype-builtins */
             _this2.setState(function (prevState) {
               if (_includesInstanceProperty__default["default"](activationTypes).call(activationTypes, changes.type)) {
                 return {
@@ -259,7 +259,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   timeString: changes.isOpen && _this2.props.value !== '' ? calendarTimeUtils.formatTime(_this2.props.value, _this2.props.intl.locale, _this2.props.timeZone) : '',
                   // ensure calendar always opens on selected item, or on
                   // current month when there is no selected item
-                  calendarDate: _this2.props.value === '' ? calendarTimeUtils.getToday() : _this2.props.value
+                  calendarDate: _this2.props.value === '' ? calendarTimeUtils.getToday(_this2.props.timeZone) : _this2.props.value
                 };
               }
@@ -272,13 +272,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
               return null;
             }, function () {
               if (_includesInstanceProperty__default["default"](activationTypes).call(activationTypes, changes.type)) {
-                _this2.timeInputRef.current.focus();
+                var _this2$timeInputRef$c, _this2$timeInputRef$c2;
-                _this2.timeInputRef.current.setSelectionRange(0, _this2.state.timeString.length);
+                (_this2$timeInputRef$c = _this2.timeInputRef.current) === null || _this2$timeInputRef$c === void 0 ? void 0 : _this2$timeInputRef$c.focus();
+                (_this2$timeInputRef$c2 = _this2.timeInputRef.current) === null || _this2$timeInputRef$c2 === void 0 ? void 0 : _this2$timeInputRef$c2.setSelectionRange(0, _this2.state.timeString.length);
               }
             });
-            /* eslint-enable no-prototype-builtins */
           },
           children: function children(_ref) {
             var _context3;
@@ -299,10 +298,10 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
             var calendarItems = calendarTimeUtils.createCalendarItems(_this2.state.calendarDate, _this2.state.timeString, _this2.props.intl, _this2.props.timeZone);
             var paddingDayCount = calendarTimeUtils.getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale, _this2.props.timeZone);
-            var paddingDays = _fillInstanceProperty__default["default"](_context3 = Array(paddingDayCount)).call(_context3);
+            var paddingDays = _fillInstanceProperty__default["default"](_context3 = Array(paddingDayCount)).call(_context3, undefined);
             var weekdays = calendarTimeUtils.getWeekdayNames(_this2.props.intl.locale);
-            var today = calendarTimeUtils.getToday();
+            var today = calendarTimeUtils.getToday(_this2.props.timeZone);
             var isTimeInputVisible = Boolean(_this2.props.value) && _this2.props.value !== '';
             return jsxRuntime.jsxs("div", {
               onFocus: _this2.props.onFocus,
@@ -310,6 +309,9 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
               children: [jsxRuntime.jsx(calendarUtils.CalendarBody, {
                 inputRef: _this2.inputRef,
                 inputProps: getInputProps(_objectSpread({
+                  /* ARIA */
+                  'aria-invalid': _this2.props['aria-invalid'],
+                  'aria-errormessage': _this2.props['aria-errormessage'],
                   // Unset the aria-labelledby as it interfers with the link
                   // between the <label for> and the <input id>.
                   'aria-labelledby': undefined,
@@ -318,7 +320,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onMouseEnter: function onMouseEnter() {
                     // we remove the highlight so that the user can use the
                     // arrow keys to move the cursor when hovering
-                    if (isOpen) setHighlightedIndex(null);
+                    if (isOpen) setHighlightedIndex(-1);
                   },
                   onKeyDown: function onKeyDown(event) {
                     if (_this2.props.isReadOnly) {
@@ -339,11 +341,10 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                     if (event.keyCode === 40) {
-                      if (highlightedIndex + 1 >= calendarItems.length) {
+                      if (Number(highlightedIndex) + 1 >= calendarItems.length) {
                         // if it's the end of the month
                         // then bypass normal arrow navigation
-                        preventDownshiftDefault(event); // eslint-disable-line no-param-reassign
-                        // then jump to start of next month
+                        preventDownshiftDefault(event); // then jump to start of next month
                         _this2.jumpMonths(1, 0);
                       }
@@ -351,14 +352,13 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                     if (event.keyCode === 38) {
-                      var previousDay = calendarTimeUtils.getPreviousDay(calendarItems[highlightedIndex]);
+                      var previousDay = calendarTimeUtils.getPreviousDay(calendarItems[Number(highlightedIndex)]);
-                      if (highlightedIndex <= 0) {
+                      if (Number(highlightedIndex) <= 0) {
                         // if it's the start of the month
                         // then bypass normal arrow navigation
-                        preventDownshiftDefault(event); // eslint-disable-line no-param-reassign
-                        var numberOfDaysOfPrevMonth = calendarTimeUtils.getDaysInMonth(previousDay); // then jump to the last day of the previous month
+                        preventDownshiftDefault(event);
+                        var numberOfDaysOfPrevMonth = calendarTimeUtils.getDaysInMonth(previousDay, _this2.props.timeZone); // then jump to the last day of the previous month
                         _this2.jumpMonths(-1, numberOfDaysOfPrevMonth - 1);
                       }
@@ -367,10 +367,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onClick: _this2.props.isReadOnly ? undefined : openMenu,
                   onBlur: createBlurHandler(_this2.timeInputRef),
                   onChange: function onChange(event) {
+                    var _event$target$value;
                     // keep timeInput and regular input in sync when user
                     // types into regular input
                     if (!isOpen) return;
-                    var time = event.target.value.split(' ')[1];
+                    var time = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.split(' ')[1];
                     if (!time) return;
                     var parsedTime = utils.parseTime(time);
@@ -426,7 +428,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                       type: "heading",
                       children: weekday
                     }, weekday);
-                  }), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (day, index) {
+                  }), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (_, index) {
                     return jsxRuntime.jsx(calendarUtils.CalendarDay, {
                       type: "spacing"
                     }, index);
@@ -437,7 +439,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                       disabled: _this2.props.isDisabled,
                       item: item,
                       onMouseOut: function onMouseOut() {
-                        setHighlightedIndex(null);
+                        setHighlightedIndex(-1);
                       }
                     })), {}, {
                       isHighlighted: suggestedItems.length + index === highlightedIndex,
@@ -453,20 +455,19 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onChange: _this2.handleTimeChange,
                   onKeyDown: function onKeyDown(event) {
                     if (event.key === 'ArrowUp') {
-                      setHighlightedIndex(null);
-                      _this2.inputRef.current.focus();
+                      var _this2$inputRef$curre;
+                      setHighlightedIndex(-1);
+                      (_this2$inputRef$curre = _this2.inputRef.current) === null || _this2$inputRef$curre === void 0 ? void 0 : _this2$inputRef$curre.focus();
                       return;
                     }
                     if (event.key === 'Enter') {
-                      setHighlightedIndex(null);
-                      _this2.inputRef.current.focus();
-                      _this2.inputRef.current.setSelectionRange(0, 100);
+                      var _this2$inputRef$curre2, _this2$inputRef$curre3;
+                      setHighlightedIndex(-1);
+                      (_this2$inputRef$curre2 = _this2.inputRef.current) === null || _this2$inputRef$curre2 === void 0 ? void 0 : _this2$inputRef$curre2.focus();
+                      (_this2$inputRef$curre3 = _this2.inputRef.current) === null || _this2$inputRef$curre3 === void 0 ? void 0 : _this2$inputRef$curre3.setSelectionRange(0, 100);
                       closeMenu();
                     }
                   }
@@ -487,7 +488,7 @@ DateTimeInput.propTypes = {};
 var dateTimeInput = reactIntl.injectIntl(DateTimeInput);
 // NOTE: This string will be replaced on build time with the package version.
-var version = "13.0.0";
+var version = "13.0.4";
 exports["default"] = dateTimeInput;
 exports.version = version;

package/dist/commercetools-uikit-date-time-input.esm.js CHANGED Viewed

@@ -13,12 +13,12 @@ import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
+import _pt from 'prop-types';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { createRef, Component } from 'react';
-import PropTypes from 'prop-types';
 import Downshift from 'downshift';
 import { defineMessages, injectIntl } from 'react-intl';
 import Constraints from '@commercetools-uikit/constraints';
@@ -30,7 +30,7 @@ import { customProperties } from '@commercetools-uikit/design-system';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 var getInputStyles = function getInputStyles() {
-  return /*#__PURE__*/css("width:100%;text-align:center;border:0;border-top:1px solid ", customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", customProperties.fontSizeDefault, ";margin-top:", customProperties.spacingS, ";color:", customProperties.colorSolid, ";:disabled{background-color:", customProperties.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRpbWUtaW5wdXQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdDIiwiZmlsZSI6InRpbWUtaW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldElucHV0U3R5bGVzID0gKCkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3ZhcnMuY29sb3JOZXV0cmFsOTB9O1xuICBwYWRkaW5nOiAxMHB4IDA7XG4gIG91dGxpbmU6IDA7XG4gIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gIG1hcmdpbi10b3A6ICR7dmFycy5zcGFjaW5nU307XG4gIGNvbG9yOiAke3ZhcnMuY29sb3JTb2xpZH07XG5cbiAgOmRpc2FibGVkIHtcbiAgICAvKiBGaXhlcyBiYWNrZ3JvdW5kIGNvbG9yIGluIEZpcmVmb3ggKi9cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgfVxuYDtcbmNvbnN0IERhdGVDYWxlbmRhclRpbWVJbnB1dCA9IChwcm9wcykgPT4gKFxuICA8aW5wdXRcbiAgICBkaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICByZWY9e3Byb3BzLnRpbWVJbnB1dFJlZn1cbiAgICB0eXBlPVwidGV4dFwiXG4gICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICBvbktleURvd249e3Byb3BzLm9uS2V5RG93bn1cbiAgICBwbGFjZWhvbGRlcj17cHJvcHMucGxhY2Vob2xkZXJ9XG4gICAgY3NzPXtnZXRJbnB1dFN0eWxlcygpfVxuICAvPlxuKTtcblxuRGF0ZUNhbGVuZGFyVGltZUlucHV0LmRpc3BsYXlOYW1lID0gJ0RhdGVDYWxlbmRhclRpbWVJbnB1dCc7XG5cbkRhdGVDYWxlbmRhclRpbWVJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIHRpbWVJbnB1dFJlZjogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERhdGVDYWxlbmRhclRpbWVJbnB1dDtcbiJdfQ== */");
+  return /*#__PURE__*/css("width:100%;text-align:center;border:0;border-top:1px solid ", customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", customProperties.fontSizeDefault, ";margin-top:", customProperties.spacingS, ";color:", customProperties.colorSolid, ";:disabled{background-color:", customProperties.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRpbWUtaW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1nQyIsImZpbGUiOiJ0aW1lLWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vLyA8cmVmZXJlbmNlIHR5cGVzPVwiQGVtb3Rpb24vcmVhY3QvdHlwZXMvY3NzLXByb3BcIiAvPlxuaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50SGFuZGxlciwgUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFREYXRlVGltZUlucHV0UHJvcHMgfSBmcm9tICcuL2RhdGUtdGltZS1pbnB1dCc7XG5cbmNvbnN0IGdldElucHV0U3R5bGVzID0gKCkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3ZhcnMuY29sb3JOZXV0cmFsOTB9O1xuICBwYWRkaW5nOiAxMHB4IDA7XG4gIG91dGxpbmU6IDA7XG4gIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gIG1hcmdpbi10b3A6ICR7dmFycy5zcGFjaW5nU307XG4gIGNvbG9yOiAke3ZhcnMuY29sb3JTb2xpZH07XG5cbiAgOmRpc2FibGVkIHtcbiAgICAvKiBGaXhlcyBiYWNrZ3JvdW5kIGNvbG9yIGluIEZpcmVmb3ggKi9cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgfVxuYDtcblxudHlwZSBURGF0ZUNhbGVuZGFyVGltZUlucHV0UHJvcHMgPSB7XG4gIHRpbWVJbnB1dFJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBvbktleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+O1xufSAmIFBpY2s8XG4gIFREYXRlVGltZUlucHV0UHJvcHMsXG4gICdpc0Rpc2FibGVkJyB8ICdvbkNoYW5nZScgfCAndmFsdWUnIHwgJ3BsYWNlaG9sZGVyJ1xuPjtcblxuY29uc3QgRGF0ZUNhbGVuZGFyVGltZUlucHV0ID0gKHByb3BzOiBURGF0ZUNhbGVuZGFyVGltZUlucHV0UHJvcHMpID0+IChcbiAgPGlucHV0XG4gICAgZGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgcmVmPXtwcm9wcy50aW1lSW5wdXRSZWZ9XG4gICAgdHlwZT1cInRleHRcIlxuICAgIHZhbHVlPXtwcm9wcy52YWx1ZX1cbiAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgb25LZXlEb3duPXtwcm9wcy5vbktleURvd259XG4gICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgIGNzcz17Z2V0SW5wdXRTdHlsZXMoKX1cbiAgLz5cbik7XG5cbkRhdGVDYWxlbmRhclRpbWVJbnB1dC5kaXNwbGF5TmFtZSA9ICdEYXRlQ2FsZW5kYXJUaW1lSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRlQ2FsZW5kYXJUaW1lSW5wdXQ7XG4iXX0= */");
 };
 var DateCalendarTimeInput = function DateCalendarTimeInput(props) {
@@ -46,15 +46,11 @@ var DateCalendarTimeInput = function DateCalendarTimeInput(props) {
   });
 };
-DateCalendarTimeInput.displayName = 'DateCalendarTimeInput';
 DateCalendarTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  isDisabled: PropTypes.bool.isRequired,
-  timeInputRef: PropTypes.object.isRequired,
-  onKeyDown: PropTypes.func.isRequired,
-  onChange: PropTypes.func.isRequired,
-  value: PropTypes.string.isRequired,
-  placeholder: PropTypes.string
+  timeInputRef: _pt.any.isRequired,
+  onKeyDown: _pt.func.isRequired
 } : {};
+DateCalendarTimeInput.displayName = 'DateCalendarTimeInput';
 var TimeInput = DateCalendarTimeInput;
 var messages = defineMessages({
@@ -80,7 +76,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_R
 var activationTypes = [Downshift.stateChangeTypes.keyDownEnter, Downshift.stateChangeTypes.clickItem];
 var preventDownshiftDefault = function preventDownshiftDefault(event) {
-  // eslint-disable-next-line no-param-reassign
   event.nativeEvent.preventDownshiftDefault = true;
 }; // This keeps the menu open when the user focuses the time input (thereby
 // blurring the regular input/toggle button)
@@ -140,10 +135,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
       _this.setState(function (prevState) {
         return {
           calendarDate: today,
-          highlightedIndex: prevState.suggestedItems.length + getDateInMonth(today, _this.props.timeZone) - 1
+          highlightedIndex: (prevState.suggestedItems || []).length + getDateInMonth(today, _this.props.timeZone) - 1
         };
       }, function () {
-        return _this.inputRef.current.focus();
+        var _this$inputRef$curren;
+        return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
       });
     };
@@ -208,7 +205,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
           selectedItem: this.props.value === '' ? null : this.props.value,
           highlightedIndex: this.state.highlightedIndex,
           onChange: this.emit,
-          stateReducer: function stateReducer(state, changes) {
+          stateReducer: function stateReducer(_, changes) {
             if (_includesInstanceProperty(activationTypes).call(activationTypes, changes.type)) {
               return _objectSpread(_objectSpread({}, changes), {}, {
                 isOpen: true
@@ -218,7 +215,6 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
             return changes;
           },
           onStateChange: function onStateChange(changes) {
-            /* eslint-disable no-prototype-builtins */
             _this2.setState(function (prevState) {
               if (_includesInstanceProperty(activationTypes).call(activationTypes, changes.type)) {
                 return {
@@ -244,7 +240,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   timeString: changes.isOpen && _this2.props.value !== '' ? formatTime(_this2.props.value, _this2.props.intl.locale, _this2.props.timeZone) : '',
                   // ensure calendar always opens on selected item, or on
                   // current month when there is no selected item
-                  calendarDate: _this2.props.value === '' ? getToday() : _this2.props.value
+                  calendarDate: _this2.props.value === '' ? getToday(_this2.props.timeZone) : _this2.props.value
                 };
               }
@@ -257,13 +253,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
               return null;
             }, function () {
               if (_includesInstanceProperty(activationTypes).call(activationTypes, changes.type)) {
-                _this2.timeInputRef.current.focus();
+                var _this2$timeInputRef$c, _this2$timeInputRef$c2;
-                _this2.timeInputRef.current.setSelectionRange(0, _this2.state.timeString.length);
+                (_this2$timeInputRef$c = _this2.timeInputRef.current) === null || _this2$timeInputRef$c === void 0 ? void 0 : _this2$timeInputRef$c.focus();
+                (_this2$timeInputRef$c2 = _this2.timeInputRef.current) === null || _this2$timeInputRef$c2 === void 0 ? void 0 : _this2$timeInputRef$c2.setSelectionRange(0, _this2.state.timeString.length);
               }
             });
-            /* eslint-enable no-prototype-builtins */
           },
           children: function children(_ref) {
             var _context3;
@@ -284,10 +279,10 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
             var calendarItems = createCalendarItems(_this2.state.calendarDate, _this2.state.timeString, _this2.props.intl, _this2.props.timeZone);
             var paddingDayCount = getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale, _this2.props.timeZone);
-            var paddingDays = _fillInstanceProperty(_context3 = Array(paddingDayCount)).call(_context3);
+            var paddingDays = _fillInstanceProperty(_context3 = Array(paddingDayCount)).call(_context3, undefined);
             var weekdays = getWeekdayNames(_this2.props.intl.locale);
-            var today = getToday();
+            var today = getToday(_this2.props.timeZone);
             var isTimeInputVisible = Boolean(_this2.props.value) && _this2.props.value !== '';
             return jsxs("div", {
               onFocus: _this2.props.onFocus,
@@ -295,6 +290,9 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
               children: [jsx(CalendarBody, {
                 inputRef: _this2.inputRef,
                 inputProps: getInputProps(_objectSpread({
+                  /* ARIA */
+                  'aria-invalid': _this2.props['aria-invalid'],
+                  'aria-errormessage': _this2.props['aria-errormessage'],
                   // Unset the aria-labelledby as it interfers with the link
                   // between the <label for> and the <input id>.
                   'aria-labelledby': undefined,
@@ -303,7 +301,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onMouseEnter: function onMouseEnter() {
                     // we remove the highlight so that the user can use the
                     // arrow keys to move the cursor when hovering
-                    if (isOpen) setHighlightedIndex(null);
+                    if (isOpen) setHighlightedIndex(-1);
                   },
                   onKeyDown: function onKeyDown(event) {
                     if (_this2.props.isReadOnly) {
@@ -324,11 +322,10 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                     if (event.keyCode === 40) {
-                      if (highlightedIndex + 1 >= calendarItems.length) {
+                      if (Number(highlightedIndex) + 1 >= calendarItems.length) {
                         // if it's the end of the month
                         // then bypass normal arrow navigation
-                        preventDownshiftDefault(event); // eslint-disable-line no-param-reassign
-                        // then jump to start of next month
+                        preventDownshiftDefault(event); // then jump to start of next month
                         _this2.jumpMonths(1, 0);
                       }
@@ -336,14 +333,13 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                     if (event.keyCode === 38) {
-                      var previousDay = getPreviousDay(calendarItems[highlightedIndex]);
+                      var previousDay = getPreviousDay(calendarItems[Number(highlightedIndex)]);
-                      if (highlightedIndex <= 0) {
+                      if (Number(highlightedIndex) <= 0) {
                         // if it's the start of the month
                         // then bypass normal arrow navigation
-                        preventDownshiftDefault(event); // eslint-disable-line no-param-reassign
-                        var numberOfDaysOfPrevMonth = getDaysInMonth(previousDay); // then jump to the last day of the previous month
+                        preventDownshiftDefault(event);
+                        var numberOfDaysOfPrevMonth = getDaysInMonth(previousDay, _this2.props.timeZone); // then jump to the last day of the previous month
                         _this2.jumpMonths(-1, numberOfDaysOfPrevMonth - 1);
                       }
@@ -352,10 +348,12 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onClick: _this2.props.isReadOnly ? undefined : openMenu,
                   onBlur: createBlurHandler(_this2.timeInputRef),
                   onChange: function onChange(event) {
+                    var _event$target$value;
                     // keep timeInput and regular input in sync when user
                     // types into regular input
                     if (!isOpen) return;
-                    var time = event.target.value.split(' ')[1];
+                    var time = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.split(' ')[1];
                     if (!time) return;
                     var parsedTime = parseTime(time);
@@ -411,7 +409,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                       type: "heading",
                       children: weekday
                     }, weekday);
-                  }), _mapInstanceProperty(paddingDays).call(paddingDays, function (day, index) {
+                  }), _mapInstanceProperty(paddingDays).call(paddingDays, function (_, index) {
                     return jsx(CalendarDay, {
                       type: "spacing"
                     }, index);
@@ -422,7 +420,7 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                       disabled: _this2.props.isDisabled,
                       item: item,
                       onMouseOut: function onMouseOut() {
-                        setHighlightedIndex(null);
+                        setHighlightedIndex(-1);
                       }
                     })), {}, {
                       isHighlighted: suggestedItems.length + index === highlightedIndex,
@@ -438,20 +436,19 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
                   onChange: _this2.handleTimeChange,
                   onKeyDown: function onKeyDown(event) {
                     if (event.key === 'ArrowUp') {
-                      setHighlightedIndex(null);
-                      _this2.inputRef.current.focus();
+                      var _this2$inputRef$curre;
+                      setHighlightedIndex(-1);
+                      (_this2$inputRef$curre = _this2.inputRef.current) === null || _this2$inputRef$curre === void 0 ? void 0 : _this2$inputRef$curre.focus();
                       return;
                     }
                     if (event.key === 'Enter') {
-                      setHighlightedIndex(null);
-                      _this2.inputRef.current.focus();
-                      _this2.inputRef.current.setSelectionRange(0, 100);
+                      var _this2$inputRef$curre2, _this2$inputRef$curre3;
+                      setHighlightedIndex(-1);
+                      (_this2$inputRef$curre2 = _this2.inputRef.current) === null || _this2$inputRef$curre2 === void 0 ? void 0 : _this2$inputRef$curre2.focus();
+                      (_this2$inputRef$curre3 = _this2.inputRef.current) === null || _this2$inputRef$curre3 === void 0 ? void 0 : _this2$inputRef$curre3.setSelectionRange(0, 100);
                       closeMenu();
                     }
                   }
@@ -469,81 +466,25 @@ var DateTimeInput = /*#__PURE__*/function (_Component) {
 DateTimeInput.displayName = 'DateTimeInput';
 DateTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  intl: PropTypes.shape({
-    locale: PropTypes.string.isRequired,
-    formatMessage: PropTypes.func.isRequired
-  }).isRequired,
-  /**
-   * Horizontal size limit of the input field.
-   */
-  horizontalConstraint: PropTypes.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  /**
-   * The selected date, must either be an empty string or a date formatted in ISO 8601 (e.g. "2018-10-04T09:00:00.000Z").
-   */
-  value: PropTypes.string.isRequired,
-  /**
-   * Called when the date changes. Called with an event containing an empty string (no value) or a string in this format: "YYYY-MM-DD".
-   * <br />
-   * Signature: `(event) => void`
-   */
-  onChange: PropTypes.func.isRequired,
-  /**
-   * Called when the date input gains focus.
-   */
-  onFocus: PropTypes.func,
-  /**
-   * Called when the date input loses focus.
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Specifies the time zone in which the calendar and selected values are shown. It also influences how entered dates and times are parsed.
-   */
-  timeZone: PropTypes.string.isRequired,
-  /**
-   * Used as the HTML `id` attribute.
-   */
-  id: PropTypes.string,
-  /**
-   * Used as the HTML `name` attribute.
-   */
-  name: PropTypes.string,
-  /**
-   * Placeholder value to show in the input field
-   */
-  placeholder: PropTypes.string,
-  /**
-   * Disables the date picker
-   */
-  isDisabled: PropTypes.bool,
-  /**
-   * Disables the date picker menu and sets the input field as read-only
-   */
-  isReadOnly: PropTypes.bool,
-  /**
-   * Indicates the input field has an error
-   */
-  hasError: PropTypes.bool,
-  /**
-   * Indicates the input field has a warning
-   */
-  hasWarning: PropTypes.bool
+  'aria-invalid': _pt.bool,
+  'aria-errormessage': _pt.string,
+  horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  value: _pt.string.isRequired,
+  onChange: _pt.func.isRequired,
+  onFocus: _pt.func,
+  onBlur: _pt.func,
+  timeZone: _pt.string.isRequired,
+  id: _pt.string,
+  name: _pt.string,
+  placeholder: _pt.string,
+  isDisabled: _pt.bool,
+  isReadOnly: _pt.bool,
+  hasError: _pt.bool,
+  hasWarning: _pt.bool
 } : {};
 var dateTimeInput = injectIntl(DateTimeInput);
 // NOTE: This string will be replaced on build time with the package version.
-var version = "13.0.0";
+var version = "13.0.4";
 export { dateTimeInput as default, version };

package/dist/declarations/src/date-time-input.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { type FocusEventHandler } from 'react';
+import { type WrappedComponentProps } from 'react-intl';
+declare type TEvent = {
+    target: {
+        id?: string;
+        name?: string;
+        value?: string;
+    };
+};
+export declare type TDateTimeInputProps = {
+    'aria-invalid'?: boolean;
+    'aria-errormessage'?: string;
+    horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
+    value: string;
+    onChange: (event: TEvent) => void;
+    onFocus?: FocusEventHandler;
+    onBlur?: (event: TEvent) => void;
+    timeZone: string;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    hasError?: boolean;
+    hasWarning?: boolean;
+} & WrappedComponentProps;
+declare const _default: import("react").FC<import("react-intl").WithIntlProps<TDateTimeInputProps>> & {
+    WrappedComponent: import("react").ComponentType<TDateTimeInputProps>;
+};
+export default _default;

package/dist/declarations/src/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default } from './date-time-input';
2	+ export { default as version } from './version';

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

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

package/dist/declarations/src/time-input.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { KeyboardEventHandler, RefObject } from 'react';
+import type { TDateTimeInputProps } from './date-time-input';
+declare type TDateCalendarTimeInputProps = {
+    timeInputRef: RefObject<HTMLInputElement>;
+    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+} & Pick<TDateTimeInputProps, 'isDisabled' | 'onChange' | 'value' | 'placeholder'>;
+declare const DateCalendarTimeInput: {
+    (props: TDateCalendarTimeInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DateCalendarTimeInput;

package/dist/declarations/src/version.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2	+ export default _default;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/date-time-input",
   "description": "The `DateTimeInput` component allows the user to select a date. This component also supports multiple date selection.",
-  "version": "13.0.0",
+  "version": "13.0.4",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,32 +21,30 @@
   "dependencies": {
     "@babel/runtime": "7.17.2",
     "@babel/runtime-corejs3": "7.17.2",
-    "@commercetools-uikit/accessible-button": "13.0.0",
-    "@commercetools-uikit/calendar-time-utils": "13.0.0",
-    "@commercetools-uikit/calendar-utils": "13.0.0",
-    "@commercetools-uikit/constraints": "13.0.0",
+    "@commercetools-uikit/accessible-button": "13.0.4",
+    "@commercetools-uikit/calendar-time-utils": "13.0.2",
+    "@commercetools-uikit/calendar-utils": "13.0.4",
+    "@commercetools-uikit/constraints": "13.0.2",
     "@commercetools-uikit/design-system": "13.0.0",
-    "@commercetools-uikit/hooks": "12.2.9",
-    "@commercetools-uikit/icons": "13.0.0",
-    "@commercetools-uikit/secondary-icon-button": "13.0.0",
-    "@commercetools-uikit/select-utils": "13.0.0",
-    "@commercetools-uikit/spacings-inline": "13.0.0",
-    "@commercetools-uikit/text": "13.0.0",
-    "@commercetools-uikit/tooltip": "13.0.0",
-    "@commercetools-uikit/utils": "12.2.9",
+    "@commercetools-uikit/hooks": "13.0.2",
+    "@commercetools-uikit/icons": "13.0.2",
+    "@commercetools-uikit/secondary-icon-button": "13.0.4",
+    "@commercetools-uikit/select-utils": "13.0.4",
+    "@commercetools-uikit/spacings-inline": "13.0.2",
+    "@commercetools-uikit/text": "13.0.4",
+    "@commercetools-uikit/tooltip": "13.0.2",
+    "@commercetools-uikit/utils": "13.0.2",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "common-tags": "1.8.2",
     "downshift": "6.1.7",
     "prop-types": "15.8.1",
     "react-is": "17.0.2",
-    "react-required-if": "1.0.3",
     "warning": "4.0.3"
   },
   "devDependencies": {
     "moment": "2.29.1",
     "react": "17.0.2",
-    "react-intl": "5.24.6"
+    "react-intl": "^5.24.6"
   },
   "peerDependencies": {
     "moment": "2.x",