@vaadin/time-picker 23.3.20 → 23.3.21
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/package.json +9 -9
- package/web-types.json +84 -40
- package/web-types.lit.json +27 -13
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/time-picker",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.21",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/combo-box": "~23.3.
|
|
40
|
-
"@vaadin/component-base": "~23.3.
|
|
41
|
-
"@vaadin/field-base": "~23.3.
|
|
42
|
-
"@vaadin/input-container": "~23.3.
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
44
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "~23.3.
|
|
39
|
+
"@vaadin/combo-box": "~23.3.21",
|
|
40
|
+
"@vaadin/component-base": "~23.3.21",
|
|
41
|
+
"@vaadin/field-base": "~23.3.21",
|
|
42
|
+
"@vaadin/input-container": "~23.3.21",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "~23.3.21",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "~23.3.21",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "~23.3.21"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"web-types.json",
|
|
54
54
|
"web-types.lit.json"
|
|
55
55
|
],
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "5caee824b60295eb1e03b736880ed73f62a8988c"
|
|
57
57
|
}
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/time-picker",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "24.2.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-time-picker",
|
|
11
|
-
"description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
11
|
+
"description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n----------------|----------------\n`toggle-button` | The toggle button\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n----------|------------------------------------------\n`opened` | Set when the time-picker dropdown is open\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-combo-box>` - has the same API as [`<vaadin-combo-box-light>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-combo-box-light).\n- `<vaadin-time-picker-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-overlay).\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-item).\n- [`<vaadin-input-container>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-input-container) - an internal element wrapping the input.\n\nNote: the `theme` attribute value set on `<vaadin-time-picker>` is\npropagated to the internal components listed above.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -87,6 +87,28 @@
|
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
+
{
|
|
91
|
+
"name": "accessible-name",
|
|
92
|
+
"description": "String used to label the component to screen reader users.",
|
|
93
|
+
"value": {
|
|
94
|
+
"type": [
|
|
95
|
+
"string",
|
|
96
|
+
"null",
|
|
97
|
+
"undefined"
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"name": "accessible-name-ref",
|
|
103
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
104
|
+
"value": {
|
|
105
|
+
"type": [
|
|
106
|
+
"string",
|
|
107
|
+
"null",
|
|
108
|
+
"undefined"
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
},
|
|
90
112
|
{
|
|
91
113
|
"name": "value",
|
|
92
114
|
"description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
@@ -97,30 +119,30 @@
|
|
|
97
119
|
}
|
|
98
120
|
},
|
|
99
121
|
{
|
|
100
|
-
"name": "
|
|
101
|
-
"description": "
|
|
122
|
+
"name": "clear-button-visible",
|
|
123
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
102
124
|
"value": {
|
|
103
125
|
"type": [
|
|
104
|
-
"
|
|
126
|
+
"boolean",
|
|
105
127
|
"null",
|
|
106
128
|
"undefined"
|
|
107
129
|
]
|
|
108
130
|
}
|
|
109
131
|
},
|
|
110
132
|
{
|
|
111
|
-
"name": "
|
|
112
|
-
"description": "
|
|
133
|
+
"name": "allowed-char-pattern",
|
|
134
|
+
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
113
135
|
"value": {
|
|
114
136
|
"type": [
|
|
115
|
-
"
|
|
137
|
+
"string",
|
|
116
138
|
"null",
|
|
117
139
|
"undefined"
|
|
118
140
|
]
|
|
119
141
|
}
|
|
120
142
|
},
|
|
121
143
|
{
|
|
122
|
-
"name": "
|
|
123
|
-
"description": "
|
|
144
|
+
"name": "autoselect",
|
|
145
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
124
146
|
"value": {
|
|
125
147
|
"type": [
|
|
126
148
|
"boolean",
|
|
@@ -184,17 +206,6 @@
|
|
|
184
206
|
]
|
|
185
207
|
}
|
|
186
208
|
},
|
|
187
|
-
{
|
|
188
|
-
"name": "prevent-invalid-input",
|
|
189
|
-
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
190
|
-
"value": {
|
|
191
|
-
"type": [
|
|
192
|
-
"boolean",
|
|
193
|
-
"null",
|
|
194
|
-
"undefined"
|
|
195
|
-
]
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
209
|
{
|
|
199
210
|
"name": "opened",
|
|
200
211
|
"description": "True if the dropdown is open, false otherwise.",
|
|
@@ -246,6 +257,17 @@
|
|
|
246
257
|
]
|
|
247
258
|
}
|
|
248
259
|
},
|
|
260
|
+
{
|
|
261
|
+
"name": "overlay-class",
|
|
262
|
+
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
263
|
+
"value": {
|
|
264
|
+
"type": [
|
|
265
|
+
"string",
|
|
266
|
+
"null",
|
|
267
|
+
"undefined"
|
|
268
|
+
]
|
|
269
|
+
}
|
|
270
|
+
},
|
|
249
271
|
{
|
|
250
272
|
"name": "theme",
|
|
251
273
|
"description": "The theme variants to apply to the component.",
|
|
@@ -337,6 +359,28 @@
|
|
|
337
359
|
]
|
|
338
360
|
}
|
|
339
361
|
},
|
|
362
|
+
{
|
|
363
|
+
"name": "accessibleName",
|
|
364
|
+
"description": "String used to label the component to screen reader users.",
|
|
365
|
+
"value": {
|
|
366
|
+
"type": [
|
|
367
|
+
"string",
|
|
368
|
+
"null",
|
|
369
|
+
"undefined"
|
|
370
|
+
]
|
|
371
|
+
}
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"name": "accessibleNameRef",
|
|
375
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
376
|
+
"value": {
|
|
377
|
+
"type": [
|
|
378
|
+
"string",
|
|
379
|
+
"null",
|
|
380
|
+
"undefined"
|
|
381
|
+
]
|
|
382
|
+
}
|
|
383
|
+
},
|
|
340
384
|
{
|
|
341
385
|
"name": "value",
|
|
342
386
|
"description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
@@ -347,30 +391,30 @@
|
|
|
347
391
|
}
|
|
348
392
|
},
|
|
349
393
|
{
|
|
350
|
-
"name": "
|
|
351
|
-
"description": "
|
|
394
|
+
"name": "clearButtonVisible",
|
|
395
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
352
396
|
"value": {
|
|
353
397
|
"type": [
|
|
354
|
-
"
|
|
398
|
+
"boolean",
|
|
355
399
|
"null",
|
|
356
400
|
"undefined"
|
|
357
401
|
]
|
|
358
402
|
}
|
|
359
403
|
},
|
|
360
404
|
{
|
|
361
|
-
"name": "
|
|
362
|
-
"description": "
|
|
405
|
+
"name": "allowedCharPattern",
|
|
406
|
+
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
363
407
|
"value": {
|
|
364
408
|
"type": [
|
|
365
|
-
"
|
|
409
|
+
"string",
|
|
366
410
|
"null",
|
|
367
411
|
"undefined"
|
|
368
412
|
]
|
|
369
413
|
}
|
|
370
414
|
},
|
|
371
415
|
{
|
|
372
|
-
"name": "
|
|
373
|
-
"description": "
|
|
416
|
+
"name": "autoselect",
|
|
417
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
374
418
|
"value": {
|
|
375
419
|
"type": [
|
|
376
420
|
"boolean",
|
|
@@ -434,17 +478,6 @@
|
|
|
434
478
|
]
|
|
435
479
|
}
|
|
436
480
|
},
|
|
437
|
-
{
|
|
438
|
-
"name": "preventInvalidInput",
|
|
439
|
-
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
440
|
-
"value": {
|
|
441
|
-
"type": [
|
|
442
|
-
"boolean",
|
|
443
|
-
"null",
|
|
444
|
-
"undefined"
|
|
445
|
-
]
|
|
446
|
-
}
|
|
447
|
-
},
|
|
448
481
|
{
|
|
449
482
|
"name": "opened",
|
|
450
483
|
"description": "True if the dropdown is open, false otherwise.",
|
|
@@ -496,6 +529,17 @@
|
|
|
496
529
|
]
|
|
497
530
|
}
|
|
498
531
|
},
|
|
532
|
+
{
|
|
533
|
+
"name": "overlayClass",
|
|
534
|
+
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
535
|
+
"value": {
|
|
536
|
+
"type": [
|
|
537
|
+
"string",
|
|
538
|
+
"null",
|
|
539
|
+
"undefined"
|
|
540
|
+
]
|
|
541
|
+
}
|
|
542
|
+
},
|
|
499
543
|
{
|
|
500
544
|
"name": "i18n",
|
|
501
545
|
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n_i18n_ object or just the property you want to modify.\n\nThe object has the following JSON structure:\n\n```\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nBoth `formatTime` and `parseTime` need to be implemented\nto ensure the component works properly.",
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/time-picker",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "24.2.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-time-picker",
|
|
19
|
-
"description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
19
|
+
"description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n----------------|----------------\n`toggle-button` | The toggle button\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n----------|------------------------------------------\n`opened` | Set when the time-picker dropdown is open\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-combo-box>` - has the same API as [`<vaadin-combo-box-light>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-combo-box-light).\n- `<vaadin-time-picker-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-overlay).\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-item).\n- [`<vaadin-input-container>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-input-container) - an internal element wrapping the input.\n\nNote: the `theme` attribute value set on `<vaadin-time-picker>` is\npropagated to the internal components listed above.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -48,15 +48,15 @@
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "
|
|
51
|
+
"name": "?clearButtonVisible",
|
|
52
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "?
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?autoselect",
|
|
59
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
@@ -68,13 +68,6 @@
|
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
|
-
{
|
|
72
|
-
"name": "?preventInvalidInput",
|
|
73
|
-
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
74
|
-
"value": {
|
|
75
|
-
"kind": "expression"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
71
|
{
|
|
79
72
|
"name": "?opened",
|
|
80
73
|
"description": "True if the dropdown is open, false otherwise.",
|
|
@@ -110,6 +103,20 @@
|
|
|
110
103
|
"kind": "expression"
|
|
111
104
|
}
|
|
112
105
|
},
|
|
106
|
+
{
|
|
107
|
+
"name": ".accessibleName",
|
|
108
|
+
"description": "String used to label the component to screen reader users.",
|
|
109
|
+
"value": {
|
|
110
|
+
"kind": "expression"
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"name": ".accessibleNameRef",
|
|
115
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
116
|
+
"value": {
|
|
117
|
+
"kind": "expression"
|
|
118
|
+
}
|
|
119
|
+
},
|
|
113
120
|
{
|
|
114
121
|
"name": ".value",
|
|
115
122
|
"description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
@@ -173,6 +180,13 @@
|
|
|
173
180
|
"kind": "expression"
|
|
174
181
|
}
|
|
175
182
|
},
|
|
183
|
+
{
|
|
184
|
+
"name": ".overlayClass",
|
|
185
|
+
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
186
|
+
"value": {
|
|
187
|
+
"kind": "expression"
|
|
188
|
+
}
|
|
189
|
+
},
|
|
176
190
|
{
|
|
177
191
|
"name": ".i18n",
|
|
178
192
|
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n_i18n_ object or just the property you want to modify.\n\nThe object has the following JSON structure:\n\n```\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nBoth `formatTime` and `parseTime` need to be implemented\nto ensure the component works properly.",
|