@commercetools-uikit/date-input 19.26.0 → 20.1.0

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 (5) hide show
  1. package/dist/commercetools-uikit-date-input.cjs.dev.js +13 -26
  2. package/dist/commercetools-uikit-date-input.cjs.prod.js +13 -7
  3. package/dist/commercetools-uikit-date-input.esm.js +11 -25
  4. package/dist/declarations/src/date-input.d.ts +5 -0
  5. package/package.json +20 -21
package/dist/commercetools-uikit-date-input.cjs.dev.js CHANGED
@@ -12,8 +12,9 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
15
- var _pt = require('prop-types');
16
15
  var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
16
+ var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
17
+ var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
17
18
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
18
19
  var react = require('react');
19
20
  var Downshift = require('downshift');
@@ -34,14 +35,15 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
34
35
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
35
36
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
36
37
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
37
- var _pt__default = /*#__PURE__*/_interopDefault(_pt);
38
38
  var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
39
+ var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
40
+ var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
39
41
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
40
42
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
41
43
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
42
44
 
43
45
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
44
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
46
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
45
47
  const preventDownshiftDefault = event => {
46
48
  event.nativeEvent.preventDownshiftDefault = true;
47
49
  };
@@ -60,6 +62,7 @@ const DateInput = props => {
60
62
  highlightedIndex = _useState6[0],
61
63
  setHighlightedIndex = _useState6[1];
62
64
  const inputRef = react.useRef(null);
65
+ const appearance = props.appearance || 'default';
63
66
  if (!props.isReadOnly) {
64
67
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'DateInput: `onChange` is required when input is not read only.') : void 0;
65
68
  }
@@ -171,6 +174,7 @@ const DateInput = props => {
171
174
  onBlur: handleBlur,
172
175
  children: [jsxRuntime.jsx(calendarUtils.CalendarBody, {
173
176
  inputRef: inputRef,
177
+ appearance: appearance,
174
178
  inputProps: getInputProps(_objectSpread({
175
179
  /* ARIA */
176
180
  'aria-invalid': props['aria-invalid'],
@@ -187,11 +191,12 @@ const DateInput = props => {
187
191
  if (isOpen) setDownshiftHighlightedIndex(null);
188
192
  },
189
193
  onKeyDown: event => {
194
+ var _context2, _context3;
190
195
  if (props.isReadOnly) {
191
196
  preventDownshiftDefault(event);
192
197
  return;
193
198
  }
194
- if (event.key === 'Enter' && inputValue?.trim() === '') {
199
+ if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === '') {
195
200
  clearSelection();
196
201
  }
197
202
  // ArrowDown
@@ -233,7 +238,7 @@ const DateInput = props => {
233
238
  onBlur: onInputBlur,
234
239
  // we only do this for readOnly because the input
235
240
  // doesn't ignore these events, unlike when its disabled
236
- onClick: props.isReadOnly ? undefined : openMenu
241
+ onClick: props.isReadOnly ? undefined : () => openMenu()
237
242
  }, utils.filterDataAttributes(props))),
238
243
  hasSelection: Boolean(selectedItem),
239
244
  onClear: clearSelection,
@@ -244,9 +249,10 @@ const DateInput = props => {
244
249
  toggleButtonProps: getToggleButtonProps(),
245
250
  hasError: props.hasError,
246
251
  hasWarning: props.hasWarning
247
- }), isOpen && !props.isDisabled && !props.isReadOnly && jsxRuntime.jsxs(calendarUtils.CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
252
+ }), (isOpen && !props.isDisabled && !props.isReadOnly || appearance === 'filter' && !props.isDisabled && !props.isReadOnly) && jsxRuntime.jsxs(calendarUtils.CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
248
253
  hasError: props.hasError,
249
254
  hasWarning: props.hasWarning,
255
+ appearance: appearance,
250
256
  children: [jsxRuntime.jsx(calendarUtils.CalendarHeader, {
251
257
  monthLabel: calendarUtils.getMonthCalendarLabel(calendarDate, intl.locale),
252
258
  yearLabel: calendarUtils.getYearCalendarLabel(calendarDate, intl.locale),
@@ -282,31 +288,12 @@ const DateInput = props => {
282
288
  }, intl.locale)
283
289
  });
284
290
  };
285
- DateInput.propTypes = process.env.NODE_ENV !== "production" ? {
286
- horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
287
- value: _pt__default["default"].string.isRequired,
288
- onChange: _pt__default["default"].func,
289
- onFocus: _pt__default["default"].func,
290
- onBlur: _pt__default["default"].func,
291
- id: _pt__default["default"].string,
292
- 'aria-invalid': _pt__default["default"].bool,
293
- 'aria-errormessage': _pt__default["default"].string,
294
- name: _pt__default["default"].string,
295
- placeholder: _pt__default["default"].string,
296
- isCondensed: _pt__default["default"].bool,
297
- isDisabled: _pt__default["default"].bool,
298
- isReadOnly: _pt__default["default"].bool,
299
- hasError: _pt__default["default"].bool,
300
- hasWarning: _pt__default["default"].bool,
301
- minValue: _pt__default["default"].string,
302
- maxValue: _pt__default["default"].string
303
- } : {};
304
291
  DateInput.displayName = 'DateInput';
305
292
  DateInput.isEmpty = value => value === '';
306
293
  var DateInput$1 = DateInput;
307
294
 
308
295
  // NOTE: This string will be replaced on build time with the package version.
309
- var version = "19.26.0";
296
+ var version = "20.1.0";
310
297
 
311
298
  exports["default"] = DateInput$1;
312
299
  exports.version = version;
package/dist/commercetools-uikit-date-input.cjs.prod.js CHANGED
@@ -12,8 +12,9 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
15
- require('prop-types');
16
15
  var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
16
+ var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
17
+ var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
17
18
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
18
19
  var react = require('react');
19
20
  var Downshift = require('downshift');
@@ -35,12 +36,14 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
35
36
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
36
37
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
37
38
  var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
39
+ var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
40
+ var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
38
41
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
39
42
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
40
43
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
41
44
 
42
45
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
43
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
46
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
44
47
  const preventDownshiftDefault = event => {
45
48
  event.nativeEvent.preventDownshiftDefault = true;
46
49
  };
@@ -59,6 +62,7 @@ const DateInput = props => {
59
62
  highlightedIndex = _useState6[0],
60
63
  setHighlightedIndex = _useState6[1];
61
64
  const inputRef = react.useRef(null);
65
+ const appearance = props.appearance || 'default';
62
66
  if (!props.isReadOnly) ;
63
67
  const onChange = props.onChange;
64
68
  const emit = react.useCallback(value => onChange?.({
@@ -168,6 +172,7 @@ const DateInput = props => {
168
172
  onBlur: handleBlur,
169
173
  children: [jsxRuntime.jsx(calendarUtils.CalendarBody, {
170
174
  inputRef: inputRef,
175
+ appearance: appearance,
171
176
  inputProps: getInputProps(_objectSpread({
172
177
  /* ARIA */
173
178
  'aria-invalid': props['aria-invalid'],
@@ -184,11 +189,12 @@ const DateInput = props => {
184
189
  if (isOpen) setDownshiftHighlightedIndex(null);
185
190
  },
186
191
  onKeyDown: event => {
192
+ var _context2, _context3;
187
193
  if (props.isReadOnly) {
188
194
  preventDownshiftDefault(event);
189
195
  return;
190
196
  }
191
- if (event.key === 'Enter' && inputValue?.trim() === '') {
197
+ if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === '') {
192
198
  clearSelection();
193
199
  }
194
200
  // ArrowDown
@@ -230,7 +236,7 @@ const DateInput = props => {
230
236
  onBlur: onInputBlur,
231
237
  // we only do this for readOnly because the input
232
238
  // doesn't ignore these events, unlike when its disabled
233
- onClick: props.isReadOnly ? undefined : openMenu
239
+ onClick: props.isReadOnly ? undefined : () => openMenu()
234
240
  }, utils.filterDataAttributes(props))),
235
241
  hasSelection: Boolean(selectedItem),
236
242
  onClear: clearSelection,
@@ -241,9 +247,10 @@ const DateInput = props => {
241
247
  toggleButtonProps: getToggleButtonProps(),
242
248
  hasError: props.hasError,
243
249
  hasWarning: props.hasWarning
244
- }), isOpen && !props.isDisabled && !props.isReadOnly && jsxRuntime.jsxs(calendarUtils.CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
250
+ }), (isOpen && !props.isDisabled && !props.isReadOnly || appearance === 'filter' && !props.isDisabled && !props.isReadOnly) && jsxRuntime.jsxs(calendarUtils.CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
245
251
  hasError: props.hasError,
246
252
  hasWarning: props.hasWarning,
253
+ appearance: appearance,
247
254
  children: [jsxRuntime.jsx(calendarUtils.CalendarHeader, {
248
255
  monthLabel: calendarUtils.getMonthCalendarLabel(calendarDate, intl.locale),
249
256
  yearLabel: calendarUtils.getYearCalendarLabel(calendarDate, intl.locale),
@@ -279,13 +286,12 @@ const DateInput = props => {
279
286
  }, intl.locale)
280
287
  });
281
288
  };
282
- DateInput.propTypes = {};
283
289
  DateInput.displayName = 'DateInput';
284
290
  DateInput.isEmpty = value => value === '';
285
291
  var DateInput$1 = DateInput;
286
292
 
287
293
  // NOTE: This string will be replaced on build time with the package version.
288
- var version = "19.26.0";
294
+ var version = "20.1.0";
289
295
 
290
296
  exports["default"] = DateInput$1;
291
297
  exports.version = version;
package/dist/commercetools-uikit-date-input.esm.js CHANGED
@@ -8,8 +8,9 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
8
8
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
11
- import _pt from 'prop-types';
12
11
  import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
12
+ import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
13
+ import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
13
14
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
14
15
  import { useState, useRef, useCallback } from 'react';
15
16
  import Downshift from 'downshift';
@@ -21,7 +22,7 @@ import { getLocalizedDateTimeFormatPattern } from '@commercetools-uikit/calendar
21
22
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
22
23
 
23
24
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
25
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
25
26
  const preventDownshiftDefault = event => {
26
27
  event.nativeEvent.preventDownshiftDefault = true;
27
28
  };
@@ -40,6 +41,7 @@ const DateInput = props => {
40
41
  highlightedIndex = _useState6[0],
41
42
  setHighlightedIndex = _useState6[1];
42
43
  const inputRef = useRef(null);
44
+ const appearance = props.appearance || 'default';
43
45
  if (!props.isReadOnly) {
44
46
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'DateInput: `onChange` is required when input is not read only.') : void 0;
45
47
  }
@@ -151,6 +153,7 @@ const DateInput = props => {
151
153
  onBlur: handleBlur,
152
154
  children: [jsx(CalendarBody, {
153
155
  inputRef: inputRef,
156
+ appearance: appearance,
154
157
  inputProps: getInputProps(_objectSpread({
155
158
  /* ARIA */
156
159
  'aria-invalid': props['aria-invalid'],
@@ -167,11 +170,12 @@ const DateInput = props => {
167
170
  if (isOpen) setDownshiftHighlightedIndex(null);
168
171
  },
169
172
  onKeyDown: event => {
173
+ var _context2, _context3;
170
174
  if (props.isReadOnly) {
171
175
  preventDownshiftDefault(event);
172
176
  return;
173
177
  }
174
- if (event.key === 'Enter' && inputValue?.trim() === '') {
178
+ if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _trimInstanceProperty(_context2), _context2))?.() === '') {
175
179
  clearSelection();
176
180
  }
177
181
  // ArrowDown
@@ -213,7 +217,7 @@ const DateInput = props => {
213
217
  onBlur: onInputBlur,
214
218
  // we only do this for readOnly because the input
215
219
  // doesn't ignore these events, unlike when its disabled
216
- onClick: props.isReadOnly ? undefined : openMenu
220
+ onClick: props.isReadOnly ? undefined : () => openMenu()
217
221
  }, filterDataAttributes(props))),
218
222
  hasSelection: Boolean(selectedItem),
219
223
  onClear: clearSelection,
@@ -224,9 +228,10 @@ const DateInput = props => {
224
228
  toggleButtonProps: getToggleButtonProps(),
225
229
  hasError: props.hasError,
226
230
  hasWarning: props.hasWarning
227
- }), isOpen && !props.isDisabled && !props.isReadOnly && jsxs(CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
231
+ }), (isOpen && !props.isDisabled && !props.isReadOnly || appearance === 'filter' && !props.isDisabled && !props.isReadOnly) && jsxs(CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
228
232
  hasError: props.hasError,
229
233
  hasWarning: props.hasWarning,
234
+ appearance: appearance,
230
235
  children: [jsx(CalendarHeader, {
231
236
  monthLabel: getMonthCalendarLabel(calendarDate, intl.locale),
232
237
  yearLabel: getYearCalendarLabel(calendarDate, intl.locale),
@@ -262,30 +267,11 @@ const DateInput = props => {
262
267
  }, intl.locale)
263
268
  });
264
269
  };
265
- DateInput.propTypes = process.env.NODE_ENV !== "production" ? {
266
- horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
267
- value: _pt.string.isRequired,
268
- onChange: _pt.func,
269
- onFocus: _pt.func,
270
- onBlur: _pt.func,
271
- id: _pt.string,
272
- 'aria-invalid': _pt.bool,
273
- 'aria-errormessage': _pt.string,
274
- name: _pt.string,
275
- placeholder: _pt.string,
276
- isCondensed: _pt.bool,
277
- isDisabled: _pt.bool,
278
- isReadOnly: _pt.bool,
279
- hasError: _pt.bool,
280
- hasWarning: _pt.bool,
281
- minValue: _pt.string,
282
- maxValue: _pt.string
283
- } : {};
284
270
  DateInput.displayName = 'DateInput';
285
271
  DateInput.isEmpty = value => value === '';
286
272
  var DateInput$1 = DateInput;
287
273
 
288
274
  // NOTE: This string will be replaced on build time with the package version.
289
- var version = "19.26.0";
275
+ var version = "20.1.0";
290
276
 
291
277
  export { DateInput$1 as default, version };
package/dist/declarations/src/date-input.d.ts CHANGED
@@ -75,6 +75,11 @@ export type TDateInput = {
75
75
  * A maximum selectable date. Must either be an empty string or a date formatted as "YYYY-MM-DD".
76
76
  */
77
77
  maxValue?: string;
78
+ /**
79
+ * Indicates the appearance of the input.
80
+ * Filter appearance removes borders and box shadows, and calendar is always open.
81
+ */
82
+ appearance?: 'default' | 'filter';
78
83
  };
79
84
  declare const DateInput: {
80
85
  (props: TDateInput): import("@emotion/react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/date-input",
3
3
  "description": "The `DateInput` component allows the user to select a date. It formats the selected date depending on the users' locale.",
4
- "version": "19.26.0",
4
+ "version": "20.1.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,34 +21,33 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.26.0",
25
- "@commercetools-uikit/calendar-time-utils": "19.26.0",
26
- "@commercetools-uikit/calendar-utils": "19.26.0",
27
- "@commercetools-uikit/constraints": "19.26.0",
28
- "@commercetools-uikit/design-system": "19.26.0",
29
- "@commercetools-uikit/hooks": "19.26.0",
30
- "@commercetools-uikit/icons": "19.26.0",
31
- "@commercetools-uikit/secondary-icon-button": "19.26.0",
32
- "@commercetools-uikit/select-utils": "19.26.0",
33
- "@commercetools-uikit/spacings-inline": "19.26.0",
34
- "@commercetools-uikit/text": "19.26.0",
35
- "@commercetools-uikit/tooltip": "19.26.0",
36
- "@commercetools-uikit/utils": "19.26.0",
24
+ "@commercetools-uikit/accessible-button": "20.1.0",
25
+ "@commercetools-uikit/calendar-time-utils": "20.1.0",
26
+ "@commercetools-uikit/calendar-utils": "20.1.0",
27
+ "@commercetools-uikit/constraints": "20.1.0",
28
+ "@commercetools-uikit/design-system": "20.1.0",
29
+ "@commercetools-uikit/hooks": "20.1.0",
30
+ "@commercetools-uikit/icons": "20.1.0",
31
+ "@commercetools-uikit/secondary-icon-button": "20.1.0",
32
+ "@commercetools-uikit/select-utils": "20.1.0",
33
+ "@commercetools-uikit/spacings-inline": "20.1.0",
34
+ "@commercetools-uikit/text": "20.1.0",
35
+ "@commercetools-uikit/tooltip": "20.1.0",
36
+ "@commercetools-uikit/utils": "20.1.0",
37
37
  "@emotion/react": "^11.10.5",
38
38
  "@emotion/styled": "^11.10.5",
39
- "downshift": "6.1.12",
40
- "prop-types": "15.8.1",
41
- "react-is": "17.0.2",
39
+ "downshift": "9.0.9",
40
+ "react-is": "19.1.0",
42
41
  "warning": "4.0.3"
43
42
  },
44
43
  "devDependencies": {
45
44
  "moment": "2.30.1",
46
- "react": "17.0.2",
47
- "react-intl": "^6.3.2"
45
+ "react": "19.1.0",
46
+ "react-intl": "^7.1.4"
48
47
  },
49
48
  "peerDependencies": {
50
49
  "moment": "2.x",
51
- "react": "17.x",
52
- "react-intl": "6.x"
50
+ "react": "19.x",
51
+ "react-intl": "7.x"
53
52
  }
54
53
  }