@vaadin/date-time-picker 25.1.0-beta1 → 25.1.0-beta3
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/custom-elements.json +272 -38
- package/package.json +13 -13
- package/src/vaadin-date-time-picker-mixin.js +0 -7
- package/web-types.json +25 -9
- package/web-types.lit.json +3 -3
package/custom-elements.json
CHANGED
|
@@ -26,6 +26,34 @@
|
|
|
26
26
|
"description": "A mixin providing common date-time-picker functionality.",
|
|
27
27
|
"name": "DateTimePickerMixin",
|
|
28
28
|
"members": [
|
|
29
|
+
{
|
|
30
|
+
"kind": "field",
|
|
31
|
+
"name": "accessibleName",
|
|
32
|
+
"privacy": "public",
|
|
33
|
+
"type": {
|
|
34
|
+
"text": "string"
|
|
35
|
+
},
|
|
36
|
+
"description": "String used to label the component to screen reader users.",
|
|
37
|
+
"attribute": "accessible-name",
|
|
38
|
+
"inheritedFrom": {
|
|
39
|
+
"name": "FieldMixin",
|
|
40
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "field",
|
|
45
|
+
"name": "accessibleNameRef",
|
|
46
|
+
"privacy": "public",
|
|
47
|
+
"type": {
|
|
48
|
+
"text": "string"
|
|
49
|
+
},
|
|
50
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
51
|
+
"attribute": "accessible-name-ref",
|
|
52
|
+
"inheritedFrom": {
|
|
53
|
+
"name": "FieldMixin",
|
|
54
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
29
57
|
{
|
|
30
58
|
"kind": "field",
|
|
31
59
|
"name": "autofocus",
|
|
@@ -68,24 +96,41 @@
|
|
|
68
96
|
},
|
|
69
97
|
{
|
|
70
98
|
"kind": "field",
|
|
71
|
-
"name": "
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"text": "Object"
|
|
76
|
-
}
|
|
99
|
+
"name": "errorMessage",
|
|
100
|
+
"privacy": "public",
|
|
101
|
+
"type": {
|
|
102
|
+
"text": "string"
|
|
77
103
|
},
|
|
78
|
-
"
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
104
|
+
"description": "Error to show when the field is invalid.",
|
|
105
|
+
"attribute": "error-message",
|
|
106
|
+
"inheritedFrom": {
|
|
107
|
+
"name": "FieldMixin",
|
|
108
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"kind": "field",
|
|
113
|
+
"name": "helperText",
|
|
114
|
+
"privacy": "public",
|
|
115
|
+
"type": {
|
|
116
|
+
"text": "string"
|
|
117
|
+
},
|
|
118
|
+
"description": "String used for the helper text.",
|
|
119
|
+
"attribute": "helper-text",
|
|
120
|
+
"inheritedFrom": {
|
|
121
|
+
"name": "FieldMixin",
|
|
122
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"kind": "field",
|
|
127
|
+
"name": "i18n",
|
|
128
|
+
"privacy": "public",
|
|
86
129
|
"type": {
|
|
87
|
-
"text": "
|
|
130
|
+
"text": "Object"
|
|
88
131
|
},
|
|
132
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following structure and default values:\n\n```js\n{\n // Accessible label to the date picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n dateLabel: undefined;\n\n // Accessible label to the time picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n timeLabel: undefined;\n}\n```\n\nAdditionally, all i18n properties from\n[`<vaadin-date-picker>`](#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](#/elements/vaadin-time-picker) are supported.",
|
|
133
|
+
"attribute": "i18n",
|
|
89
134
|
"inheritedFrom": {
|
|
90
135
|
"name": "I18nMixin",
|
|
91
136
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -101,12 +146,26 @@
|
|
|
101
146
|
"description": "Date which should be visible in the date picker overlay when there is no value selected.\n\nThe same date formats as for the `value` property are supported but without the time part.",
|
|
102
147
|
"attribute": "initial-position"
|
|
103
148
|
},
|
|
149
|
+
{
|
|
150
|
+
"kind": "field",
|
|
151
|
+
"name": "label",
|
|
152
|
+
"privacy": "public",
|
|
153
|
+
"type": {
|
|
154
|
+
"text": "string"
|
|
155
|
+
},
|
|
156
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
157
|
+
"attribute": "label",
|
|
158
|
+
"inheritedFrom": {
|
|
159
|
+
"name": "LabelMixin",
|
|
160
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
161
|
+
}
|
|
162
|
+
},
|
|
104
163
|
{
|
|
105
164
|
"kind": "field",
|
|
106
165
|
"name": "max",
|
|
107
166
|
"privacy": "public",
|
|
108
167
|
"type": {
|
|
109
|
-
"text": "string
|
|
168
|
+
"text": "string"
|
|
110
169
|
},
|
|
111
170
|
"description": "The latest value (date and time) that can be selected. All later values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
112
171
|
"attribute": "max"
|
|
@@ -116,7 +175,7 @@
|
|
|
116
175
|
"name": "min",
|
|
117
176
|
"privacy": "public",
|
|
118
177
|
"type": {
|
|
119
|
-
"text": "string
|
|
178
|
+
"text": "string"
|
|
120
179
|
},
|
|
121
180
|
"description": "The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
122
181
|
"attribute": "min"
|
|
@@ -197,6 +256,30 @@
|
|
|
197
256
|
}
|
|
198
257
|
],
|
|
199
258
|
"attributes": [
|
|
259
|
+
{
|
|
260
|
+
"name": "accessible-name",
|
|
261
|
+
"type": {
|
|
262
|
+
"text": "string"
|
|
263
|
+
},
|
|
264
|
+
"description": "String used to label the component to screen reader users.",
|
|
265
|
+
"fieldName": "accessibleName",
|
|
266
|
+
"inheritedFrom": {
|
|
267
|
+
"name": "FieldMixin",
|
|
268
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
269
|
+
}
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"name": "accessible-name-ref",
|
|
273
|
+
"type": {
|
|
274
|
+
"text": "string"
|
|
275
|
+
},
|
|
276
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
277
|
+
"fieldName": "accessibleNameRef",
|
|
278
|
+
"inheritedFrom": {
|
|
279
|
+
"name": "FieldMixin",
|
|
280
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
281
|
+
}
|
|
282
|
+
},
|
|
200
283
|
{
|
|
201
284
|
"name": "auto-open-disabled",
|
|
202
285
|
"type": {
|
|
@@ -221,8 +304,37 @@
|
|
|
221
304
|
"description": "A placeholder string for the date field.",
|
|
222
305
|
"fieldName": "datePlaceholder"
|
|
223
306
|
},
|
|
307
|
+
{
|
|
308
|
+
"name": "error-message",
|
|
309
|
+
"type": {
|
|
310
|
+
"text": "string"
|
|
311
|
+
},
|
|
312
|
+
"description": "Error to show when the field is invalid.",
|
|
313
|
+
"fieldName": "errorMessage",
|
|
314
|
+
"inheritedFrom": {
|
|
315
|
+
"name": "FieldMixin",
|
|
316
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"name": "helper-text",
|
|
321
|
+
"type": {
|
|
322
|
+
"text": "string"
|
|
323
|
+
},
|
|
324
|
+
"description": "String used for the helper text.",
|
|
325
|
+
"fieldName": "helperText",
|
|
326
|
+
"inheritedFrom": {
|
|
327
|
+
"name": "FieldMixin",
|
|
328
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
329
|
+
}
|
|
330
|
+
},
|
|
224
331
|
{
|
|
225
332
|
"name": "i18n",
|
|
333
|
+
"type": {
|
|
334
|
+
"text": "Object"
|
|
335
|
+
},
|
|
336
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
337
|
+
"fieldName": "i18n",
|
|
226
338
|
"inheritedFrom": {
|
|
227
339
|
"name": "I18nMixin",
|
|
228
340
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -236,10 +348,22 @@
|
|
|
236
348
|
"description": "Date which should be visible in the date picker overlay when there is no value selected.\n\nThe same date formats as for the `value` property are supported but without the time part.",
|
|
237
349
|
"fieldName": "initialPosition"
|
|
238
350
|
},
|
|
351
|
+
{
|
|
352
|
+
"name": "label",
|
|
353
|
+
"type": {
|
|
354
|
+
"text": "string"
|
|
355
|
+
},
|
|
356
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
357
|
+
"fieldName": "label",
|
|
358
|
+
"inheritedFrom": {
|
|
359
|
+
"name": "LabelMixin",
|
|
360
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
361
|
+
}
|
|
362
|
+
},
|
|
239
363
|
{
|
|
240
364
|
"name": "max",
|
|
241
365
|
"type": {
|
|
242
|
-
"text": "string
|
|
366
|
+
"text": "string"
|
|
243
367
|
},
|
|
244
368
|
"description": "The latest value (date and time) that can be selected. All later values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
245
369
|
"fieldName": "max"
|
|
@@ -247,7 +371,7 @@
|
|
|
247
371
|
{
|
|
248
372
|
"name": "min",
|
|
249
373
|
"type": {
|
|
250
|
-
"text": "string
|
|
374
|
+
"text": "string"
|
|
251
375
|
},
|
|
252
376
|
"description": "The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
253
377
|
"fieldName": "min"
|
|
@@ -305,6 +429,18 @@
|
|
|
305
429
|
{
|
|
306
430
|
"name": "I18nMixin",
|
|
307
431
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"name": "DisabledMixin",
|
|
435
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"name": "FieldMixin",
|
|
439
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
440
|
+
},
|
|
441
|
+
{
|
|
442
|
+
"name": "FocusMixin",
|
|
443
|
+
"package": "@vaadin/a11y-base/src/focus-mixin.js"
|
|
308
444
|
}
|
|
309
445
|
],
|
|
310
446
|
"parameters": [
|
|
@@ -334,6 +470,34 @@
|
|
|
334
470
|
"description": "`<vaadin-date-time-picker>` is a Web Component providing a date time selection field.\n\n```html\n<vaadin-date-time-picker value=\"2019-09-16T15:00\"></vaadin-date-time-picker>\n```\n\n```js\ndateTimePicker.value = '2019-09-16T15:00';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`input-fields` | The date and time pickers wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n`invalid` | Set when the element is invalid\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-date-time-picker-gap` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\n### Internal components\n\nThe following components are created by `<vaadin-date-time-picker>` and placed in light DOM:\n\n- [`<vaadin-date-picker>`](#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](#/elements/vaadin-time-picker).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change\nincomplete => empty | unparsable-change\nincomplete => parsable | change\nincomplete => unparsable | unparsable-change\nempty => incomplete | unparsable-change\nparsable => incomplete | change\nunparsable => incomplete | unparsable-change",
|
|
335
471
|
"name": "DateTimePicker",
|
|
336
472
|
"members": [
|
|
473
|
+
{
|
|
474
|
+
"kind": "field",
|
|
475
|
+
"name": "accessibleName",
|
|
476
|
+
"privacy": "public",
|
|
477
|
+
"type": {
|
|
478
|
+
"text": "string"
|
|
479
|
+
},
|
|
480
|
+
"description": "String used to label the component to screen reader users.",
|
|
481
|
+
"attribute": "accessible-name",
|
|
482
|
+
"inheritedFrom": {
|
|
483
|
+
"name": "FieldMixin",
|
|
484
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"kind": "field",
|
|
489
|
+
"name": "accessibleNameRef",
|
|
490
|
+
"privacy": "public",
|
|
491
|
+
"type": {
|
|
492
|
+
"text": "string"
|
|
493
|
+
},
|
|
494
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
495
|
+
"attribute": "accessible-name-ref",
|
|
496
|
+
"inheritedFrom": {
|
|
497
|
+
"name": "FieldMixin",
|
|
498
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
499
|
+
}
|
|
500
|
+
},
|
|
337
501
|
{
|
|
338
502
|
"kind": "field",
|
|
339
503
|
"name": "autofocus",
|
|
@@ -392,24 +556,41 @@
|
|
|
392
556
|
},
|
|
393
557
|
{
|
|
394
558
|
"kind": "field",
|
|
395
|
-
"name": "
|
|
396
|
-
"
|
|
397
|
-
"
|
|
398
|
-
"
|
|
399
|
-
"text": "Object"
|
|
400
|
-
}
|
|
559
|
+
"name": "errorMessage",
|
|
560
|
+
"privacy": "public",
|
|
561
|
+
"type": {
|
|
562
|
+
"text": "string"
|
|
401
563
|
},
|
|
402
|
-
"
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
564
|
+
"description": "Error to show when the field is invalid.",
|
|
565
|
+
"attribute": "error-message",
|
|
566
|
+
"inheritedFrom": {
|
|
567
|
+
"name": "FieldMixin",
|
|
568
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
569
|
+
}
|
|
570
|
+
},
|
|
571
|
+
{
|
|
572
|
+
"kind": "field",
|
|
573
|
+
"name": "helperText",
|
|
574
|
+
"privacy": "public",
|
|
410
575
|
"type": {
|
|
411
|
-
"text": "
|
|
576
|
+
"text": "string"
|
|
412
577
|
},
|
|
578
|
+
"description": "String used for the helper text.",
|
|
579
|
+
"attribute": "helper-text",
|
|
580
|
+
"inheritedFrom": {
|
|
581
|
+
"name": "FieldMixin",
|
|
582
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
583
|
+
}
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"kind": "field",
|
|
587
|
+
"name": "i18n",
|
|
588
|
+
"privacy": "public",
|
|
589
|
+
"type": {
|
|
590
|
+
"text": "Object"
|
|
591
|
+
},
|
|
592
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following structure and default values:\n\n```js\n{\n // Accessible label to the date picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n dateLabel: undefined;\n\n // Accessible label to the time picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n timeLabel: undefined;\n}\n```\n\nAdditionally, all i18n properties from\n[`<vaadin-date-picker>`](#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](#/elements/vaadin-time-picker) are supported.",
|
|
593
|
+
"attribute": "i18n",
|
|
413
594
|
"inheritedFrom": {
|
|
414
595
|
"name": "I18nMixin",
|
|
415
596
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -434,7 +615,7 @@
|
|
|
434
615
|
"name": "max",
|
|
435
616
|
"privacy": "public",
|
|
436
617
|
"type": {
|
|
437
|
-
"text": "string
|
|
618
|
+
"text": "string"
|
|
438
619
|
},
|
|
439
620
|
"description": "The latest value (date and time) that can be selected. All later values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
440
621
|
"attribute": "max",
|
|
@@ -448,7 +629,7 @@
|
|
|
448
629
|
"name": "min",
|
|
449
630
|
"privacy": "public",
|
|
450
631
|
"type": {
|
|
451
|
-
"text": "string
|
|
632
|
+
"text": "string"
|
|
452
633
|
},
|
|
453
634
|
"description": "The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
454
635
|
"attribute": "min",
|
|
@@ -616,6 +797,30 @@
|
|
|
616
797
|
"tagName": "vaadin-date-time-picker",
|
|
617
798
|
"customElement": true,
|
|
618
799
|
"attributes": [
|
|
800
|
+
{
|
|
801
|
+
"name": "accessible-name",
|
|
802
|
+
"type": {
|
|
803
|
+
"text": "string"
|
|
804
|
+
},
|
|
805
|
+
"description": "String used to label the component to screen reader users.",
|
|
806
|
+
"fieldName": "accessibleName",
|
|
807
|
+
"inheritedFrom": {
|
|
808
|
+
"name": "FieldMixin",
|
|
809
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
810
|
+
}
|
|
811
|
+
},
|
|
812
|
+
{
|
|
813
|
+
"name": "accessible-name-ref",
|
|
814
|
+
"type": {
|
|
815
|
+
"text": "string"
|
|
816
|
+
},
|
|
817
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
818
|
+
"fieldName": "accessibleNameRef",
|
|
819
|
+
"inheritedFrom": {
|
|
820
|
+
"name": "FieldMixin",
|
|
821
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
822
|
+
}
|
|
823
|
+
},
|
|
619
824
|
{
|
|
620
825
|
"name": "auto-open-disabled",
|
|
621
826
|
"type": {
|
|
@@ -652,8 +857,37 @@
|
|
|
652
857
|
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
653
858
|
}
|
|
654
859
|
},
|
|
860
|
+
{
|
|
861
|
+
"name": "error-message",
|
|
862
|
+
"type": {
|
|
863
|
+
"text": "string"
|
|
864
|
+
},
|
|
865
|
+
"description": "Error to show when the field is invalid.",
|
|
866
|
+
"fieldName": "errorMessage",
|
|
867
|
+
"inheritedFrom": {
|
|
868
|
+
"name": "FieldMixin",
|
|
869
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
870
|
+
}
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"name": "helper-text",
|
|
874
|
+
"type": {
|
|
875
|
+
"text": "string"
|
|
876
|
+
},
|
|
877
|
+
"description": "String used for the helper text.",
|
|
878
|
+
"fieldName": "helperText",
|
|
879
|
+
"inheritedFrom": {
|
|
880
|
+
"name": "FieldMixin",
|
|
881
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
882
|
+
}
|
|
883
|
+
},
|
|
655
884
|
{
|
|
656
885
|
"name": "i18n",
|
|
886
|
+
"type": {
|
|
887
|
+
"text": "Object"
|
|
888
|
+
},
|
|
889
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
890
|
+
"fieldName": "i18n",
|
|
657
891
|
"inheritedFrom": {
|
|
658
892
|
"name": "I18nMixin",
|
|
659
893
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -674,7 +908,7 @@
|
|
|
674
908
|
{
|
|
675
909
|
"name": "max",
|
|
676
910
|
"type": {
|
|
677
|
-
"text": "string
|
|
911
|
+
"text": "string"
|
|
678
912
|
},
|
|
679
913
|
"description": "The latest value (date and time) that can be selected. All later values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
680
914
|
"fieldName": "max",
|
|
@@ -686,7 +920,7 @@
|
|
|
686
920
|
{
|
|
687
921
|
"name": "min",
|
|
688
922
|
"type": {
|
|
689
|
-
"text": "string
|
|
923
|
+
"text": "string"
|
|
690
924
|
},
|
|
691
925
|
"description": "The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"`\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
692
926
|
"fieldName": "min",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/date-time-picker",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-beta3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,26 +35,26 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
39
|
-
"@vaadin/component-base": "25.1.0-
|
|
40
|
-
"@vaadin/date-picker": "25.1.0-
|
|
41
|
-
"@vaadin/field-base": "25.1.0-
|
|
42
|
-
"@vaadin/time-picker": "25.1.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.1.0-beta3",
|
|
39
|
+
"@vaadin/component-base": "25.1.0-beta3",
|
|
40
|
+
"@vaadin/date-picker": "25.1.0-beta3",
|
|
41
|
+
"@vaadin/field-base": "25.1.0-beta3",
|
|
42
|
+
"@vaadin/time-picker": "25.1.0-beta3",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-beta3",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/aura": "25.1.0-
|
|
48
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
49
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
47
|
+
"@vaadin/aura": "25.1.0-beta3",
|
|
48
|
+
"@vaadin/chai-plugins": "25.1.0-beta3",
|
|
49
|
+
"@vaadin/test-runner-commands": "25.1.0-beta3",
|
|
50
50
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
51
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
52
|
-
"sinon": "^21.0.
|
|
51
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-beta3",
|
|
52
|
+
"sinon": "^21.0.2"
|
|
53
53
|
},
|
|
54
54
|
"customElements": "custom-elements.json",
|
|
55
55
|
"web-types": [
|
|
56
56
|
"web-types.json",
|
|
57
57
|
"web-types.lit.json"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "4251850231a42298fda23b83928da588831cdb5d"
|
|
60
60
|
}
|
|
@@ -66,7 +66,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
66
66
|
* - Minute precision `"YYYY-MM-DDThh:mm"` (default)
|
|
67
67
|
* - Second precision `"YYYY-MM-DDThh:mm:ss"`
|
|
68
68
|
* - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"`
|
|
69
|
-
* @type {string}
|
|
70
69
|
*/
|
|
71
70
|
value: {
|
|
72
71
|
type: String,
|
|
@@ -83,8 +82,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
83
82
|
* - Minute precision `"YYYY-MM-DDThh:mm"`
|
|
84
83
|
* - Second precision `"YYYY-MM-DDThh:mm:ss"`
|
|
85
84
|
* - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"`
|
|
86
|
-
*
|
|
87
|
-
* @type {string | undefined}
|
|
88
85
|
*/
|
|
89
86
|
min: {
|
|
90
87
|
type: String,
|
|
@@ -99,8 +96,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
99
96
|
* - Minute precision `"YYYY-MM-DDThh:mm"`
|
|
100
97
|
* - Second precision `"YYYY-MM-DDThh:mm:ss"`
|
|
101
98
|
* - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"`
|
|
102
|
-
*
|
|
103
|
-
* @type {string | undefined}
|
|
104
99
|
*/
|
|
105
100
|
max: {
|
|
106
101
|
type: String,
|
|
@@ -201,7 +196,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
201
196
|
|
|
202
197
|
/**
|
|
203
198
|
* Set to true to make this element read-only.
|
|
204
|
-
* @type {boolean}
|
|
205
199
|
*/
|
|
206
200
|
readonly: {
|
|
207
201
|
type: Boolean,
|
|
@@ -212,7 +206,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
212
206
|
|
|
213
207
|
/**
|
|
214
208
|
* Specify that this control should have input focus when the page loads.
|
|
215
|
-
* @type {boolean}
|
|
216
209
|
*/
|
|
217
210
|
autofocus: {
|
|
218
211
|
type: Boolean,
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/date-time-picker",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-beta3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-date-time-picker",
|
|
11
|
-
"description": "`<vaadin-date-time-picker>` is a Web Component providing a date time selection field.\n\n```html\n<vaadin-date-time-picker value=\"2019-09-16T15:00\"></vaadin-date-time-picker>\n```\n```js\ndateTimePicker.value = '2019-09-16T15:00';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`input-fields` | The date and time pickers wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n`invalid` | Set when the element is invalid\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-date-time-picker-gap` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\n### Internal components\n\nThe following components are created by `<vaadin-date-time-picker>` and placed in light DOM:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-
|
|
11
|
+
"description": "`<vaadin-date-time-picker>` is a Web Component providing a date time selection field.\n\n```html\n<vaadin-date-time-picker value=\"2019-09-16T15:00\"></vaadin-date-time-picker>\n```\n```js\ndateTimePicker.value = '2019-09-16T15:00';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`input-fields` | The date and time pickers wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n`invalid` | Set when the element is invalid\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-date-time-picker-gap` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\n### Internal components\n\nThe following components are created by `<vaadin-date-time-picker>` and placed in light DOM:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-time-picker).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change\nincomplete => empty | unparsable-change\nincomplete => parsable | change\nincomplete => unparsable | unparsable-change\nempty => incomplete | unparsable-change\nparsable => incomplete | change\nunparsable => incomplete | unparsable-change",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "accessible-name",
|
|
@@ -48,7 +48,9 @@
|
|
|
48
48
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
49
49
|
"value": {
|
|
50
50
|
"type": [
|
|
51
|
-
"boolean"
|
|
51
|
+
"boolean",
|
|
52
|
+
"null",
|
|
53
|
+
"undefined"
|
|
52
54
|
]
|
|
53
55
|
}
|
|
54
56
|
},
|
|
@@ -146,6 +148,7 @@
|
|
|
146
148
|
"value": {
|
|
147
149
|
"type": [
|
|
148
150
|
"string",
|
|
151
|
+
"null",
|
|
149
152
|
"undefined"
|
|
150
153
|
]
|
|
151
154
|
}
|
|
@@ -156,6 +159,7 @@
|
|
|
156
159
|
"value": {
|
|
157
160
|
"type": [
|
|
158
161
|
"string",
|
|
162
|
+
"null",
|
|
159
163
|
"undefined"
|
|
160
164
|
]
|
|
161
165
|
}
|
|
@@ -176,7 +180,9 @@
|
|
|
176
180
|
"description": "Set to true to make this element read-only.",
|
|
177
181
|
"value": {
|
|
178
182
|
"type": [
|
|
179
|
-
"boolean"
|
|
183
|
+
"boolean",
|
|
184
|
+
"null",
|
|
185
|
+
"undefined"
|
|
180
186
|
]
|
|
181
187
|
}
|
|
182
188
|
},
|
|
@@ -240,7 +246,9 @@
|
|
|
240
246
|
"description": "The value for this element.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"` (default)\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
241
247
|
"value": {
|
|
242
248
|
"type": [
|
|
243
|
-
"string"
|
|
249
|
+
"string",
|
|
250
|
+
"null",
|
|
251
|
+
"undefined"
|
|
244
252
|
]
|
|
245
253
|
}
|
|
246
254
|
}
|
|
@@ -274,7 +282,9 @@
|
|
|
274
282
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
275
283
|
"value": {
|
|
276
284
|
"type": [
|
|
277
|
-
"boolean"
|
|
285
|
+
"boolean",
|
|
286
|
+
"null",
|
|
287
|
+
"undefined"
|
|
278
288
|
]
|
|
279
289
|
}
|
|
280
290
|
},
|
|
@@ -335,7 +345,7 @@
|
|
|
335
345
|
},
|
|
336
346
|
{
|
|
337
347
|
"name": "i18n",
|
|
338
|
-
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following structure and default values:\n\n```js\n{\n // Accessible label to the date picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n dateLabel: undefined;\n\n // Accessible label to the time picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n timeLabel: undefined;\n}\n```\n\nAdditionally, all i18n properties from\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-
|
|
348
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following structure and default values:\n\n```js\n{\n // Accessible label to the date picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n dateLabel: undefined;\n\n // Accessible label to the time picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n timeLabel: undefined;\n}\n```\n\nAdditionally, all i18n properties from\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-time-picker) are supported.",
|
|
339
349
|
"value": {
|
|
340
350
|
"type": [
|
|
341
351
|
"?"
|
|
@@ -392,6 +402,7 @@
|
|
|
392
402
|
"value": {
|
|
393
403
|
"type": [
|
|
394
404
|
"string",
|
|
405
|
+
"null",
|
|
395
406
|
"undefined"
|
|
396
407
|
]
|
|
397
408
|
}
|
|
@@ -402,6 +413,7 @@
|
|
|
402
413
|
"value": {
|
|
403
414
|
"type": [
|
|
404
415
|
"string",
|
|
416
|
+
"null",
|
|
405
417
|
"undefined"
|
|
406
418
|
]
|
|
407
419
|
}
|
|
@@ -422,7 +434,9 @@
|
|
|
422
434
|
"description": "Set to true to make this element read-only.",
|
|
423
435
|
"value": {
|
|
424
436
|
"type": [
|
|
425
|
-
"boolean"
|
|
437
|
+
"boolean",
|
|
438
|
+
"null",
|
|
439
|
+
"undefined"
|
|
426
440
|
]
|
|
427
441
|
}
|
|
428
442
|
},
|
|
@@ -475,7 +489,9 @@
|
|
|
475
489
|
"description": "The value for this element.\n\nSupported date time format is based on ISO 8601 (without a time zone designator):\n- Minute precision `\"YYYY-MM-DDThh:mm\"` (default)\n- Second precision `\"YYYY-MM-DDThh:mm:ss\"`\n- Millisecond precision `\"YYYY-MM-DDThh:mm:ss.fff\"`",
|
|
476
490
|
"value": {
|
|
477
491
|
"type": [
|
|
478
|
-
"string"
|
|
492
|
+
"string",
|
|
493
|
+
"null",
|
|
494
|
+
"undefined"
|
|
479
495
|
]
|
|
480
496
|
}
|
|
481
497
|
}
|
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/date-time-picker",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-beta3",
|
|
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-date-time-picker",
|
|
19
|
-
"description": "`<vaadin-date-time-picker>` is a Web Component providing a date time selection field.\n\n```html\n<vaadin-date-time-picker value=\"2019-09-16T15:00\"></vaadin-date-time-picker>\n```\n```js\ndateTimePicker.value = '2019-09-16T15:00';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`input-fields` | The date and time pickers wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n`invalid` | Set when the element is invalid\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-date-time-picker-gap` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\n### Internal components\n\nThe following components are created by `<vaadin-date-time-picker>` and placed in light DOM:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-
|
|
19
|
+
"description": "`<vaadin-date-time-picker>` is a Web Component providing a date time selection field.\n\n```html\n<vaadin-date-time-picker value=\"2019-09-16T15:00\"></vaadin-date-time-picker>\n```\n```js\ndateTimePicker.value = '2019-09-16T15:00';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`input-fields` | The date and time pickers wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n`invalid` | Set when the element is invalid\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-date-time-picker-gap` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\n### Internal components\n\nThe following components are created by `<vaadin-date-time-picker>` and placed in light DOM:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-time-picker).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change\nincomplete => empty | unparsable-change\nincomplete => parsable | change\nincomplete => unparsable | unparsable-change\nempty => incomplete | unparsable-change\nparsable => incomplete | change\nunparsable => incomplete | unparsable-change",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
"name": ".i18n",
|
|
115
|
-
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following structure and default values:\n\n```js\n{\n // Accessible label to the date picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n dateLabel: undefined;\n\n // Accessible label to the time picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n timeLabel: undefined;\n}\n```\n\nAdditionally, all i18n properties from\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-
|
|
115
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following structure and default values:\n\n```js\n{\n // Accessible label to the date picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n dateLabel: undefined;\n\n // Accessible label to the time picker.\n // The property works in conjunction with label and accessibleName defined on the field.\n // If both properties are defined, then accessibleName takes precedence.\n // Then, the dateLabel value is concatenated with it.\n timeLabel: undefined;\n}\n```\n\nAdditionally, all i18n properties from\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta3/#/elements/vaadin-time-picker) are supported.",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|