@vaadin/date-time-picker 25.1.0-alpha9 → 25.1.0-beta2
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 +248 -28
- package/package.json +12 -12
- package/src/vaadin-date-time-picker-mixin.js +0 -3
- package/web-types.json +21 -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",
|
|
@@ -66,25 +94,40 @@
|
|
|
66
94
|
"description": "A placeholder string for the date field.",
|
|
67
95
|
"attribute": "date-placeholder"
|
|
68
96
|
},
|
|
97
|
+
{
|
|
98
|
+
"kind": "field",
|
|
99
|
+
"name": "errorMessage",
|
|
100
|
+
"privacy": "public",
|
|
101
|
+
"type": {
|
|
102
|
+
"text": "string"
|
|
103
|
+
},
|
|
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
|
+
},
|
|
69
125
|
{
|
|
70
126
|
"kind": "field",
|
|
71
127
|
"name": "i18n",
|
|
72
128
|
"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.",
|
|
73
|
-
"return": {
|
|
74
|
-
"type": {
|
|
75
|
-
"text": "Object"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
"parameters": [
|
|
79
|
-
{
|
|
80
|
-
"name": "value",
|
|
81
|
-
"type": {
|
|
82
|
-
"text": "Object"
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
],
|
|
86
129
|
"type": {
|
|
87
|
-
"text": "
|
|
130
|
+
"text": "Object"
|
|
88
131
|
},
|
|
89
132
|
"inheritedFrom": {
|
|
90
133
|
"name": "I18nMixin",
|
|
@@ -101,6 +144,20 @@
|
|
|
101
144
|
"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
145
|
"attribute": "initial-position"
|
|
103
146
|
},
|
|
147
|
+
{
|
|
148
|
+
"kind": "field",
|
|
149
|
+
"name": "label",
|
|
150
|
+
"privacy": "public",
|
|
151
|
+
"type": {
|
|
152
|
+
"text": "string"
|
|
153
|
+
},
|
|
154
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
155
|
+
"attribute": "label",
|
|
156
|
+
"inheritedFrom": {
|
|
157
|
+
"name": "LabelMixin",
|
|
158
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
159
|
+
}
|
|
160
|
+
},
|
|
104
161
|
{
|
|
105
162
|
"kind": "field",
|
|
106
163
|
"name": "max",
|
|
@@ -197,6 +254,30 @@
|
|
|
197
254
|
}
|
|
198
255
|
],
|
|
199
256
|
"attributes": [
|
|
257
|
+
{
|
|
258
|
+
"name": "accessible-name",
|
|
259
|
+
"type": {
|
|
260
|
+
"text": "string"
|
|
261
|
+
},
|
|
262
|
+
"description": "String used to label the component to screen reader users.",
|
|
263
|
+
"fieldName": "accessibleName",
|
|
264
|
+
"inheritedFrom": {
|
|
265
|
+
"name": "FieldMixin",
|
|
266
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
267
|
+
}
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "accessible-name-ref",
|
|
271
|
+
"type": {
|
|
272
|
+
"text": "string"
|
|
273
|
+
},
|
|
274
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
275
|
+
"fieldName": "accessibleNameRef",
|
|
276
|
+
"inheritedFrom": {
|
|
277
|
+
"name": "FieldMixin",
|
|
278
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
279
|
+
}
|
|
280
|
+
},
|
|
200
281
|
{
|
|
201
282
|
"name": "auto-open-disabled",
|
|
202
283
|
"type": {
|
|
@@ -221,6 +302,30 @@
|
|
|
221
302
|
"description": "A placeholder string for the date field.",
|
|
222
303
|
"fieldName": "datePlaceholder"
|
|
223
304
|
},
|
|
305
|
+
{
|
|
306
|
+
"name": "error-message",
|
|
307
|
+
"type": {
|
|
308
|
+
"text": "string"
|
|
309
|
+
},
|
|
310
|
+
"description": "Error to show when the field is invalid.",
|
|
311
|
+
"fieldName": "errorMessage",
|
|
312
|
+
"inheritedFrom": {
|
|
313
|
+
"name": "FieldMixin",
|
|
314
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
315
|
+
}
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"name": "helper-text",
|
|
319
|
+
"type": {
|
|
320
|
+
"text": "string"
|
|
321
|
+
},
|
|
322
|
+
"description": "String used for the helper text.",
|
|
323
|
+
"fieldName": "helperText",
|
|
324
|
+
"inheritedFrom": {
|
|
325
|
+
"name": "FieldMixin",
|
|
326
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
327
|
+
}
|
|
328
|
+
},
|
|
224
329
|
{
|
|
225
330
|
"name": "i18n",
|
|
226
331
|
"inheritedFrom": {
|
|
@@ -236,6 +341,18 @@
|
|
|
236
341
|
"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
342
|
"fieldName": "initialPosition"
|
|
238
343
|
},
|
|
344
|
+
{
|
|
345
|
+
"name": "label",
|
|
346
|
+
"type": {
|
|
347
|
+
"text": "string"
|
|
348
|
+
},
|
|
349
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
350
|
+
"fieldName": "label",
|
|
351
|
+
"inheritedFrom": {
|
|
352
|
+
"name": "LabelMixin",
|
|
353
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
354
|
+
}
|
|
355
|
+
},
|
|
239
356
|
{
|
|
240
357
|
"name": "max",
|
|
241
358
|
"type": {
|
|
@@ -305,6 +422,18 @@
|
|
|
305
422
|
{
|
|
306
423
|
"name": "I18nMixin",
|
|
307
424
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
425
|
+
},
|
|
426
|
+
{
|
|
427
|
+
"name": "DisabledMixin",
|
|
428
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"name": "FieldMixin",
|
|
432
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
433
|
+
},
|
|
434
|
+
{
|
|
435
|
+
"name": "FocusMixin",
|
|
436
|
+
"package": "@vaadin/a11y-base/src/focus-mixin.js"
|
|
308
437
|
}
|
|
309
438
|
],
|
|
310
439
|
"parameters": [
|
|
@@ -334,6 +463,34 @@
|
|
|
334
463
|
"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
464
|
"name": "DateTimePicker",
|
|
336
465
|
"members": [
|
|
466
|
+
{
|
|
467
|
+
"kind": "field",
|
|
468
|
+
"name": "accessibleName",
|
|
469
|
+
"privacy": "public",
|
|
470
|
+
"type": {
|
|
471
|
+
"text": "string"
|
|
472
|
+
},
|
|
473
|
+
"description": "String used to label the component to screen reader users.",
|
|
474
|
+
"attribute": "accessible-name",
|
|
475
|
+
"inheritedFrom": {
|
|
476
|
+
"name": "FieldMixin",
|
|
477
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
478
|
+
}
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"kind": "field",
|
|
482
|
+
"name": "accessibleNameRef",
|
|
483
|
+
"privacy": "public",
|
|
484
|
+
"type": {
|
|
485
|
+
"text": "string"
|
|
486
|
+
},
|
|
487
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
488
|
+
"attribute": "accessible-name-ref",
|
|
489
|
+
"inheritedFrom": {
|
|
490
|
+
"name": "FieldMixin",
|
|
491
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
492
|
+
}
|
|
493
|
+
},
|
|
337
494
|
{
|
|
338
495
|
"kind": "field",
|
|
339
496
|
"name": "autofocus",
|
|
@@ -390,25 +547,40 @@
|
|
|
390
547
|
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
391
548
|
}
|
|
392
549
|
},
|
|
550
|
+
{
|
|
551
|
+
"kind": "field",
|
|
552
|
+
"name": "errorMessage",
|
|
553
|
+
"privacy": "public",
|
|
554
|
+
"type": {
|
|
555
|
+
"text": "string"
|
|
556
|
+
},
|
|
557
|
+
"description": "Error to show when the field is invalid.",
|
|
558
|
+
"attribute": "error-message",
|
|
559
|
+
"inheritedFrom": {
|
|
560
|
+
"name": "FieldMixin",
|
|
561
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
562
|
+
}
|
|
563
|
+
},
|
|
564
|
+
{
|
|
565
|
+
"kind": "field",
|
|
566
|
+
"name": "helperText",
|
|
567
|
+
"privacy": "public",
|
|
568
|
+
"type": {
|
|
569
|
+
"text": "string"
|
|
570
|
+
},
|
|
571
|
+
"description": "String used for the helper text.",
|
|
572
|
+
"attribute": "helper-text",
|
|
573
|
+
"inheritedFrom": {
|
|
574
|
+
"name": "FieldMixin",
|
|
575
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
576
|
+
}
|
|
577
|
+
},
|
|
393
578
|
{
|
|
394
579
|
"kind": "field",
|
|
395
580
|
"name": "i18n",
|
|
396
581
|
"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.",
|
|
397
|
-
"return": {
|
|
398
|
-
"type": {
|
|
399
|
-
"text": "Object"
|
|
400
|
-
}
|
|
401
|
-
},
|
|
402
|
-
"parameters": [
|
|
403
|
-
{
|
|
404
|
-
"name": "value",
|
|
405
|
-
"type": {
|
|
406
|
-
"text": "Object"
|
|
407
|
-
}
|
|
408
|
-
}
|
|
409
|
-
],
|
|
410
582
|
"type": {
|
|
411
|
-
"text": "
|
|
583
|
+
"text": "Object"
|
|
412
584
|
},
|
|
413
585
|
"inheritedFrom": {
|
|
414
586
|
"name": "I18nMixin",
|
|
@@ -616,6 +788,30 @@
|
|
|
616
788
|
"tagName": "vaadin-date-time-picker",
|
|
617
789
|
"customElement": true,
|
|
618
790
|
"attributes": [
|
|
791
|
+
{
|
|
792
|
+
"name": "accessible-name",
|
|
793
|
+
"type": {
|
|
794
|
+
"text": "string"
|
|
795
|
+
},
|
|
796
|
+
"description": "String used to label the component to screen reader users.",
|
|
797
|
+
"fieldName": "accessibleName",
|
|
798
|
+
"inheritedFrom": {
|
|
799
|
+
"name": "FieldMixin",
|
|
800
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
801
|
+
}
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"name": "accessible-name-ref",
|
|
805
|
+
"type": {
|
|
806
|
+
"text": "string"
|
|
807
|
+
},
|
|
808
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
809
|
+
"fieldName": "accessibleNameRef",
|
|
810
|
+
"inheritedFrom": {
|
|
811
|
+
"name": "FieldMixin",
|
|
812
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
813
|
+
}
|
|
814
|
+
},
|
|
619
815
|
{
|
|
620
816
|
"name": "auto-open-disabled",
|
|
621
817
|
"type": {
|
|
@@ -652,6 +848,30 @@
|
|
|
652
848
|
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
653
849
|
}
|
|
654
850
|
},
|
|
851
|
+
{
|
|
852
|
+
"name": "error-message",
|
|
853
|
+
"type": {
|
|
854
|
+
"text": "string"
|
|
855
|
+
},
|
|
856
|
+
"description": "Error to show when the field is invalid.",
|
|
857
|
+
"fieldName": "errorMessage",
|
|
858
|
+
"inheritedFrom": {
|
|
859
|
+
"name": "FieldMixin",
|
|
860
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
863
|
+
{
|
|
864
|
+
"name": "helper-text",
|
|
865
|
+
"type": {
|
|
866
|
+
"text": "string"
|
|
867
|
+
},
|
|
868
|
+
"description": "String used for the helper text.",
|
|
869
|
+
"fieldName": "helperText",
|
|
870
|
+
"inheritedFrom": {
|
|
871
|
+
"name": "FieldMixin",
|
|
872
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
873
|
+
}
|
|
874
|
+
},
|
|
655
875
|
{
|
|
656
876
|
"name": "i18n",
|
|
657
877
|
"inheritedFrom": {
|
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-beta2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,20 +35,20 @@
|
|
|
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-beta2",
|
|
39
|
+
"@vaadin/component-base": "25.1.0-beta2",
|
|
40
|
+
"@vaadin/date-picker": "25.1.0-beta2",
|
|
41
|
+
"@vaadin/field-base": "25.1.0-beta2",
|
|
42
|
+
"@vaadin/time-picker": "25.1.0-beta2",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-beta2",
|
|
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-beta2",
|
|
48
|
+
"@vaadin/chai-plugins": "25.1.0-beta2",
|
|
49
|
+
"@vaadin/test-runner-commands": "25.1.0-beta2",
|
|
50
50
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
51
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
51
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-beta2",
|
|
52
52
|
"sinon": "^21.0.0"
|
|
53
53
|
},
|
|
54
54
|
"customElements": "custom-elements.json",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"web-types.json",
|
|
57
57
|
"web-types.lit.json"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "ffbedbae08a5160d13bcd1c6fcaa328df5103a05"
|
|
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,
|
|
@@ -201,7 +200,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
201
200
|
|
|
202
201
|
/**
|
|
203
202
|
* Set to true to make this element read-only.
|
|
204
|
-
* @type {boolean}
|
|
205
203
|
*/
|
|
206
204
|
readonly: {
|
|
207
205
|
type: Boolean,
|
|
@@ -212,7 +210,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
212
210
|
|
|
213
211
|
/**
|
|
214
212
|
* Specify that this control should have input focus when the page loads.
|
|
215
|
-
* @type {boolean}
|
|
216
213
|
*/
|
|
217
214
|
autofocus: {
|
|
218
215
|
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-beta2",
|
|
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-beta2/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta2/#/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
|
},
|
|
@@ -176,7 +178,9 @@
|
|
|
176
178
|
"description": "Set to true to make this element read-only.",
|
|
177
179
|
"value": {
|
|
178
180
|
"type": [
|
|
179
|
-
"boolean"
|
|
181
|
+
"boolean",
|
|
182
|
+
"null",
|
|
183
|
+
"undefined"
|
|
180
184
|
]
|
|
181
185
|
}
|
|
182
186
|
},
|
|
@@ -240,7 +244,9 @@
|
|
|
240
244
|
"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
245
|
"value": {
|
|
242
246
|
"type": [
|
|
243
|
-
"string"
|
|
247
|
+
"string",
|
|
248
|
+
"null",
|
|
249
|
+
"undefined"
|
|
244
250
|
]
|
|
245
251
|
}
|
|
246
252
|
}
|
|
@@ -274,7 +280,9 @@
|
|
|
274
280
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
275
281
|
"value": {
|
|
276
282
|
"type": [
|
|
277
|
-
"boolean"
|
|
283
|
+
"boolean",
|
|
284
|
+
"null",
|
|
285
|
+
"undefined"
|
|
278
286
|
]
|
|
279
287
|
}
|
|
280
288
|
},
|
|
@@ -335,7 +343,7 @@
|
|
|
335
343
|
},
|
|
336
344
|
{
|
|
337
345
|
"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-
|
|
346
|
+
"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-beta2/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta2/#/elements/vaadin-time-picker) are supported.",
|
|
339
347
|
"value": {
|
|
340
348
|
"type": [
|
|
341
349
|
"?"
|
|
@@ -422,7 +430,9 @@
|
|
|
422
430
|
"description": "Set to true to make this element read-only.",
|
|
423
431
|
"value": {
|
|
424
432
|
"type": [
|
|
425
|
-
"boolean"
|
|
433
|
+
"boolean",
|
|
434
|
+
"null",
|
|
435
|
+
"undefined"
|
|
426
436
|
]
|
|
427
437
|
}
|
|
428
438
|
},
|
|
@@ -475,7 +485,9 @@
|
|
|
475
485
|
"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
486
|
"value": {
|
|
477
487
|
"type": [
|
|
478
|
-
"string"
|
|
488
|
+
"string",
|
|
489
|
+
"null",
|
|
490
|
+
"undefined"
|
|
479
491
|
]
|
|
480
492
|
}
|
|
481
493
|
}
|
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-beta2",
|
|
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-beta2/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta2/#/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-beta2/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-beta2/#/elements/vaadin-time-picker) are supported.",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|