@commercetools-uikit/time-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.
|
@@ -395,7 +395,7 @@ TimeInput.toLocaleTime = (time, locale) => {
|
|
|
395
395
|
var TimeInput$1 = TimeInput;
|
|
396
396
|
|
|
397
397
|
// NOTE: This string will be replaced on build time with the package version.
|
|
398
|
-
var version = "19.
|
|
398
|
+
var version = "19.10.0";
|
|
399
399
|
|
|
400
400
|
exports["default"] = TimeInput$1;
|
|
401
401
|
exports.version = version;
|
|
@@ -350,7 +350,7 @@ TimeInput.toLocaleTime = (time, locale) => {
|
|
|
350
350
|
var TimeInput$1 = TimeInput;
|
|
351
351
|
|
|
352
352
|
// NOTE: This string will be replaced on build time with the package version.
|
|
353
|
-
var version = "19.
|
|
353
|
+
var version = "19.10.0";
|
|
354
354
|
|
|
355
355
|
exports["default"] = TimeInput$1;
|
|
356
356
|
exports.version = version;
|
|
@@ -373,6 +373,6 @@ TimeInput.toLocaleTime = (time, locale) => {
|
|
|
373
373
|
var TimeInput$1 = TimeInput;
|
|
374
374
|
|
|
375
375
|
// NOTE: This string will be replaced on build time with the package version.
|
|
376
|
-
var version = "19.
|
|
376
|
+
var version = "19.10.0";
|
|
377
377
|
|
|
378
378
|
export { TimeInput$1 as default, version };
|
|
@@ -1,21 +1,72 @@
|
|
|
1
1
|
import { type FocusEventHandler, type ChangeEventHandler } from 'react';
|
|
2
2
|
export type TTimeInputProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Used as HTML id property. An id is auto-generated when it is not specified.
|
|
5
|
+
*/
|
|
3
6
|
id?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Indicate if the value entered in the input is invalid.
|
|
9
|
+
*/
|
|
4
10
|
'aria-invalid'?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* HTML ID of an element containing an error message related to the input.
|
|
13
|
+
*/
|
|
5
14
|
'aria-errormessage'?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Horizontal size limit of the input fields.
|
|
17
|
+
*/
|
|
6
18
|
horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
19
|
+
/**
|
|
20
|
+
* Used as HTML name of the input component.
|
|
21
|
+
*/
|
|
7
22
|
name?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Used as HTML autocomplete of the input component.
|
|
25
|
+
*/
|
|
8
26
|
autoComplete?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Value of the input
|
|
29
|
+
*/
|
|
9
30
|
value?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Called with an event holding the new value.
|
|
33
|
+
*/
|
|
10
34
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
35
|
+
/**
|
|
36
|
+
* Called when input is blurred
|
|
37
|
+
*/
|
|
11
38
|
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
39
|
+
/**
|
|
40
|
+
* Called when input is focused
|
|
41
|
+
*/
|
|
12
42
|
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
43
|
+
/**
|
|
44
|
+
* Focus the input on initial render
|
|
45
|
+
*/
|
|
13
46
|
isAutofocussed?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
|
|
49
|
+
*/
|
|
14
50
|
isDisabled?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Placeholder text for the input
|
|
53
|
+
*/
|
|
15
54
|
placeholder?: string;
|
|
55
|
+
/**
|
|
56
|
+
* Use this property to reduce the paddings of the component for a ui compact variant
|
|
57
|
+
*/
|
|
16
58
|
isCondensed?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Indicates the input field has a warning
|
|
61
|
+
*/
|
|
17
62
|
hasWarning?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Indicates if the input has invalid values
|
|
65
|
+
*/
|
|
18
66
|
hasError?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Indicates that the field is displaying read-only content
|
|
69
|
+
*/
|
|
19
70
|
isReadOnly?: boolean;
|
|
20
71
|
};
|
|
21
72
|
declare const TimeInput: {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/time-input",
|
|
3
3
|
"description": "The TimeInput component allows the user to select a time.",
|
|
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,14 +21,14 @@
|
|
|
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/constraints": "19.
|
|
26
|
-
"@commercetools-uikit/design-system": "19.
|
|
27
|
-
"@commercetools-uikit/hooks": "19.
|
|
28
|
-
"@commercetools-uikit/icons": "19.
|
|
29
|
-
"@commercetools-uikit/input-utils": "19.
|
|
30
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
31
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.10.0",
|
|
25
|
+
"@commercetools-uikit/constraints": "19.10.0",
|
|
26
|
+
"@commercetools-uikit/design-system": "19.10.0",
|
|
27
|
+
"@commercetools-uikit/hooks": "19.10.0",
|
|
28
|
+
"@commercetools-uikit/icons": "19.10.0",
|
|
29
|
+
"@commercetools-uikit/input-utils": "19.10.0",
|
|
30
|
+
"@commercetools-uikit/spacings-inline": "19.10.0",
|
|
31
|
+
"@commercetools-uikit/utils": "19.10.0",
|
|
32
32
|
"@emotion/is-prop-valid": "1.2.2",
|
|
33
33
|
"@emotion/react": "^11.10.5",
|
|
34
34
|
"@emotion/styled": "^11.10.5",
|