@vaadin/date-time-picker 24.6.0-alpha7 → 24.6.0-alpha9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +14 -12
- package/src/vaadin-date-time-picker-mixin.d.ts +167 -0
- package/src/vaadin-date-time-picker-mixin.js +923 -0
- package/src/vaadin-date-time-picker.d.ts +4 -141
- package/src/vaadin-date-time-picker.js +5 -921
- package/src/vaadin-lit-date-time-picker.d.ts +1 -0
- package/src/vaadin-lit-date-time-picker.js +86 -0
- package/theme/lumo/vaadin-date-time-picker-styles.d.ts +1 -2
- package/theme/lumo/vaadin-date-time-picker-styles.js +0 -2
- package/theme/lumo/vaadin-date-time-picker.d.ts +2 -0
- package/theme/lumo/vaadin-date-time-picker.js +2 -0
- package/theme/lumo/vaadin-lit-date-time-picker.d.ts +4 -0
- package/theme/lumo/vaadin-lit-date-time-picker.js +4 -0
- package/theme/material/vaadin-date-time-picker-styles.d.ts +1 -2
- package/theme/material/vaadin-date-time-picker-styles.js +0 -2
- package/theme/material/vaadin-date-time-picker.d.ts +2 -0
- package/theme/material/vaadin-date-time-picker.js +2 -0
- package/theme/material/vaadin-lit-date-time-picker.d.ts +4 -0
- package/theme/material/vaadin-lit-date-time-picker.js +4 -0
- package/vaadin-lit-date-time-picker.d.ts +1 -0
- package/vaadin-lit-date-time-picker.js +2 -0
- package/web-types.json +31 -9
- package/web-types.lit.json +15 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './vaadin-date-time-picker.js';
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2019 - 2024 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
import '@vaadin/date-picker/src/vaadin-lit-date-picker.js';
|
|
7
|
+
import '@vaadin/time-picker/src/vaadin-lit-time-picker.js';
|
|
8
|
+
import { css, html, LitElement } from 'lit';
|
|
9
|
+
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
10
|
+
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
11
|
+
import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
|
|
12
|
+
import { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';
|
|
13
|
+
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
14
|
+
import { DateTimePickerMixin } from './vaadin-date-time-picker-mixin.js';
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* LitElement based version of `<vaadin-date-time-picker>` web component.
|
|
18
|
+
*
|
|
19
|
+
* ## Disclaimer
|
|
20
|
+
*
|
|
21
|
+
* This component is an experiment and not yet a part of Vaadin platform.
|
|
22
|
+
* There is no ETA regarding specific Vaadin version where it'll land.
|
|
23
|
+
* Feel free to try this code in your apps as per Apache 2.0 license.
|
|
24
|
+
*/
|
|
25
|
+
class DateTimePicker extends DateTimePickerMixin(ThemableMixin(ElementMixin(PolylitMixin(LitElement)))) {
|
|
26
|
+
static get is() {
|
|
27
|
+
return 'vaadin-date-time-picker';
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
static get styles() {
|
|
31
|
+
return [
|
|
32
|
+
inputFieldShared,
|
|
33
|
+
css`
|
|
34
|
+
.vaadin-date-time-picker-container {
|
|
35
|
+
--vaadin-field-default-width: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.slots {
|
|
39
|
+
display: flex;
|
|
40
|
+
--vaadin-field-default-width: 12em;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.slots ::slotted([slot='date-picker']) {
|
|
44
|
+
min-width: 0;
|
|
45
|
+
flex: 1 1 auto;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.slots ::slotted([slot='time-picker']) {
|
|
49
|
+
min-width: 0;
|
|
50
|
+
flex: 1 1.65 auto;
|
|
51
|
+
}
|
|
52
|
+
`,
|
|
53
|
+
];
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/** @protected */
|
|
57
|
+
render() {
|
|
58
|
+
return html`
|
|
59
|
+
<div class="vaadin-date-time-picker-container">
|
|
60
|
+
<div part="label" @click="${this.focus}">
|
|
61
|
+
<slot name="label"></slot>
|
|
62
|
+
<span part="required-indicator" aria-hidden="true"></span>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<div class="slots">
|
|
66
|
+
<slot name="date-picker" id="dateSlot"></slot>
|
|
67
|
+
<slot name="time-picker" id="timeSlot"></slot>
|
|
68
|
+
</div>
|
|
69
|
+
|
|
70
|
+
<div part="helper-text">
|
|
71
|
+
<slot name="helper"></slot>
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
<div part="error-message">
|
|
75
|
+
<slot name="error-message"></slot>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<slot name="tooltip"></slot>
|
|
80
|
+
`;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
defineCustomElement(DateTimePicker);
|
|
85
|
+
|
|
86
|
+
export { DateTimePicker };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import '@vaadin/time-picker/theme/lumo/vaadin-time-picker.js';
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import '@vaadin/date-picker/theme/lumo/vaadin-date-picker.js';
|
|
2
|
-
import '@vaadin/time-picker/theme/lumo/vaadin-time-picker.js';
|
|
3
1
|
import { customField } from '@vaadin/custom-field/theme/lumo/vaadin-custom-field-styles.js';
|
|
4
2
|
import { helper } from '@vaadin/vaadin-lumo-styles/mixins/helper.js';
|
|
5
3
|
import { requiredField } from '@vaadin/vaadin-lumo-styles/mixins/required-field.js';
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import '@vaadin/time-picker/theme/material/vaadin-time-picker.js';
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import '@vaadin/date-picker/theme/material/vaadin-date-picker.js';
|
|
2
|
-
import '@vaadin/time-picker/theme/material/vaadin-time-picker.js';
|
|
3
1
|
import { customField } from '@vaadin/custom-field/theme/material/vaadin-custom-field-styles.js';
|
|
4
2
|
import { helper } from '@vaadin/vaadin-material-styles/mixins/helper.js';
|
|
5
3
|
import { requiredField } from '@vaadin/vaadin-material-styles/mixins/required-field.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './src/vaadin-date-time-picker.js';
|
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": "24.6.0-
|
|
4
|
+
"version": "24.6.0-alpha9",
|
|
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`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 | Part name\n--------------------|-------------------------------------------|------------\n`disabled` | Set when the element is disabled | :host\n`focused` | Set when the element is focused | :host\n`focus-ring` | Set when the element is keyboard focused | :host\n`readonly` | Set when the element is readonly | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n`has-value` | Set when the element has a value | :host\n`has-helper` | Set when the element has helper text | :host\n`has-error-message` | Set when the element has an error message | :host\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/24.6.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`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 | Part name\n--------------------|-------------------------------------------|------------\n`disabled` | Set when the element is disabled | :host\n`focused` | Set when the element is focused | :host\n`focus-ring` | Set when the element is keyboard focused | :host\n`readonly` | Set when the element is readonly | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n`has-value` | Set when the element has a value | :host\n`has-helper` | Set when the element has helper text | :host\n`has-error-message` | Set when the element has an error message | :host\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/24.6.0-alpha9/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker).\n\nNote: the `theme` attribute value set on `<vaadin-date-time-picker>` is\npropagated to these components.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -43,6 +43,17 @@
|
|
|
43
43
|
]
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
|
+
{
|
|
47
|
+
"name": "manual-validation",
|
|
48
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
49
|
+
"value": {
|
|
50
|
+
"type": [
|
|
51
|
+
"boolean",
|
|
52
|
+
"null",
|
|
53
|
+
"undefined"
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
46
57
|
{
|
|
47
58
|
"name": "required",
|
|
48
59
|
"description": "Specifies that the user must fill in a value.",
|
|
@@ -224,7 +235,7 @@
|
|
|
224
235
|
},
|
|
225
236
|
{
|
|
226
237
|
"name": "overlay-class",
|
|
227
|
-
"description": "A space-delimited list of CSS class names to set on the overlay elements\nof the internal components controlled by the `<vaadin-date-time-picker>`:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-
|
|
238
|
+
"description": "A space-delimited list of CSS class names to set on the overlay elements\nof the internal components controlled by the `<vaadin-date-time-picker>`:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
228
239
|
"value": {
|
|
229
240
|
"type": [
|
|
230
241
|
"string",
|
|
@@ -280,6 +291,17 @@
|
|
|
280
291
|
]
|
|
281
292
|
}
|
|
282
293
|
},
|
|
294
|
+
{
|
|
295
|
+
"name": "manualValidation",
|
|
296
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
297
|
+
"value": {
|
|
298
|
+
"type": [
|
|
299
|
+
"boolean",
|
|
300
|
+
"null",
|
|
301
|
+
"undefined"
|
|
302
|
+
]
|
|
303
|
+
}
|
|
304
|
+
},
|
|
283
305
|
{
|
|
284
306
|
"name": "required",
|
|
285
307
|
"description": "Specifies that the user must fill in a value.",
|
|
@@ -461,7 +483,7 @@
|
|
|
461
483
|
},
|
|
462
484
|
{
|
|
463
485
|
"name": "i18n",
|
|
464
|
-
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n`i18n` object or just the properties you want to modify.\n\nThe object is a combination of the i18n properties supported by\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-
|
|
486
|
+
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n`i18n` object or just the properties you want to modify.\n\nThe object is a combination of the i18n properties supported by\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker).",
|
|
465
487
|
"value": {
|
|
466
488
|
"type": [
|
|
467
489
|
"DateTimePickerI18n"
|
|
@@ -470,7 +492,7 @@
|
|
|
470
492
|
},
|
|
471
493
|
{
|
|
472
494
|
"name": "overlayClass",
|
|
473
|
-
"description": "A space-delimited list of CSS class names to set on the overlay elements\nof the internal components controlled by the `<vaadin-date-time-picker>`:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-
|
|
495
|
+
"description": "A space-delimited list of CSS class names to set on the overlay elements\nof the internal components controlled by the `<vaadin-date-time-picker>`:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
474
496
|
"value": {
|
|
475
497
|
"type": [
|
|
476
498
|
"string",
|
|
@@ -489,13 +511,13 @@
|
|
|
489
511
|
"name": "change",
|
|
490
512
|
"description": "Fired when the user commits a value change."
|
|
491
513
|
},
|
|
492
|
-
{
|
|
493
|
-
"name": "value-changed",
|
|
494
|
-
"description": "Fired when the `value` property changes."
|
|
495
|
-
},
|
|
496
514
|
{
|
|
497
515
|
"name": "invalid-changed",
|
|
498
516
|
"description": "Fired when the `invalid` property changes."
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "value-changed",
|
|
520
|
+
"description": "Fired when the `value` property changes."
|
|
499
521
|
}
|
|
500
522
|
]
|
|
501
523
|
}
|
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": "24.6.0-
|
|
4
|
+
"version": "24.6.0-alpha9",
|
|
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`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 | Part name\n--------------------|-------------------------------------------|------------\n`disabled` | Set when the element is disabled | :host\n`focused` | Set when the element is focused | :host\n`focus-ring` | Set when the element is keyboard focused | :host\n`readonly` | Set when the element is readonly | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n`has-value` | Set when the element has a value | :host\n`has-helper` | Set when the element has helper text | :host\n`has-error-message` | Set when the element has an error message | :host\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/24.6.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`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 | Part name\n--------------------|-------------------------------------------|------------\n`disabled` | Set when the element is disabled | :host\n`focused` | Set when the element is focused | :host\n`focus-ring` | Set when the element is keyboard focused | :host\n`readonly` | Set when the element is readonly | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n`has-value` | Set when the element has a value | :host\n`has-helper` | Set when the element has helper text | :host\n`has-error-message` | Set when the element has an error message | :host\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/24.6.0-alpha9/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker).\n\nNote: the `theme` attribute value set on `<vaadin-date-time-picker>` is\npropagated to these components.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -33,6 +33,13 @@
|
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
|
+
{
|
|
37
|
+
"name": "?manualValidation",
|
|
38
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
39
|
+
"value": {
|
|
40
|
+
"kind": "expression"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
36
43
|
{
|
|
37
44
|
"name": "?required",
|
|
38
45
|
"description": "Specifies that the user must fill in a value.",
|
|
@@ -161,14 +168,14 @@
|
|
|
161
168
|
},
|
|
162
169
|
{
|
|
163
170
|
"name": ".i18n",
|
|
164
|
-
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n`i18n` object or just the properties you want to modify.\n\nThe object is a combination of the i18n properties supported by\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-
|
|
171
|
+
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n`i18n` object or just the properties you want to modify.\n\nThe object is a combination of the i18n properties supported by\n[`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker).",
|
|
165
172
|
"value": {
|
|
166
173
|
"kind": "expression"
|
|
167
174
|
}
|
|
168
175
|
},
|
|
169
176
|
{
|
|
170
177
|
"name": ".overlayClass",
|
|
171
|
-
"description": "A space-delimited list of CSS class names to set on the overlay elements\nof the internal components controlled by the `<vaadin-date-time-picker>`:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-
|
|
178
|
+
"description": "A space-delimited list of CSS class names to set on the overlay elements\nof the internal components controlled by the `<vaadin-date-time-picker>`:\n\n- [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha9/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
172
179
|
"value": {
|
|
173
180
|
"kind": "expression"
|
|
174
181
|
}
|
|
@@ -188,15 +195,15 @@
|
|
|
188
195
|
}
|
|
189
196
|
},
|
|
190
197
|
{
|
|
191
|
-
"name": "@
|
|
192
|
-
"description": "Fired when the `
|
|
198
|
+
"name": "@invalid-changed",
|
|
199
|
+
"description": "Fired when the `invalid` property changes.",
|
|
193
200
|
"value": {
|
|
194
201
|
"kind": "expression"
|
|
195
202
|
}
|
|
196
203
|
},
|
|
197
204
|
{
|
|
198
|
-
"name": "@
|
|
199
|
-
"description": "Fired when the `
|
|
205
|
+
"name": "@value-changed",
|
|
206
|
+
"description": "Fired when the `value` property changes.",
|
|
200
207
|
"value": {
|
|
201
208
|
"kind": "expression"
|
|
202
209
|
}
|