@clayui/time-picker 3.78.3 → 3.80.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.
- package/lib/index.d.ts +5 -1
- package/lib/index.js +2 -0
- package/package.json +4 -4
- package/src/index.tsx +7 -0
package/lib/index.d.ts
CHANGED
|
@@ -56,6 +56,10 @@ interface IProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' |
|
|
|
56
56
|
* Flag to indicate if show time icon or not.
|
|
57
57
|
*/
|
|
58
58
|
icon?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Id to be applied to `clay-time-hours` input.
|
|
61
|
+
*/
|
|
62
|
+
id?: string;
|
|
59
63
|
/**
|
|
60
64
|
* Called when input values change hour, minutes or ampm (controlled).
|
|
61
65
|
*/
|
|
@@ -91,5 +95,5 @@ interface IProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' |
|
|
|
91
95
|
*/
|
|
92
96
|
value?: Input;
|
|
93
97
|
}
|
|
94
|
-
declare const ClayTimePicker: ({ ariaLabels, config, disabled, defaultValue, icon, name, onChange, onInputChange, spritemap, timezone, use12Hours, value, values, }: IProps) => JSX.Element;
|
|
98
|
+
declare const ClayTimePicker: ({ ariaLabels, config, disabled, defaultValue, icon, id, name, onChange, onInputChange, spritemap, timezone, use12Hours, value, values, }: IProps) => JSX.Element;
|
|
95
99
|
export default ClayTimePicker;
|
package/lib/index.js
CHANGED
|
@@ -105,6 +105,7 @@ var ClayTimePicker = function ClayTimePicker(_ref) {
|
|
|
105
105
|
} : _ref$defaultValue,
|
|
106
106
|
_ref$icon = _ref.icon,
|
|
107
107
|
icon = _ref$icon === void 0 ? false : _ref$icon,
|
|
108
|
+
id = _ref.id,
|
|
108
109
|
name = _ref.name,
|
|
109
110
|
onChange = _ref.onChange,
|
|
110
111
|
onInputChange = _ref.onInputChange,
|
|
@@ -295,6 +296,7 @@ var ClayTimePicker = function ClayTimePicker(_ref) {
|
|
|
295
296
|
focus: currentInputFocused.configName === TimeType.hours && currentInputFocused.focused
|
|
296
297
|
}),
|
|
297
298
|
disabled: disabled,
|
|
299
|
+
id: id,
|
|
298
300
|
maxLength: 2,
|
|
299
301
|
onFocus: function onFocus() {
|
|
300
302
|
return handleInputFocus(TimeType.hours);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clayui/time-picker",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.80.0",
|
|
4
4
|
"description": "ClayTimePicker component",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": "https://github.com/liferay/clay",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@clayui/button": "^3.73.0",
|
|
26
|
-
"@clayui/form": "^3.
|
|
26
|
+
"@clayui/form": "^3.80.0",
|
|
27
27
|
"@clayui/icon": "^3.56.0",
|
|
28
|
-
"@clayui/shared": "^3.
|
|
28
|
+
"@clayui/shared": "^3.80.0",
|
|
29
29
|
"classnames": "^2.2.6"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"browserslist": [
|
|
37
37
|
"extends browserslist-config-clay"
|
|
38
38
|
],
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "1b7095fa95607b82780eb2b673364782919e9713"
|
|
40
40
|
}
|
package/src/index.tsx
CHANGED
|
@@ -82,6 +82,11 @@ interface IProps
|
|
|
82
82
|
*/
|
|
83
83
|
icon?: boolean;
|
|
84
84
|
|
|
85
|
+
/**
|
|
86
|
+
* Id to be applied to `clay-time-hours` input.
|
|
87
|
+
*/
|
|
88
|
+
id?: string;
|
|
89
|
+
|
|
85
90
|
/**
|
|
86
91
|
* Called when input values change hour, minutes or ampm (controlled).
|
|
87
92
|
*/
|
|
@@ -175,6 +180,7 @@ const ClayTimePicker = ({
|
|
|
175
180
|
minutes: DEFAULT_VALUE,
|
|
176
181
|
},
|
|
177
182
|
icon = false,
|
|
183
|
+
id,
|
|
178
184
|
name,
|
|
179
185
|
onChange,
|
|
180
186
|
onInputChange,
|
|
@@ -422,6 +428,7 @@ const ClayTimePicker = ({
|
|
|
422
428
|
)}
|
|
423
429
|
data-testid="hours"
|
|
424
430
|
disabled={disabled}
|
|
431
|
+
id={id}
|
|
425
432
|
maxLength={2}
|
|
426
433
|
onFocus={() =>
|
|
427
434
|
handleInputFocus(TimeType.hours)
|