@commercetools-uikit/date-input 19.9.0 → 19.11.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 +1 -1
  2. package/dist/commercetools-uikit-date-input.cjs.prod.js +1 -1
  3. package/dist/commercetools-uikit-date-input.esm.js +1 -1
  4. package/dist/declarations/src/date-input.d.ts +51 -0
  5. package/package.json +14 -14
package/dist/commercetools-uikit-date-input.cjs.dev.js CHANGED
@@ -296,7 +296,7 @@ DateInput.isEmpty = value => value === '';
296
296
  var DateInput$1 = DateInput;
297
297
 
298
298
  // NOTE: This string will be replaced on build time with the package version.
299
- var version = "19.9.0";
299
+ var version = "19.11.0";
300
300
 
301
301
  exports["default"] = DateInput$1;
302
302
  exports.version = version;
package/dist/commercetools-uikit-date-input.cjs.prod.js CHANGED
@@ -275,7 +275,7 @@ DateInput.isEmpty = value => value === '';
275
275
  var DateInput$1 = DateInput;
276
276
 
277
277
  // NOTE: This string will be replaced on build time with the package version.
278
- var version = "19.9.0";
278
+ var version = "19.11.0";
279
279
 
280
280
  exports["default"] = DateInput$1;
281
281
  exports.version = version;
package/dist/commercetools-uikit-date-input.esm.js CHANGED
@@ -275,6 +275,6 @@ DateInput.isEmpty = value => value === '';
275
275
  var DateInput$1 = DateInput;
276
276
 
277
277
  // NOTE: This string will be replaced on build time with the package version.
278
- var version = "19.9.0";
278
+ var version = "19.11.0";
279
279
 
280
280
  export { DateInput$1 as default, version };
package/dist/declarations/src/date-input.d.ts CHANGED
@@ -7,22 +7,73 @@ type TCustomEvent = {
7
7
  };
8
8
  };
9
9
  export type TDateInput = {
10
+ /**
11
+ * Horizontal size limit of the input field.
12
+ */
10
13
  horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
14
+ /**
15
+ * The selected date, must either be an empty string or a date formatted as "YYYY-MM-DD".
16
+ */
11
17
  value: string;
18
+ /**
19
+ * Called when the date changes. Called with an event containing either an empty string (no value) or a string in this format: "YYYY-MM-DD".
20
+ */
12
21
  onChange?: (event: TCustomEvent) => void;
22
+ /**
23
+ * Called when the date input gains focus.
24
+ */
13
25
  onFocus?: FocusEventHandler<HTMLDivElement>;
26
+ /**
27
+ * Called when the date input loses focus.
28
+ */
14
29
  onBlur?: (event: TCustomEvent) => void;
30
+ /**
31
+ * Used as the HTML `id` attribute.
32
+ */
15
33
  id?: string;
34
+ /**
35
+ * Indicate if the value entered in the input is invalid.
36
+ */
16
37
  'aria-invalid'?: boolean;
38
+ /**
39
+ * HTML ID of an element containing an error message related to the input.
40
+ */
17
41
  'aria-errormessage'?: string;
42
+ /**
43
+ * Used as the HTML `name` attribute.
44
+ */
18
45
  name?: string;
46
+ /**
47
+ * Placeholder value to show in the input field
48
+ */
19
49
  placeholder?: string;
50
+ /**
51
+ * Use this property to reduce the paddings of the component for a ui compact variant
52
+ */
20
53
  isCondensed?: boolean;
54
+ /**
55
+ * Disables the date picker
56
+ */
21
57
  isDisabled?: boolean;
58
+ /**
59
+ * Disables the date picker menu and makes input field read-only
60
+ */
22
61
  isReadOnly?: boolean;
62
+ /**
63
+ * Indicates the input field has an error
64
+ */
23
65
  hasError?: boolean;
66
+ /**
67
+ * Indicates the input field has a warning
68
+ */
24
69
  hasWarning?: boolean;
70
+ /**
71
+ * A minimum selectable date. Must either be an empty string or a date formatted as "YYYY-MM-DD".
72
+ */
25
73
  minValue?: string;
74
+ /**
75
+ * A maximum selectable date. Must either be an empty string or a date formatted as "YYYY-MM-DD".
76
+ */
26
77
  maxValue?: string;
27
78
  };
28
79
  declare const DateInput: {
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.9.0",
4
+ "version": "19.11.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.11.0",
25
+ "@commercetools-uikit/calendar-time-utils": "19.11.0",
26
+ "@commercetools-uikit/calendar-utils": "19.11.0",
27
+ "@commercetools-uikit/constraints": "19.11.0",
28
+ "@commercetools-uikit/design-system": "19.11.0",
29
+ "@commercetools-uikit/hooks": "19.11.0",
30
+ "@commercetools-uikit/icons": "19.11.0",
31
+ "@commercetools-uikit/secondary-icon-button": "19.11.0",
32
+ "@commercetools-uikit/select-utils": "19.11.0",
33
+ "@commercetools-uikit/spacings-inline": "19.11.0",
34
+ "@commercetools-uikit/text": "19.11.0",
35
+ "@commercetools-uikit/tooltip": "19.11.0",
36
+ "@commercetools-uikit/utils": "19.11.0",
37
37
  "@emotion/react": "^11.10.5",
38
38
  "@emotion/styled": "^11.10.5",
39
39
  "downshift": "6.1.12",