@commercetools-uikit/date-range-field 19.22.4 → 19.22.6
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.
package/README.md
CHANGED
|
@@ -50,16 +50,16 @@ export default Example;
|
|
|
50
50
|
| `id` | `string` | | | Used as HTML id property. An id is auto-generated when it is not specified. |
|
|
51
51
|
| `horizontalConstraint` | `union`<br/>Possible values:<br/>`, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` | | `'scale'` | Horizontal size limit of the input fields. |
|
|
52
52
|
| `errors` | `Record` | | | A map of errors. Error messages for known errors are rendered automatically.
<br />
Unknown errors will be forwarded to `renderError` |
|
|
53
|
-
| `renderError` | `Function`<br/>[See signature.](#signature-
|
|
53
|
+
| `renderError` | `Function`<br/>[See signature.](#signature-rendererror) | | | Called with custom errors. This function can return a message which will be wrapped in an ErrorMessage. It can also return null to show no error. |
|
|
54
54
|
| `warnings` | `Record` | | | A map of warnings. Warning messages for known warnings are rendered automatically.
<br/>
Unknown warnings will be forwarded to renderWarning. |
|
|
55
|
-
| `renderWarning` | `Function`<br/>[See signature.](#signature-
|
|
55
|
+
| `renderWarning` | `Function`<br/>[See signature.](#signature-renderwarning) | | | Called with custom warnings, as renderWarning(key, warning). This function can return a message which will be wrapped in a WarningMessage.
<br />
It can also return null to show no warning. |
|
|
56
56
|
| `isRequired` | `boolean` | | | Indicates if the value is required. Shows an the "required asterisk" if so. |
|
|
57
57
|
| `touched` | `boolean` | | | Indicates whether the field was touched. Errors will only be shown when the field was touched. |
|
|
58
58
|
| `name` | `string` | | | Used as HTML name of the input component. |
|
|
59
59
|
| `value` | `Array: string[]` | ✅ | | The selected date range. Must either be an empty array or an array of two strings holding dates formatted as "YYYY-MM-DD". |
|
|
60
|
-
| `onChange` | `Function`<br/>[See signature.](#signature-
|
|
61
|
-
| `onBlur` | `Function`<br/>[See signature.](#signature-
|
|
62
|
-
| `onFocus` | `Function`<br/>[See signature.](#signature-
|
|
60
|
+
| `onChange` | `Function`<br/>[See signature.](#signature-onchange) | | | Called when the date range changes, with an event containing either an empty array (no value) or an array holding two string in this format: "YYYY-MM-DD".
<br/>
Required when input is not read only. |
|
|
61
|
+
| `onBlur` | `Function`<br/>[See signature.](#signature-onblur) | | | Called when input is blurred |
|
|
62
|
+
| `onFocus` | `Function`<br/>[See signature.](#signature-onfocus) | | | Called when input is focused |
|
|
63
63
|
| `isDisabled` | `boolean` | | | Indicates that the input cannot be modified (e.g not authorized, or changes currently saving). |
|
|
64
64
|
| `isReadOnly` | `boolean` | | | Indicates that the field is displaying read-only content |
|
|
65
65
|
| `placeholder` | `string` | | | Placeholder text for the input |
|
|
@@ -67,7 +67,7 @@ export default Example;
|
|
|
67
67
|
| `title` | `union`<br/>Possible values:<br/>`string , ReactNode` | ✅ | | Title of the label |
|
|
68
68
|
| `hint` | `union`<br/>Possible values:<br/>`string , ReactNode` | | | Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once), whereas `description` can describe it in more depth. Can also receive a `hintIcon`. |
|
|
69
69
|
| `description` | `union`<br/>Possible values:<br/>`string , ReactNode` | | | Provides a description for the title. |
|
|
70
|
-
| `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-
|
|
70
|
+
| `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-oninfobuttonclick) | | | Function called when info button is pressed.
<br />
Info button will only be visible when this prop is passed. |
|
|
71
71
|
| `hintIcon` | `ReactElement` | | | Icon to be displayed beside the hint text.
<br />
Will only get rendered when `hint` is passed as well. |
|
|
72
72
|
| `badge` | `ReactNode` | | | Badge to be displayed beside the label.
<br />
Might be used to display additional information about the content of the field (E.g verified email) |
|
|
73
73
|
|
|
@@ -185,7 +185,7 @@ DateRangeField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
185
185
|
var DateRangeField$1 = DateRangeField;
|
|
186
186
|
|
|
187
187
|
// NOTE: This string will be replaced on build time with the package version.
|
|
188
|
-
var version = "19.22.
|
|
188
|
+
var version = "19.22.6";
|
|
189
189
|
|
|
190
190
|
exports["default"] = DateRangeField$1;
|
|
191
191
|
exports.version = version;
|
|
@@ -156,7 +156,7 @@ DateRangeField.propTypes = {};
|
|
|
156
156
|
var DateRangeField$1 = DateRangeField;
|
|
157
157
|
|
|
158
158
|
// NOTE: This string will be replaced on build time with the package version.
|
|
159
|
-
var version = "19.22.
|
|
159
|
+
var version = "19.22.6";
|
|
160
160
|
|
|
161
161
|
exports["default"] = DateRangeField$1;
|
|
162
162
|
exports.version = version;
|
|
@@ -160,6 +160,6 @@ DateRangeField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
160
160
|
var DateRangeField$1 = DateRangeField;
|
|
161
161
|
|
|
162
162
|
// NOTE: This string will be replaced on build time with the package version.
|
|
163
|
-
var version = "19.22.
|
|
163
|
+
var version = "19.22.6";
|
|
164
164
|
|
|
165
165
|
export { DateRangeField$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/date-range-field",
|
|
3
3
|
"description": "A controlled date input component for a date range, with validation states and a label.",
|
|
4
|
-
"version": "19.22.
|
|
4
|
+
"version": "19.22.6",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.22.
|
|
25
|
-
"@commercetools-uikit/date-range-input": "19.22.
|
|
26
|
-
"@commercetools-uikit/design-system": "19.22.
|
|
27
|
-
"@commercetools-uikit/field-errors": "19.22.
|
|
28
|
-
"@commercetools-uikit/field-label": "19.22.
|
|
29
|
-
"@commercetools-uikit/field-warnings": "19.22.
|
|
30
|
-
"@commercetools-uikit/spacings": "19.22.
|
|
31
|
-
"@commercetools-uikit/utils": "19.22.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.22.6",
|
|
25
|
+
"@commercetools-uikit/date-range-input": "19.22.6",
|
|
26
|
+
"@commercetools-uikit/design-system": "19.22.6",
|
|
27
|
+
"@commercetools-uikit/field-errors": "19.22.6",
|
|
28
|
+
"@commercetools-uikit/field-label": "19.22.6",
|
|
29
|
+
"@commercetools-uikit/field-warnings": "19.22.6",
|
|
30
|
+
"@commercetools-uikit/spacings": "19.22.6",
|
|
31
|
+
"@commercetools-uikit/utils": "19.22.6",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"prop-types": "15.8.1",
|