@vaadin/date-time-picker 25.0.0-alpha11 → 25.0.0-alpha13
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": "25.0.0-
|
|
3
|
+
"version": "25.0.0-alpha13",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -34,25 +34,25 @@
|
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/a11y-base": "25.0.0-
|
|
38
|
-
"@vaadin/component-base": "25.0.0-
|
|
39
|
-
"@vaadin/custom-field": "25.0.0-
|
|
40
|
-
"@vaadin/date-picker": "25.0.0-
|
|
41
|
-
"@vaadin/field-base": "25.0.0-
|
|
42
|
-
"@vaadin/time-picker": "25.0.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.0.0-
|
|
37
|
+
"@vaadin/a11y-base": "25.0.0-alpha13",
|
|
38
|
+
"@vaadin/component-base": "25.0.0-alpha13",
|
|
39
|
+
"@vaadin/custom-field": "25.0.0-alpha13",
|
|
40
|
+
"@vaadin/date-picker": "25.0.0-alpha13",
|
|
41
|
+
"@vaadin/field-base": "25.0.0-alpha13",
|
|
42
|
+
"@vaadin/time-picker": "25.0.0-alpha13",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.0.0-alpha13",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/chai-plugins": "25.0.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.0.0-
|
|
47
|
+
"@vaadin/chai-plugins": "25.0.0-alpha13",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.0.0-alpha13",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.0.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.0.0-alpha13",
|
|
51
51
|
"sinon": "^18.0.0"
|
|
52
52
|
},
|
|
53
53
|
"web-types": [
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "182de596226343392135468f021bbce9e6402011"
|
|
58
58
|
}
|
|
@@ -8,15 +8,12 @@ import { css } from 'lit';
|
|
|
8
8
|
|
|
9
9
|
export const dateTimePickerStyles = css`
|
|
10
10
|
.vaadin-date-time-picker-container {
|
|
11
|
-
width: calc(
|
|
12
|
-
var(--vaadin-field-default-width, 12em) * 2 +
|
|
13
|
-
var(--vaadin-date-time-picker-gap, var(--vaadin-gap-container-inline))
|
|
14
|
-
);
|
|
11
|
+
width: calc(var(--vaadin-field-default-width, 12em) * 2 + var(--vaadin-date-time-picker-gap, var(--vaadin-gap-s)));
|
|
15
12
|
}
|
|
16
13
|
|
|
17
14
|
.slots {
|
|
18
15
|
display: flex;
|
|
19
|
-
gap: var(--vaadin-date-time-picker-gap, var(--vaadin-gap-
|
|
16
|
+
gap: var(--vaadin-date-time-picker-gap, var(--vaadin-gap-s));
|
|
20
17
|
}
|
|
21
18
|
|
|
22
19
|
.slots ::slotted([slot='date-picker']) {
|
|
@@ -151,15 +151,4 @@ export declare class DateTimePickerMixinClass {
|
|
|
151
151
|
* [`<vaadin-time-picker>`](#/elements/vaadin-time-picker).
|
|
152
152
|
*/
|
|
153
153
|
i18n: DateTimePickerI18n;
|
|
154
|
-
|
|
155
|
-
/**
|
|
156
|
-
* A space-delimited list of CSS class names to set on the overlay elements
|
|
157
|
-
* of the internal components controlled by the `<vaadin-date-time-picker>`:
|
|
158
|
-
*
|
|
159
|
-
* - [`<vaadin-date-picker>`](#/elements/vaadin-date-picker#property-overlayClass)
|
|
160
|
-
* - [`<vaadin-time-picker>`](#/elements/vaadin-time-picker#property-overlayClass)
|
|
161
|
-
*
|
|
162
|
-
* @attr {string} overlay-class
|
|
163
|
-
*/
|
|
164
|
-
overlayClass: string;
|
|
165
154
|
}
|
|
@@ -240,19 +240,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
240
240
|
value: () => ({ ...datePickerI18nDefaults, ...timePickerI18nDefaults }),
|
|
241
241
|
},
|
|
242
242
|
|
|
243
|
-
/**
|
|
244
|
-
* A space-delimited list of CSS class names to set on the overlay elements
|
|
245
|
-
* of the internal components controlled by the `<vaadin-date-time-picker>`:
|
|
246
|
-
*
|
|
247
|
-
* - [`<vaadin-date-picker>`](#/elements/vaadin-date-picker#property-overlayClass)
|
|
248
|
-
* - [`<vaadin-time-picker>`](#/elements/vaadin-time-picker#property-overlayClass)
|
|
249
|
-
*
|
|
250
|
-
* @attr {string} overlay-class
|
|
251
|
-
*/
|
|
252
|
-
overlayClass: {
|
|
253
|
-
type: String,
|
|
254
|
-
},
|
|
255
|
-
|
|
256
243
|
/**
|
|
257
244
|
* The current slotted date picker.
|
|
258
245
|
* @private
|
|
@@ -290,7 +277,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
290
277
|
'__i18nChanged(i18n, __datePicker, __timePicker)',
|
|
291
278
|
'__autoOpenDisabledChanged(autoOpenDisabled, __datePicker, __timePicker)',
|
|
292
279
|
'__themeChanged(_theme, __datePicker, __timePicker)',
|
|
293
|
-
'__overlayClassChanged(overlayClass, __datePicker, __timePicker)',
|
|
294
280
|
'__pickersChanged(__datePicker, __timePicker)',
|
|
295
281
|
'__labelOrAccessibleNameChanged(label, accessibleName, i18n, __datePicker, __timePicker)',
|
|
296
282
|
];
|
|
@@ -972,17 +958,6 @@ export const DateTimePickerMixin = (superClass) =>
|
|
|
972
958
|
});
|
|
973
959
|
}
|
|
974
960
|
|
|
975
|
-
/** @private */
|
|
976
|
-
__overlayClassChanged(overlayClass, datePicker, timePicker) {
|
|
977
|
-
if (!datePicker || !timePicker) {
|
|
978
|
-
// Both pickers are not ready yet
|
|
979
|
-
return;
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
datePicker.overlayClass = overlayClass;
|
|
983
|
-
timePicker.overlayClass = overlayClass;
|
|
984
|
-
}
|
|
985
|
-
|
|
986
961
|
/** @private */
|
|
987
962
|
__pickersChanged(datePicker, timePicker) {
|
|
988
963
|
if (!datePicker || !timePicker) {
|
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.0.0-
|
|
4
|
+
"version": "25.0.0-alpha13",
|
|
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/25.0.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/25.0.0-alpha13/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha13/#/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",
|
|
@@ -233,17 +233,6 @@
|
|
|
233
233
|
]
|
|
234
234
|
}
|
|
235
235
|
},
|
|
236
|
-
{
|
|
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/25.0.0-alpha11/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha11/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
239
|
-
"value": {
|
|
240
|
-
"type": [
|
|
241
|
-
"string",
|
|
242
|
-
"null",
|
|
243
|
-
"undefined"
|
|
244
|
-
]
|
|
245
|
-
}
|
|
246
|
-
},
|
|
247
236
|
{
|
|
248
237
|
"name": "theme",
|
|
249
238
|
"description": "The theme variants to apply to the component.",
|
|
@@ -483,23 +472,12 @@
|
|
|
483
472
|
},
|
|
484
473
|
{
|
|
485
474
|
"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/25.0.0-
|
|
475
|
+
"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/25.0.0-alpha13/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha13/#/elements/vaadin-time-picker).",
|
|
487
476
|
"value": {
|
|
488
477
|
"type": [
|
|
489
478
|
"DateTimePickerI18n"
|
|
490
479
|
]
|
|
491
480
|
}
|
|
492
|
-
},
|
|
493
|
-
{
|
|
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/25.0.0-alpha11/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha11/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
496
|
-
"value": {
|
|
497
|
-
"type": [
|
|
498
|
-
"string",
|
|
499
|
-
"null",
|
|
500
|
-
"undefined"
|
|
501
|
-
]
|
|
502
|
-
}
|
|
503
481
|
}
|
|
504
482
|
],
|
|
505
483
|
"events": [
|
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.0.0-
|
|
4
|
+
"version": "25.0.0-alpha13",
|
|
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/25.0.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/25.0.0-alpha13/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha13/#/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
|
{
|
|
@@ -168,14 +168,7 @@
|
|
|
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/25.0.0-
|
|
172
|
-
"value": {
|
|
173
|
-
"kind": "expression"
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
|
-
{
|
|
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/25.0.0-alpha11/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha11/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
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/25.0.0-alpha13/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha13/#/elements/vaadin-time-picker).",
|
|
179
172
|
"value": {
|
|
180
173
|
"kind": "expression"
|
|
181
174
|
}
|