@commercetools-uikit/date-time-input 19.1.0 → 19.2.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 (6) hide show
  1. package/README.md +2 -1
  2. package/dist/commercetools-uikit-date-time-input.cjs.dev.js +3 -1
  3. package/dist/commercetools-uikit-date-time-input.cjs.prod.js +2 -1
  4. package/dist/commercetools-uikit-date-time-input.esm.js +3 -1
  5. package/dist/declarations/src/date-time-input.d.ts +1 -0
  6. package/package.json +14 -14
package/README.md CHANGED
@@ -61,11 +61,12 @@ export default Example;
61
61
  | `id` | `string` | | | Used as the HTML `id` attribute. |
62
62
  | `name` | `string` | | | Used as the HTML `name` attribute. |
63
63
  | `placeholder` | `string` | | | Placeholder value to show in the input field |
64
+ | `isCondensed` | `boolean` | | | Use this property to reduce the paddings of the component for a ui compact variant |
64
65
  | `isDisabled` | `boolean` | | | Disables the date picker |
65
66
  | `isReadOnly` | `boolean` | | | Disables the date picker menu and sets the input field as read-only |
66
67
  | `hasError` | `boolean` | | | Indicates the input field has an error |
67
68
  | `hasWarning` | `boolean` | | | Indicates the input field has a warning |
68
- | `defaultDaySelectionTime` | `string` | | | The time that will be used by default when a user selects a calendar day. It must follow the “HH:mm” pattern (eg: 04:30, 13:25, 23:59) |
69
+ | `defaultDaySelectionTime` | `string` | | | The time that will be used by default when a user selects a calendar day.
It must follow the “HH:mm” pattern (eg: 04:30, 13:25, 23:59) |
69
70
 
70
71
  ## Signatures
71
72
 
package/dist/commercetools-uikit-date-time-input.cjs.dev.js CHANGED
@@ -334,6 +334,7 @@ let DateTimeInput = /*#__PURE__*/function (_Component) {
334
334
  hasSelection: Boolean(selectedItem),
335
335
  onClear: clearSelection,
336
336
  isOpen: isOpen,
337
+ isCondensed: this.props.isCondensed,
337
338
  isDisabled: this.props.isDisabled,
338
339
  isReadOnly: this.props.isReadOnly,
339
340
  toggleButtonProps: getToggleButtonProps({
@@ -416,6 +417,7 @@ DateTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
416
417
  id: _pt__default["default"].string,
417
418
  name: _pt__default["default"].string,
418
419
  placeholder: _pt__default["default"].string,
420
+ isCondensed: _pt__default["default"].bool,
419
421
  isDisabled: _pt__default["default"].bool,
420
422
  isReadOnly: _pt__default["default"].bool,
421
423
  hasError: _pt__default["default"].bool,
@@ -425,7 +427,7 @@ DateTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
425
427
  var dateTimeInput = reactIntl.injectIntl(DateTimeInput);
426
428
 
427
429
  // NOTE: This string will be replaced on build time with the package version.
428
- var version = "19.1.0";
430
+ var version = "19.2.0";
429
431
 
430
432
  exports["default"] = dateTimeInput;
431
433
  exports.version = version;
package/dist/commercetools-uikit-date-time-input.cjs.prod.js CHANGED
@@ -328,6 +328,7 @@ let DateTimeInput = /*#__PURE__*/function (_Component) {
328
328
  hasSelection: Boolean(selectedItem),
329
329
  onClear: clearSelection,
330
330
  isOpen: isOpen,
331
+ isCondensed: this.props.isCondensed,
331
332
  isDisabled: this.props.isDisabled,
332
333
  isReadOnly: this.props.isReadOnly,
333
334
  toggleButtonProps: getToggleButtonProps({
@@ -402,7 +403,7 @@ DateTimeInput.propTypes = {};
402
403
  var dateTimeInput = reactIntl.injectIntl(DateTimeInput);
403
404
 
404
405
  // NOTE: This string will be replaced on build time with the package version.
405
- var version = "19.1.0";
406
+ var version = "19.2.0";
406
407
 
407
408
  exports["default"] = dateTimeInput;
408
409
  exports.version = version;
package/dist/commercetools-uikit-date-time-input.esm.js CHANGED
@@ -311,6 +311,7 @@ let DateTimeInput = /*#__PURE__*/function (_Component) {
311
311
  hasSelection: Boolean(selectedItem),
312
312
  onClear: clearSelection,
313
313
  isOpen: isOpen,
314
+ isCondensed: this.props.isCondensed,
314
315
  isDisabled: this.props.isDisabled,
315
316
  isReadOnly: this.props.isReadOnly,
316
317
  toggleButtonProps: getToggleButtonProps({
@@ -393,6 +394,7 @@ DateTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
393
394
  id: _pt.string,
394
395
  name: _pt.string,
395
396
  placeholder: _pt.string,
397
+ isCondensed: _pt.bool,
396
398
  isDisabled: _pt.bool,
397
399
  isReadOnly: _pt.bool,
398
400
  hasError: _pt.bool,
@@ -402,6 +404,6 @@ DateTimeInput.propTypes = process.env.NODE_ENV !== "production" ? {
402
404
  var dateTimeInput = injectIntl(DateTimeInput);
403
405
 
404
406
  // NOTE: This string will be replaced on build time with the package version.
405
- var version = "19.1.0";
407
+ var version = "19.2.0";
406
408
 
407
409
  export { dateTimeInput as default, version };
package/dist/declarations/src/date-time-input.d.ts CHANGED
@@ -19,6 +19,7 @@ export type TDateTimeInputProps = {
19
19
  id?: string;
20
20
  name?: string;
21
21
  placeholder?: string;
22
+ isCondensed?: boolean;
22
23
  isDisabled?: boolean;
23
24
  isReadOnly?: boolean;
24
25
  hasError?: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/date-time-input",
3
3
  "description": "The `DateTimeInput` component allows the user to select a date. This component also supports multiple date selection.",
4
- "version": "19.1.0",
4
+ "version": "19.2.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,19 +21,19 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.1.0",
25
- "@commercetools-uikit/calendar-time-utils": "19.1.0",
26
- "@commercetools-uikit/calendar-utils": "19.1.0",
27
- "@commercetools-uikit/constraints": "19.1.0",
28
- "@commercetools-uikit/design-system": "19.1.0",
29
- "@commercetools-uikit/hooks": "19.1.0",
30
- "@commercetools-uikit/icons": "19.1.0",
31
- "@commercetools-uikit/secondary-icon-button": "19.1.0",
32
- "@commercetools-uikit/select-utils": "19.1.0",
33
- "@commercetools-uikit/spacings-inline": "19.1.0",
34
- "@commercetools-uikit/text": "19.1.0",
35
- "@commercetools-uikit/tooltip": "19.1.0",
36
- "@commercetools-uikit/utils": "19.1.0",
24
+ "@commercetools-uikit/accessible-button": "19.2.0",
25
+ "@commercetools-uikit/calendar-time-utils": "19.2.0",
26
+ "@commercetools-uikit/calendar-utils": "19.2.0",
27
+ "@commercetools-uikit/constraints": "19.2.0",
28
+ "@commercetools-uikit/design-system": "19.2.0",
29
+ "@commercetools-uikit/hooks": "19.2.0",
30
+ "@commercetools-uikit/icons": "19.2.0",
31
+ "@commercetools-uikit/secondary-icon-button": "19.2.0",
32
+ "@commercetools-uikit/select-utils": "19.2.0",
33
+ "@commercetools-uikit/spacings-inline": "19.2.0",
34
+ "@commercetools-uikit/text": "19.2.0",
35
+ "@commercetools-uikit/tooltip": "19.2.0",
36
+ "@commercetools-uikit/utils": "19.2.0",
37
37
  "@emotion/react": "^11.10.5",
38
38
  "@emotion/styled": "^11.10.5",
39
39
  "downshift": "6.1.12",