@vaadin/date-time-picker 24.9.0-alpha2 → 24.9.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/date-time-picker",
|
|
3
|
-
"version": "24.9.0-
|
|
3
|
+
"version": "24.9.0-beta2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,20 +37,20 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
39
|
"@polymer/polymer": "^3.0.0",
|
|
40
|
-
"@vaadin/a11y-base": "24.9.0-
|
|
41
|
-
"@vaadin/component-base": "24.9.0-
|
|
42
|
-
"@vaadin/custom-field": "24.9.0-
|
|
43
|
-
"@vaadin/date-picker": "24.9.0-
|
|
44
|
-
"@vaadin/field-base": "24.9.0-
|
|
45
|
-
"@vaadin/time-picker": "24.9.0-
|
|
46
|
-
"@vaadin/vaadin-lumo-styles": "24.9.0-
|
|
47
|
-
"@vaadin/vaadin-material-styles": "24.9.0-
|
|
48
|
-
"@vaadin/vaadin-themable-mixin": "24.9.0-
|
|
40
|
+
"@vaadin/a11y-base": "24.9.0-beta2",
|
|
41
|
+
"@vaadin/component-base": "24.9.0-beta2",
|
|
42
|
+
"@vaadin/custom-field": "24.9.0-beta2",
|
|
43
|
+
"@vaadin/date-picker": "24.9.0-beta2",
|
|
44
|
+
"@vaadin/field-base": "24.9.0-beta2",
|
|
45
|
+
"@vaadin/time-picker": "24.9.0-beta2",
|
|
46
|
+
"@vaadin/vaadin-lumo-styles": "24.9.0-beta2",
|
|
47
|
+
"@vaadin/vaadin-material-styles": "24.9.0-beta2",
|
|
48
|
+
"@vaadin/vaadin-themable-mixin": "24.9.0-beta2",
|
|
49
49
|
"lit": "^3.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@vaadin/chai-plugins": "24.9.0-
|
|
53
|
-
"@vaadin/test-runner-commands": "24.9.0-
|
|
52
|
+
"@vaadin/chai-plugins": "24.9.0-beta2",
|
|
53
|
+
"@vaadin/test-runner-commands": "24.9.0-beta2",
|
|
54
54
|
"@vaadin/testing-helpers": "^1.1.0",
|
|
55
55
|
"sinon": "^18.0.0"
|
|
56
56
|
},
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"web-types.json",
|
|
59
59
|
"web-types.lit.json"
|
|
60
60
|
],
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "cf8def153fcf724b305f9ad823dc9af27e31ad07"
|
|
62
62
|
}
|
|
@@ -386,9 +386,14 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
386
386
|
document.removeEventListener('click', this.__onGlobalClick, true);
|
|
387
387
|
}
|
|
388
388
|
|
|
389
|
-
|
|
389
|
+
/**
|
|
390
|
+
* @param {FocusOptions=} options
|
|
391
|
+
* @protected
|
|
392
|
+
* @override
|
|
393
|
+
*/
|
|
394
|
+
focus(options) {
|
|
390
395
|
if (this.__datePicker) {
|
|
391
|
-
this.__datePicker.focus();
|
|
396
|
+
this.__datePicker.focus(options);
|
|
392
397
|
}
|
|
393
398
|
}
|
|
394
399
|
|
|
@@ -69,17 +69,18 @@ export interface DateTimePickerEventMap extends DateTimePickerCustomEventMap, HT
|
|
|
69
69
|
*
|
|
70
70
|
* The following state attributes are available for styling:
|
|
71
71
|
*
|
|
72
|
-
* Attribute | Description
|
|
73
|
-
*
|
|
74
|
-
* `disabled` | Set when the element is disabled
|
|
75
|
-
* `focused` | Set when the element is focused
|
|
76
|
-
* `focus-ring` | Set when the element is keyboard focused
|
|
77
|
-
* `readonly` | Set when the element is readonly
|
|
78
|
-
* `invalid` | Set when the element is invalid
|
|
79
|
-
* `has-label` | Set when the element has a label
|
|
80
|
-
* `has-value` | Set when the element has a value
|
|
81
|
-
* `has-helper` | Set when the element has helper text
|
|
82
|
-
* `has-error-message` | Set when the element has an error message
|
|
72
|
+
* Attribute | Description
|
|
73
|
+
* --------------------|---------------------------------
|
|
74
|
+
* `disabled` | Set when the element is disabled
|
|
75
|
+
* `focused` | Set when the element is focused
|
|
76
|
+
* `focus-ring` | Set when the element is keyboard focused
|
|
77
|
+
* `readonly` | Set when the element is readonly
|
|
78
|
+
* `invalid` | Set when the element is invalid
|
|
79
|
+
* `has-label` | Set when the element has a label
|
|
80
|
+
* `has-value` | Set when the element has a value
|
|
81
|
+
* `has-helper` | Set when the element has helper text
|
|
82
|
+
* `has-error-message` | Set when the element has an error message
|
|
83
|
+
* `has-tooltip` | Set when the element has a slotted tooltip
|
|
83
84
|
*
|
|
84
85
|
* ### Internal components
|
|
85
86
|
*
|
|
@@ -40,17 +40,18 @@ registerStyles('vaadin-date-time-picker', inputFieldShared, { moduleId: 'vaadin-
|
|
|
40
40
|
*
|
|
41
41
|
* The following state attributes are available for styling:
|
|
42
42
|
*
|
|
43
|
-
* Attribute | Description
|
|
44
|
-
*
|
|
45
|
-
* `disabled` | Set when the element is disabled
|
|
46
|
-
* `focused` | Set when the element is focused
|
|
47
|
-
* `focus-ring` | Set when the element is keyboard focused
|
|
48
|
-
* `readonly` | Set when the element is readonly
|
|
49
|
-
* `invalid` | Set when the element is invalid
|
|
50
|
-
* `has-label` | Set when the element has a label
|
|
51
|
-
* `has-value` | Set when the element has a value
|
|
52
|
-
* `has-helper` | Set when the element has helper text
|
|
53
|
-
* `has-error-message` | Set when the element has an error message
|
|
43
|
+
* Attribute | Description
|
|
44
|
+
* --------------------|---------------------------------
|
|
45
|
+
* `disabled` | Set when the element is disabled
|
|
46
|
+
* `focused` | Set when the element is focused
|
|
47
|
+
* `focus-ring` | Set when the element is keyboard focused
|
|
48
|
+
* `readonly` | Set when the element is readonly
|
|
49
|
+
* `invalid` | Set when the element is invalid
|
|
50
|
+
* `has-label` | Set when the element has a label
|
|
51
|
+
* `has-value` | Set when the element has a value
|
|
52
|
+
* `has-helper` | Set when the element has helper text
|
|
53
|
+
* `has-error-message` | Set when the element has an error message
|
|
54
|
+
* `has-tooltip` | Set when the element has a slotted tooltip
|
|
54
55
|
*
|
|
55
56
|
* ### Internal components
|
|
56
57
|
*
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/date-time-picker",
|
|
4
|
-
"version": "24.9.0-
|
|
4
|
+
"version": "24.9.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`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
|
|
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\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\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.9.0-beta2/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/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.\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",
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
},
|
|
236
236
|
{
|
|
237
237
|
"name": "overlay-class",
|
|
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.9.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.9.0-beta2/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
239
239
|
"value": {
|
|
240
240
|
"type": [
|
|
241
241
|
"string",
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
},
|
|
484
484
|
{
|
|
485
485
|
"name": "i18n",
|
|
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.9.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.9.0-beta2/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/elements/vaadin-time-picker).",
|
|
487
487
|
"value": {
|
|
488
488
|
"type": [
|
|
489
489
|
"DateTimePickerI18n"
|
|
@@ -492,7 +492,7 @@
|
|
|
492
492
|
},
|
|
493
493
|
{
|
|
494
494
|
"name": "overlayClass",
|
|
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.9.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.9.0-beta2/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
496
496
|
"value": {
|
|
497
497
|
"type": [
|
|
498
498
|
"string",
|
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.9.0-
|
|
4
|
+
"version": "24.9.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`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
|
|
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\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\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.9.0-beta2/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/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.\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
|
{
|
|
@@ -168,14 +168,14 @@
|
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
"name": ".i18n",
|
|
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.9.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.9.0-beta2/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/elements/vaadin-time-picker).",
|
|
172
172
|
"value": {
|
|
173
173
|
"kind": "expression"
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
177
|
"name": ".overlayClass",
|
|
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.9.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.9.0-beta2/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.9.0-beta2/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
179
179
|
"value": {
|
|
180
180
|
"kind": "expression"
|
|
181
181
|
}
|