@vaadin/date-time-picker 25.1.0-alpha5 → 25.1.0-alpha7
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 +721 -0
- package/package.json +14 -12
- package/src/vaadin-date-time-picker.js +1 -1
- package/web-types.json +3 -3
- package/web-types.lit.json +3 -3
|
@@ -0,0 +1,721 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "vaadin-date-time-picker.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/vaadin-date-time-picker.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "src/vaadin-date-time-picker-mixin.js",
|
|
23
|
+
"declarations": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "mixin",
|
|
26
|
+
"description": "A mixin providing common date-time-picker functionality.",
|
|
27
|
+
"name": "DateTimePickerMixin",
|
|
28
|
+
"members": [
|
|
29
|
+
{
|
|
30
|
+
"kind": "field",
|
|
31
|
+
"name": "autofocus",
|
|
32
|
+
"privacy": "public",
|
|
33
|
+
"type": {
|
|
34
|
+
"text": "boolean"
|
|
35
|
+
},
|
|
36
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
37
|
+
"attribute": "autofocus"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"kind": "field",
|
|
41
|
+
"name": "autoOpenDisabled",
|
|
42
|
+
"privacy": "public",
|
|
43
|
+
"type": {
|
|
44
|
+
"text": "boolean"
|
|
45
|
+
},
|
|
46
|
+
"description": "Set to true to prevent the overlays from opening automatically.",
|
|
47
|
+
"attribute": "auto-open-disabled"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"kind": "method",
|
|
51
|
+
"name": "checkValidity",
|
|
52
|
+
"description": "Returns true if the current input value satisfies all constraints (if any)\n\nYou can override the `checkValidity` method for custom validations.",
|
|
53
|
+
"return": {
|
|
54
|
+
"type": {
|
|
55
|
+
"text": "boolean"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"kind": "field",
|
|
61
|
+
"name": "datePlaceholder",
|
|
62
|
+
"privacy": "public",
|
|
63
|
+
"type": {
|
|
64
|
+
"text": "string"
|
|
65
|
+
},
|
|
66
|
+
"description": "A placeholder string for the date field.",
|
|
67
|
+
"attribute": "date-placeholder"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"kind": "field",
|
|
71
|
+
"name": "initialPosition",
|
|
72
|
+
"privacy": "public",
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "string"
|
|
75
|
+
},
|
|
76
|
+
"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.",
|
|
77
|
+
"attribute": "initial-position"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"kind": "field",
|
|
81
|
+
"name": "max",
|
|
82
|
+
"privacy": "public",
|
|
83
|
+
"type": {
|
|
84
|
+
"text": "string | undefined"
|
|
85
|
+
},
|
|
86
|
+
"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\"`",
|
|
87
|
+
"attribute": "max"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"kind": "field",
|
|
91
|
+
"name": "min",
|
|
92
|
+
"privacy": "public",
|
|
93
|
+
"type": {
|
|
94
|
+
"text": "string | undefined"
|
|
95
|
+
},
|
|
96
|
+
"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\"`",
|
|
97
|
+
"attribute": "min"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"kind": "field",
|
|
101
|
+
"name": "name",
|
|
102
|
+
"privacy": "public",
|
|
103
|
+
"type": {
|
|
104
|
+
"text": "string"
|
|
105
|
+
},
|
|
106
|
+
"description": "The name of the control, which is submitted with the form data.",
|
|
107
|
+
"attribute": "name"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"kind": "field",
|
|
111
|
+
"name": "readonly",
|
|
112
|
+
"privacy": "public",
|
|
113
|
+
"type": {
|
|
114
|
+
"text": "boolean"
|
|
115
|
+
},
|
|
116
|
+
"description": "Set to true to make this element read-only.",
|
|
117
|
+
"attribute": "readonly"
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"kind": "field",
|
|
121
|
+
"name": "showWeekNumbers",
|
|
122
|
+
"privacy": "public",
|
|
123
|
+
"type": {
|
|
124
|
+
"text": "boolean"
|
|
125
|
+
},
|
|
126
|
+
"description": "Set true to display ISO-8601 week numbers in the calendar. Notice that\ndisplaying week numbers is only supported when `i18n.firstDayOfWeek`\nis 1 (Monday).",
|
|
127
|
+
"attribute": "show-week-numbers"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"kind": "field",
|
|
131
|
+
"name": "step",
|
|
132
|
+
"privacy": "public",
|
|
133
|
+
"type": {
|
|
134
|
+
"text": "number"
|
|
135
|
+
},
|
|
136
|
+
"description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the time part of the value string. By default\nthe component formats time values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX.",
|
|
137
|
+
"attribute": "step"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"kind": "field",
|
|
141
|
+
"name": "timePlaceholder",
|
|
142
|
+
"privacy": "public",
|
|
143
|
+
"type": {
|
|
144
|
+
"text": "string"
|
|
145
|
+
},
|
|
146
|
+
"description": "A placeholder string for the time field.",
|
|
147
|
+
"attribute": "time-placeholder"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"kind": "field",
|
|
151
|
+
"name": "value",
|
|
152
|
+
"privacy": "public",
|
|
153
|
+
"type": {
|
|
154
|
+
"text": "string"
|
|
155
|
+
},
|
|
156
|
+
"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\"`",
|
|
157
|
+
"attribute": "value"
|
|
158
|
+
}
|
|
159
|
+
],
|
|
160
|
+
"events": [
|
|
161
|
+
{
|
|
162
|
+
"name": "change",
|
|
163
|
+
"type": {
|
|
164
|
+
"text": "CustomEvent"
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"name": "unparsable-change",
|
|
169
|
+
"type": {
|
|
170
|
+
"text": "CustomEvent"
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
],
|
|
174
|
+
"attributes": [
|
|
175
|
+
{
|
|
176
|
+
"name": "auto-open-disabled",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "boolean"
|
|
179
|
+
},
|
|
180
|
+
"description": "Set to true to prevent the overlays from opening automatically.",
|
|
181
|
+
"fieldName": "autoOpenDisabled"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "autofocus",
|
|
185
|
+
"type": {
|
|
186
|
+
"text": "boolean"
|
|
187
|
+
},
|
|
188
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
189
|
+
"fieldName": "autofocus"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "date-placeholder",
|
|
193
|
+
"type": {
|
|
194
|
+
"text": "string"
|
|
195
|
+
},
|
|
196
|
+
"description": "A placeholder string for the date field.",
|
|
197
|
+
"fieldName": "datePlaceholder"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"name": "initial-position",
|
|
201
|
+
"type": {
|
|
202
|
+
"text": "string"
|
|
203
|
+
},
|
|
204
|
+
"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.",
|
|
205
|
+
"fieldName": "initialPosition"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"name": "max",
|
|
209
|
+
"type": {
|
|
210
|
+
"text": "string | undefined"
|
|
211
|
+
},
|
|
212
|
+
"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\"`",
|
|
213
|
+
"fieldName": "max"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "min",
|
|
217
|
+
"type": {
|
|
218
|
+
"text": "string | undefined"
|
|
219
|
+
},
|
|
220
|
+
"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\"`",
|
|
221
|
+
"fieldName": "min"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "name",
|
|
225
|
+
"type": {
|
|
226
|
+
"text": "string"
|
|
227
|
+
},
|
|
228
|
+
"description": "The name of the control, which is submitted with the form data.",
|
|
229
|
+
"fieldName": "name"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"name": "readonly",
|
|
233
|
+
"type": {
|
|
234
|
+
"text": "boolean"
|
|
235
|
+
},
|
|
236
|
+
"description": "Set to true to make this element read-only.",
|
|
237
|
+
"fieldName": "readonly"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "show-week-numbers",
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "boolean"
|
|
243
|
+
},
|
|
244
|
+
"description": "Set true to display ISO-8601 week numbers in the calendar. Notice that\ndisplaying week numbers is only supported when `i18n.firstDayOfWeek`\nis 1 (Monday).",
|
|
245
|
+
"fieldName": "showWeekNumbers"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "step",
|
|
249
|
+
"type": {
|
|
250
|
+
"text": "number"
|
|
251
|
+
},
|
|
252
|
+
"description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the time part of the value string. By default\nthe component formats time values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX.",
|
|
253
|
+
"fieldName": "step"
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"name": "time-placeholder",
|
|
257
|
+
"type": {
|
|
258
|
+
"text": "string"
|
|
259
|
+
},
|
|
260
|
+
"description": "A placeholder string for the time field.",
|
|
261
|
+
"fieldName": "timePlaceholder"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"name": "value",
|
|
265
|
+
"type": {
|
|
266
|
+
"text": "string"
|
|
267
|
+
},
|
|
268
|
+
"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\"`",
|
|
269
|
+
"fieldName": "value"
|
|
270
|
+
}
|
|
271
|
+
],
|
|
272
|
+
"mixins": [
|
|
273
|
+
{
|
|
274
|
+
"name": "I18nMixin",
|
|
275
|
+
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
276
|
+
}
|
|
277
|
+
],
|
|
278
|
+
"parameters": [
|
|
279
|
+
{
|
|
280
|
+
"name": "superClass"
|
|
281
|
+
}
|
|
282
|
+
]
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"exports": [
|
|
286
|
+
{
|
|
287
|
+
"kind": "js",
|
|
288
|
+
"name": "DateTimePickerMixin",
|
|
289
|
+
"declaration": {
|
|
290
|
+
"name": "DateTimePickerMixin",
|
|
291
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
]
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"kind": "javascript-module",
|
|
298
|
+
"path": "src/vaadin-date-time-picker.js",
|
|
299
|
+
"declarations": [
|
|
300
|
+
{
|
|
301
|
+
"kind": "class",
|
|
302
|
+
"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",
|
|
303
|
+
"name": "DateTimePicker",
|
|
304
|
+
"members": [
|
|
305
|
+
{
|
|
306
|
+
"kind": "field",
|
|
307
|
+
"name": "autofocus",
|
|
308
|
+
"privacy": "public",
|
|
309
|
+
"type": {
|
|
310
|
+
"text": "boolean"
|
|
311
|
+
},
|
|
312
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
313
|
+
"attribute": "autofocus",
|
|
314
|
+
"inheritedFrom": {
|
|
315
|
+
"name": "DateTimePickerMixin",
|
|
316
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"kind": "field",
|
|
321
|
+
"name": "autoOpenDisabled",
|
|
322
|
+
"privacy": "public",
|
|
323
|
+
"type": {
|
|
324
|
+
"text": "boolean"
|
|
325
|
+
},
|
|
326
|
+
"description": "Set to true to prevent the overlays from opening automatically.",
|
|
327
|
+
"attribute": "auto-open-disabled",
|
|
328
|
+
"inheritedFrom": {
|
|
329
|
+
"name": "DateTimePickerMixin",
|
|
330
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"kind": "method",
|
|
335
|
+
"name": "checkValidity",
|
|
336
|
+
"description": "Returns true if the current input value satisfies all constraints (if any)\n\nYou can override the `checkValidity` method for custom validations.",
|
|
337
|
+
"return": {
|
|
338
|
+
"type": {
|
|
339
|
+
"text": "boolean"
|
|
340
|
+
}
|
|
341
|
+
},
|
|
342
|
+
"inheritedFrom": {
|
|
343
|
+
"name": "DateTimePickerMixin",
|
|
344
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
345
|
+
}
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"kind": "field",
|
|
349
|
+
"name": "datePlaceholder",
|
|
350
|
+
"privacy": "public",
|
|
351
|
+
"type": {
|
|
352
|
+
"text": "string"
|
|
353
|
+
},
|
|
354
|
+
"description": "A placeholder string for the date field.",
|
|
355
|
+
"attribute": "date-placeholder",
|
|
356
|
+
"inheritedFrom": {
|
|
357
|
+
"name": "DateTimePickerMixin",
|
|
358
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
359
|
+
}
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
"kind": "field",
|
|
363
|
+
"name": "initialPosition",
|
|
364
|
+
"privacy": "public",
|
|
365
|
+
"type": {
|
|
366
|
+
"text": "string"
|
|
367
|
+
},
|
|
368
|
+
"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.",
|
|
369
|
+
"attribute": "initial-position",
|
|
370
|
+
"inheritedFrom": {
|
|
371
|
+
"name": "DateTimePickerMixin",
|
|
372
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
373
|
+
}
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"kind": "field",
|
|
377
|
+
"name": "max",
|
|
378
|
+
"privacy": "public",
|
|
379
|
+
"type": {
|
|
380
|
+
"text": "string | undefined"
|
|
381
|
+
},
|
|
382
|
+
"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\"`",
|
|
383
|
+
"attribute": "max",
|
|
384
|
+
"inheritedFrom": {
|
|
385
|
+
"name": "DateTimePickerMixin",
|
|
386
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
387
|
+
}
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
"kind": "field",
|
|
391
|
+
"name": "min",
|
|
392
|
+
"privacy": "public",
|
|
393
|
+
"type": {
|
|
394
|
+
"text": "string | undefined"
|
|
395
|
+
},
|
|
396
|
+
"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\"`",
|
|
397
|
+
"attribute": "min",
|
|
398
|
+
"inheritedFrom": {
|
|
399
|
+
"name": "DateTimePickerMixin",
|
|
400
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
401
|
+
}
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"kind": "field",
|
|
405
|
+
"name": "name",
|
|
406
|
+
"privacy": "public",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "string"
|
|
409
|
+
},
|
|
410
|
+
"description": "The name of the control, which is submitted with the form data.",
|
|
411
|
+
"attribute": "name",
|
|
412
|
+
"inheritedFrom": {
|
|
413
|
+
"name": "DateTimePickerMixin",
|
|
414
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
415
|
+
}
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"kind": "field",
|
|
419
|
+
"name": "readonly",
|
|
420
|
+
"privacy": "public",
|
|
421
|
+
"type": {
|
|
422
|
+
"text": "boolean"
|
|
423
|
+
},
|
|
424
|
+
"description": "Set to true to make this element read-only.",
|
|
425
|
+
"attribute": "readonly",
|
|
426
|
+
"inheritedFrom": {
|
|
427
|
+
"name": "DateTimePickerMixin",
|
|
428
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
429
|
+
}
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"kind": "field",
|
|
433
|
+
"name": "showWeekNumbers",
|
|
434
|
+
"privacy": "public",
|
|
435
|
+
"type": {
|
|
436
|
+
"text": "boolean"
|
|
437
|
+
},
|
|
438
|
+
"description": "Set true to display ISO-8601 week numbers in the calendar. Notice that\ndisplaying week numbers is only supported when `i18n.firstDayOfWeek`\nis 1 (Monday).",
|
|
439
|
+
"attribute": "show-week-numbers",
|
|
440
|
+
"inheritedFrom": {
|
|
441
|
+
"name": "DateTimePickerMixin",
|
|
442
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
443
|
+
}
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"kind": "field",
|
|
447
|
+
"name": "step",
|
|
448
|
+
"privacy": "public",
|
|
449
|
+
"type": {
|
|
450
|
+
"text": "number"
|
|
451
|
+
},
|
|
452
|
+
"description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the time part of the value string. By default\nthe component formats time values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX.",
|
|
453
|
+
"attribute": "step",
|
|
454
|
+
"inheritedFrom": {
|
|
455
|
+
"name": "DateTimePickerMixin",
|
|
456
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
457
|
+
}
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
"kind": "field",
|
|
461
|
+
"name": "timePlaceholder",
|
|
462
|
+
"privacy": "public",
|
|
463
|
+
"type": {
|
|
464
|
+
"text": "string"
|
|
465
|
+
},
|
|
466
|
+
"description": "A placeholder string for the time field.",
|
|
467
|
+
"attribute": "time-placeholder",
|
|
468
|
+
"inheritedFrom": {
|
|
469
|
+
"name": "DateTimePickerMixin",
|
|
470
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"kind": "field",
|
|
475
|
+
"name": "value",
|
|
476
|
+
"privacy": "public",
|
|
477
|
+
"type": {
|
|
478
|
+
"text": "string"
|
|
479
|
+
},
|
|
480
|
+
"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\"`",
|
|
481
|
+
"attribute": "value",
|
|
482
|
+
"inheritedFrom": {
|
|
483
|
+
"name": "DateTimePickerMixin",
|
|
484
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
485
|
+
}
|
|
486
|
+
}
|
|
487
|
+
],
|
|
488
|
+
"events": [
|
|
489
|
+
{
|
|
490
|
+
"name": "change",
|
|
491
|
+
"type": {
|
|
492
|
+
"text": "CustomEvent"
|
|
493
|
+
},
|
|
494
|
+
"description": "Fired when the user commits a value change.",
|
|
495
|
+
"inheritedFrom": {
|
|
496
|
+
"name": "DateTimePickerMixin",
|
|
497
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
498
|
+
}
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"type": {
|
|
502
|
+
"text": "CustomEvent"
|
|
503
|
+
},
|
|
504
|
+
"description": "Fired when the `invalid` property changes.",
|
|
505
|
+
"name": "invalid-changed"
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
"name": "unparsable-change",
|
|
509
|
+
"type": {
|
|
510
|
+
"text": "CustomEvent"
|
|
511
|
+
},
|
|
512
|
+
"description": "Fired when the user commits an unparsable or incomplete value change and there is no change event.",
|
|
513
|
+
"inheritedFrom": {
|
|
514
|
+
"name": "DateTimePickerMixin",
|
|
515
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
516
|
+
}
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"type": {
|
|
520
|
+
"text": "CustomEvent"
|
|
521
|
+
},
|
|
522
|
+
"description": "Fired whenever the field is validated.",
|
|
523
|
+
"name": "validated"
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "CustomEvent"
|
|
528
|
+
},
|
|
529
|
+
"description": "Fired when the `value` property changes.",
|
|
530
|
+
"name": "value-changed"
|
|
531
|
+
}
|
|
532
|
+
],
|
|
533
|
+
"mixins": [
|
|
534
|
+
{
|
|
535
|
+
"name": "DateTimePickerMixin",
|
|
536
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"name": "ThemableMixin",
|
|
540
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"name": "ElementMixin",
|
|
544
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
545
|
+
},
|
|
546
|
+
{
|
|
547
|
+
"name": "PolylitMixin",
|
|
548
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"name": "LumoInjectionMixin",
|
|
552
|
+
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
553
|
+
}
|
|
554
|
+
],
|
|
555
|
+
"superclass": {
|
|
556
|
+
"name": "LitElement",
|
|
557
|
+
"package": "lit"
|
|
558
|
+
},
|
|
559
|
+
"tagName": "vaadin-date-time-picker",
|
|
560
|
+
"customElement": true,
|
|
561
|
+
"attributes": [
|
|
562
|
+
{
|
|
563
|
+
"name": "auto-open-disabled",
|
|
564
|
+
"type": {
|
|
565
|
+
"text": "boolean"
|
|
566
|
+
},
|
|
567
|
+
"description": "Set to true to prevent the overlays from opening automatically.",
|
|
568
|
+
"fieldName": "autoOpenDisabled",
|
|
569
|
+
"inheritedFrom": {
|
|
570
|
+
"name": "DateTimePickerMixin",
|
|
571
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
572
|
+
}
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"name": "autofocus",
|
|
576
|
+
"type": {
|
|
577
|
+
"text": "boolean"
|
|
578
|
+
},
|
|
579
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
580
|
+
"fieldName": "autofocus",
|
|
581
|
+
"inheritedFrom": {
|
|
582
|
+
"name": "DateTimePickerMixin",
|
|
583
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
584
|
+
}
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"name": "date-placeholder",
|
|
588
|
+
"type": {
|
|
589
|
+
"text": "string"
|
|
590
|
+
},
|
|
591
|
+
"description": "A placeholder string for the date field.",
|
|
592
|
+
"fieldName": "datePlaceholder",
|
|
593
|
+
"inheritedFrom": {
|
|
594
|
+
"name": "DateTimePickerMixin",
|
|
595
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
596
|
+
}
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"name": "initial-position",
|
|
600
|
+
"type": {
|
|
601
|
+
"text": "string"
|
|
602
|
+
},
|
|
603
|
+
"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.",
|
|
604
|
+
"fieldName": "initialPosition",
|
|
605
|
+
"inheritedFrom": {
|
|
606
|
+
"name": "DateTimePickerMixin",
|
|
607
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
608
|
+
}
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"name": "max",
|
|
612
|
+
"type": {
|
|
613
|
+
"text": "string | undefined"
|
|
614
|
+
},
|
|
615
|
+
"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\"`",
|
|
616
|
+
"fieldName": "max",
|
|
617
|
+
"inheritedFrom": {
|
|
618
|
+
"name": "DateTimePickerMixin",
|
|
619
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
620
|
+
}
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "min",
|
|
624
|
+
"type": {
|
|
625
|
+
"text": "string | undefined"
|
|
626
|
+
},
|
|
627
|
+
"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\"`",
|
|
628
|
+
"fieldName": "min",
|
|
629
|
+
"inheritedFrom": {
|
|
630
|
+
"name": "DateTimePickerMixin",
|
|
631
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"name": "name",
|
|
636
|
+
"type": {
|
|
637
|
+
"text": "string"
|
|
638
|
+
},
|
|
639
|
+
"description": "The name of the control, which is submitted with the form data.",
|
|
640
|
+
"fieldName": "name",
|
|
641
|
+
"inheritedFrom": {
|
|
642
|
+
"name": "DateTimePickerMixin",
|
|
643
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"name": "readonly",
|
|
648
|
+
"type": {
|
|
649
|
+
"text": "boolean"
|
|
650
|
+
},
|
|
651
|
+
"description": "Set to true to make this element read-only.",
|
|
652
|
+
"fieldName": "readonly",
|
|
653
|
+
"inheritedFrom": {
|
|
654
|
+
"name": "DateTimePickerMixin",
|
|
655
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
656
|
+
}
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "show-week-numbers",
|
|
660
|
+
"type": {
|
|
661
|
+
"text": "boolean"
|
|
662
|
+
},
|
|
663
|
+
"description": "Set true to display ISO-8601 week numbers in the calendar. Notice that\ndisplaying week numbers is only supported when `i18n.firstDayOfWeek`\nis 1 (Monday).",
|
|
664
|
+
"fieldName": "showWeekNumbers",
|
|
665
|
+
"inheritedFrom": {
|
|
666
|
+
"name": "DateTimePickerMixin",
|
|
667
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
668
|
+
}
|
|
669
|
+
},
|
|
670
|
+
{
|
|
671
|
+
"name": "step",
|
|
672
|
+
"type": {
|
|
673
|
+
"text": "number"
|
|
674
|
+
},
|
|
675
|
+
"description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the time part of the value string. By default\nthe component formats time values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX.",
|
|
676
|
+
"fieldName": "step",
|
|
677
|
+
"inheritedFrom": {
|
|
678
|
+
"name": "DateTimePickerMixin",
|
|
679
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
680
|
+
}
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"name": "time-placeholder",
|
|
684
|
+
"type": {
|
|
685
|
+
"text": "string"
|
|
686
|
+
},
|
|
687
|
+
"description": "A placeholder string for the time field.",
|
|
688
|
+
"fieldName": "timePlaceholder",
|
|
689
|
+
"inheritedFrom": {
|
|
690
|
+
"name": "DateTimePickerMixin",
|
|
691
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
692
|
+
}
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"name": "value",
|
|
696
|
+
"type": {
|
|
697
|
+
"text": "string"
|
|
698
|
+
},
|
|
699
|
+
"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\"`",
|
|
700
|
+
"fieldName": "value",
|
|
701
|
+
"inheritedFrom": {
|
|
702
|
+
"name": "DateTimePickerMixin",
|
|
703
|
+
"module": "src/vaadin-date-time-picker-mixin.js"
|
|
704
|
+
}
|
|
705
|
+
}
|
|
706
|
+
]
|
|
707
|
+
}
|
|
708
|
+
],
|
|
709
|
+
"exports": [
|
|
710
|
+
{
|
|
711
|
+
"kind": "js",
|
|
712
|
+
"name": "DateTimePicker",
|
|
713
|
+
"declaration": {
|
|
714
|
+
"name": "DateTimePicker",
|
|
715
|
+
"module": "src/vaadin-date-time-picker.js"
|
|
716
|
+
}
|
|
717
|
+
}
|
|
718
|
+
]
|
|
719
|
+
}
|
|
720
|
+
]
|
|
721
|
+
}
|
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-alpha7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"src",
|
|
24
24
|
"vaadin-*.d.ts",
|
|
25
25
|
"vaadin-*.js",
|
|
26
|
+
"custom-elements.json",
|
|
26
27
|
"web-types.json",
|
|
27
28
|
"web-types.lit.json"
|
|
28
29
|
],
|
|
@@ -34,25 +35,26 @@
|
|
|
34
35
|
],
|
|
35
36
|
"dependencies": {
|
|
36
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
38
|
-
"@vaadin/component-base": "25.1.0-
|
|
39
|
-
"@vaadin/date-picker": "25.1.0-
|
|
40
|
-
"@vaadin/field-base": "25.1.0-
|
|
41
|
-
"@vaadin/time-picker": "25.1.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.1.0-alpha7",
|
|
39
|
+
"@vaadin/component-base": "25.1.0-alpha7",
|
|
40
|
+
"@vaadin/date-picker": "25.1.0-alpha7",
|
|
41
|
+
"@vaadin/field-base": "25.1.0-alpha7",
|
|
42
|
+
"@vaadin/time-picker": "25.1.0-alpha7",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha7",
|
|
43
44
|
"lit": "^3.0.0"
|
|
44
45
|
},
|
|
45
46
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "25.1.0-
|
|
47
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
47
|
+
"@vaadin/aura": "25.1.0-alpha7",
|
|
48
|
+
"@vaadin/chai-plugins": "25.1.0-alpha7",
|
|
49
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha7",
|
|
49
50
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
51
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha7",
|
|
51
52
|
"sinon": "^21.0.0"
|
|
52
53
|
},
|
|
54
|
+
"customElements": "custom-elements.json",
|
|
53
55
|
"web-types": [
|
|
54
56
|
"web-types.json",
|
|
55
57
|
"web-types.lit.json"
|
|
56
58
|
],
|
|
57
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "98c586125f769c8fefd307536965293668fda81d"
|
|
58
60
|
}
|
|
@@ -112,7 +112,7 @@ import { DateTimePickerMixin } from './vaadin-date-time-picker-mixin.js';
|
|
|
112
112
|
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.
|
|
113
113
|
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
114
114
|
*
|
|
115
|
-
* @customElement
|
|
115
|
+
* @customElement vaadin-date-time-picker
|
|
116
116
|
* @extends HTMLElement
|
|
117
117
|
* @mixes ElementMixin
|
|
118
118
|
* @mixes ThemableMixin
|
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-alpha7",
|
|
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-alpha7/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/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": "disabled",
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
},
|
|
349
349
|
{
|
|
350
350
|
"name": "i18n",
|
|
351
|
-
"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-
|
|
351
|
+
"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-alpha7/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-time-picker) are supported.",
|
|
352
352
|
"value": {
|
|
353
353
|
"type": [
|
|
354
354
|
"?"
|
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-alpha7",
|
|
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-alpha7/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/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-alpha7/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-time-picker) are supported.",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|