@commercetools-uikit/date-range-input 19.9.0 → 19.10.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.
@@ -460,7 +460,7 @@ DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
460
460
  var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
461
461
 
462
462
  // NOTE: This string will be replaced on build time with the package version.
463
- var version = "19.9.0";
463
+ var version = "19.10.0";
464
464
 
465
465
  exports["default"] = dateRangeInput;
466
466
  exports.version = version;
@@ -442,7 +442,7 @@ DateRangeInput.propTypes = {};
442
442
  var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
443
443
 
444
444
  // NOTE: This string will be replaced on build time with the package version.
445
- var version = "19.9.0";
445
+ var version = "19.10.0";
446
446
 
447
447
  exports["default"] = dateRangeInput;
448
448
  exports.version = version;
@@ -436,6 +436,6 @@ DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
436
436
  var dateRangeInput = injectIntl(DateRangeInput);
437
437
 
438
438
  // NOTE: This string will be replaced on build time with the package version.
439
- var version = "19.9.0";
439
+ var version = "19.10.0";
440
440
 
441
441
  export { dateRangeInput as default, version };
@@ -8,21 +8,69 @@ type TCustomEvent = {
8
8
  };
9
9
  };
10
10
  export type TDateRangeInputProps = {
11
+ /**
12
+ * Horizontal size limit of the input field.
13
+ */
11
14
  horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
15
+ /**
16
+ * The selected date range, must either be an empty array or an array of two strings holding dates formatted as "YYYY-MM-DD".
17
+ */
12
18
  value: MomentInput[];
19
+ /**
20
+ * Indicate if the value entered in the input is invalid.
21
+ */
13
22
  'aria-invalid'?: boolean;
23
+ /**
24
+ * HTML ID of an element containing an error message related to the input.
25
+ */
14
26
  'aria-errormessage'?: string;
27
+ /**
28
+ * Called when the date range changes. Called with an event containing either an empty array (no value) or an array holding two string in this format: "YYYY-MM-DD".
29
+ */
15
30
  onChange?: (event: TCustomEvent) => void;
31
+ /**
32
+ * Allows the range to be cleared
33
+ */
16
34
  isClearable?: boolean;
35
+ /**
36
+ * Called when the date input gains focus.
37
+ */
17
38
  onFocus?: (event: TCustomEvent) => void;
39
+ /**
40
+ * Called when the date input loses focus.
41
+ */
18
42
  onBlur?: (event: TCustomEvent) => void;
43
+ /**
44
+ * Used as the HTML `id` attribute.
45
+ */
19
46
  id?: string;
47
+ /**
48
+ * Used as the HTML `name` attribute.
49
+ */
20
50
  name?: string;
51
+ /**
52
+ * Placeholder value to show in the input field
53
+ */
21
54
  placeholder?: string;
55
+ /**
56
+ * Use this property to reduce the paddings of the component for a ui compact variant
57
+ */
22
58
  isCondensed?: boolean;
59
+ /**
60
+ * Disables the date picker
61
+ */
23
62
  isDisabled?: boolean;
63
+ /**
64
+ * Disables the date picker menu and makes input field read-only
65
+ */
24
66
  isReadOnly?: boolean;
67
+ /**
68
+ * Indicates the input field has an error
69
+ */
25
70
  hasError?: boolean;
71
+ /**
72
+ * Indicates the input field has warning
73
+ */
26
74
  hasWarning?: boolean;
27
75
  } & WrappedComponentProps;
28
76
  declare const _default: import("react").FC<import("react-intl").WithIntlProps<TDateRangeInputProps>> & {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/date-range-input",
3
3
  "description": "The `DateRangeInput` component allows the user to select a date range.",
4
- "version": "19.9.0",
4
+ "version": "19.10.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.9.0",
25
- "@commercetools-uikit/calendar-time-utils": "19.9.0",
26
- "@commercetools-uikit/calendar-utils": "19.9.0",
27
- "@commercetools-uikit/constraints": "19.9.0",
28
- "@commercetools-uikit/design-system": "19.9.0",
29
- "@commercetools-uikit/hooks": "19.9.0",
30
- "@commercetools-uikit/icons": "19.9.0",
31
- "@commercetools-uikit/secondary-icon-button": "19.9.0",
32
- "@commercetools-uikit/select-utils": "19.9.0",
33
- "@commercetools-uikit/spacings-inline": "19.9.0",
34
- "@commercetools-uikit/text": "19.9.0",
35
- "@commercetools-uikit/tooltip": "19.9.0",
36
- "@commercetools-uikit/utils": "19.9.0",
24
+ "@commercetools-uikit/accessible-button": "19.10.0",
25
+ "@commercetools-uikit/calendar-time-utils": "19.10.0",
26
+ "@commercetools-uikit/calendar-utils": "19.10.0",
27
+ "@commercetools-uikit/constraints": "19.10.0",
28
+ "@commercetools-uikit/design-system": "19.10.0",
29
+ "@commercetools-uikit/hooks": "19.10.0",
30
+ "@commercetools-uikit/icons": "19.10.0",
31
+ "@commercetools-uikit/secondary-icon-button": "19.10.0",
32
+ "@commercetools-uikit/select-utils": "19.10.0",
33
+ "@commercetools-uikit/spacings-inline": "19.10.0",
34
+ "@commercetools-uikit/text": "19.10.0",
35
+ "@commercetools-uikit/tooltip": "19.10.0",
36
+ "@commercetools-uikit/utils": "19.10.0",
37
37
  "@emotion/react": "^11.10.5",
38
38
  "@emotion/styled": "^11.10.5",
39
39
  "downshift": "6.1.12",