@commercetools-uikit/date-range-input 19.8.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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/calendar-time-utils": "19.
|
|
26
|
-
"@commercetools-uikit/calendar-utils": "19.
|
|
27
|
-
"@commercetools-uikit/constraints": "19.
|
|
28
|
-
"@commercetools-uikit/design-system": "19.
|
|
29
|
-
"@commercetools-uikit/hooks": "19.
|
|
30
|
-
"@commercetools-uikit/icons": "19.
|
|
31
|
-
"@commercetools-uikit/secondary-icon-button": "19.
|
|
32
|
-
"@commercetools-uikit/select-utils": "19.
|
|
33
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
34
|
-
"@commercetools-uikit/text": "19.
|
|
35
|
-
"@commercetools-uikit/tooltip": "19.
|
|
36
|
-
"@commercetools-uikit/utils": "19.
|
|
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",
|