@vaadin/date-time-picker 23.3.28 → 23.3.29
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 +10 -10
- package/src/vaadin-date-time-picker.js +30 -40
- package/web-types.json +3 -3
- package/web-types.lit.json +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/date-time-picker",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.29",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/component-base": "~23.3.
|
|
40
|
-
"@vaadin/custom-field": "~23.3.
|
|
41
|
-
"@vaadin/date-picker": "~23.3.
|
|
42
|
-
"@vaadin/field-base": "~23.3.
|
|
43
|
-
"@vaadin/time-picker": "~23.3.
|
|
44
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
45
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
46
|
-
"@vaadin/vaadin-themable-mixin": "~23.3.
|
|
39
|
+
"@vaadin/component-base": "~23.3.29",
|
|
40
|
+
"@vaadin/custom-field": "~23.3.29",
|
|
41
|
+
"@vaadin/date-picker": "~23.3.29",
|
|
42
|
+
"@vaadin/field-base": "~23.3.29",
|
|
43
|
+
"@vaadin/time-picker": "~23.3.29",
|
|
44
|
+
"@vaadin/vaadin-lumo-styles": "~23.3.29",
|
|
45
|
+
"@vaadin/vaadin-material-styles": "~23.3.29",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "~23.3.29"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "5e34a34170af02e934a759c9e2f4b100202504c7"
|
|
58
58
|
}
|
|
@@ -364,12 +364,12 @@ class DateTimePicker extends FieldMixin(
|
|
|
364
364
|
'__stepChanged(step)',
|
|
365
365
|
'__initialPositionChanged(initialPosition)',
|
|
366
366
|
'__showWeekNumbersChanged(showWeekNumbers)',
|
|
367
|
-
'__requiredChanged(required)',
|
|
368
|
-
'__invalidChanged(invalid)',
|
|
369
|
-
'__disabledChanged(disabled)',
|
|
370
|
-
'__readonlyChanged(readonly)',
|
|
367
|
+
'__requiredChanged(required, __datePicker, __timePicker)',
|
|
368
|
+
'__invalidChanged(invalid, __datePicker, __timePicker)',
|
|
369
|
+
'__disabledChanged(disabled, __datePicker, __timePicker)',
|
|
370
|
+
'__readonlyChanged(readonly, __datePicker, __timePicker)',
|
|
371
371
|
'__i18nChanged(i18n.*)',
|
|
372
|
-
'__autoOpenDisabledChanged(autoOpenDisabled)',
|
|
372
|
+
'__autoOpenDisabledChanged(autoOpenDisabled, __datePicker, __timePicker)',
|
|
373
373
|
'__themeChanged(_theme, __datePicker, __timePicker)',
|
|
374
374
|
'__pickersChanged(__datePicker, __timePicker)',
|
|
375
375
|
];
|
|
@@ -541,7 +541,6 @@ class DateTimePicker extends FieldMixin(
|
|
|
541
541
|
if (newDatePicker.__defaultPicker) {
|
|
542
542
|
// Synchronize properties to default date picker
|
|
543
543
|
newDatePicker.placeholder = this.datePlaceholder;
|
|
544
|
-
newDatePicker.invalid = this.invalid;
|
|
545
544
|
newDatePicker.initialPosition = this.initialPosition;
|
|
546
545
|
newDatePicker.showWeekNumbers = this.showWeekNumbers;
|
|
547
546
|
this.__syncI18n(newDatePicker, this, datePickerI18nProps);
|
|
@@ -557,10 +556,6 @@ class DateTimePicker extends FieldMixin(
|
|
|
557
556
|
// min and max need to be dynamically set depending on currently selected date instead of simple propagation
|
|
558
557
|
newDatePicker.min = this.__formatDateISO(this.__minDateTime, this.__defaultDateMinMaxValue);
|
|
559
558
|
newDatePicker.max = this.__formatDateISO(this.__maxDateTime, this.__defaultDateMinMaxValue);
|
|
560
|
-
newDatePicker.required = this.required;
|
|
561
|
-
newDatePicker.disabled = this.disabled;
|
|
562
|
-
newDatePicker.readonly = this.readonly;
|
|
563
|
-
newDatePicker.autoOpenDisabled = this.autoOpenDisabled;
|
|
564
559
|
|
|
565
560
|
// Disable default internal validation for the component
|
|
566
561
|
newDatePicker.validate = () => {};
|
|
@@ -584,7 +579,6 @@ class DateTimePicker extends FieldMixin(
|
|
|
584
579
|
// Synchronize properties to default time picker
|
|
585
580
|
newTimePicker.placeholder = this.timePlaceholder;
|
|
586
581
|
newTimePicker.step = this.step;
|
|
587
|
-
newTimePicker.invalid = this.invalid;
|
|
588
582
|
this.__syncI18n(newTimePicker, this, timePickerI18nProps);
|
|
589
583
|
} else {
|
|
590
584
|
// Synchronize properties from slotted time picker
|
|
@@ -596,10 +590,6 @@ class DateTimePicker extends FieldMixin(
|
|
|
596
590
|
// Min and max are always synchronized from parent to slotted because time picker min and max
|
|
597
591
|
// need to be dynamically set depending on currently selected date instead of simple propagation
|
|
598
592
|
this.__updateTimePickerMinMax();
|
|
599
|
-
newTimePicker.required = this.required;
|
|
600
|
-
newTimePicker.disabled = this.disabled;
|
|
601
|
-
newTimePicker.readonly = this.readonly;
|
|
602
|
-
newTimePicker.autoOpenDisabled = this.autoOpenDisabled;
|
|
603
593
|
|
|
604
594
|
// Disable default internal validation for the component
|
|
605
595
|
newTimePicker.validate = () => {};
|
|
@@ -679,42 +669,42 @@ class DateTimePicker extends FieldMixin(
|
|
|
679
669
|
}
|
|
680
670
|
|
|
681
671
|
/** @private */
|
|
682
|
-
__invalidChanged(invalid) {
|
|
683
|
-
if (
|
|
684
|
-
|
|
672
|
+
__invalidChanged(invalid, datePicker, timePicker) {
|
|
673
|
+
if (datePicker) {
|
|
674
|
+
datePicker.invalid = invalid;
|
|
685
675
|
}
|
|
686
|
-
if (
|
|
687
|
-
|
|
676
|
+
if (timePicker) {
|
|
677
|
+
timePicker.invalid = invalid;
|
|
688
678
|
}
|
|
689
679
|
}
|
|
690
680
|
|
|
691
681
|
/** @private */
|
|
692
|
-
__requiredChanged(required) {
|
|
693
|
-
if (
|
|
694
|
-
|
|
682
|
+
__requiredChanged(required, datePicker, timePicker) {
|
|
683
|
+
if (datePicker) {
|
|
684
|
+
datePicker.required = required;
|
|
695
685
|
}
|
|
696
|
-
if (
|
|
697
|
-
|
|
686
|
+
if (timePicker) {
|
|
687
|
+
timePicker.required = required;
|
|
698
688
|
}
|
|
699
689
|
}
|
|
700
690
|
|
|
701
691
|
/** @private */
|
|
702
|
-
__disabledChanged(disabled) {
|
|
703
|
-
if (
|
|
704
|
-
|
|
692
|
+
__disabledChanged(disabled, datePicker, timePicker) {
|
|
693
|
+
if (datePicker) {
|
|
694
|
+
datePicker.disabled = disabled;
|
|
705
695
|
}
|
|
706
|
-
if (
|
|
707
|
-
|
|
696
|
+
if (timePicker) {
|
|
697
|
+
timePicker.disabled = disabled;
|
|
708
698
|
}
|
|
709
699
|
}
|
|
710
700
|
|
|
711
701
|
/** @private */
|
|
712
|
-
__readonlyChanged(readonly) {
|
|
713
|
-
if (
|
|
714
|
-
|
|
702
|
+
__readonlyChanged(readonly, datePicker, timePicker) {
|
|
703
|
+
if (datePicker) {
|
|
704
|
+
datePicker.readonly = readonly;
|
|
715
705
|
}
|
|
716
|
-
if (
|
|
717
|
-
|
|
706
|
+
if (timePicker) {
|
|
707
|
+
timePicker.readonly = readonly;
|
|
718
708
|
}
|
|
719
709
|
}
|
|
720
710
|
|
|
@@ -1020,12 +1010,12 @@ class DateTimePicker extends FieldMixin(
|
|
|
1020
1010
|
}
|
|
1021
1011
|
|
|
1022
1012
|
/** @private */
|
|
1023
|
-
__autoOpenDisabledChanged(autoOpenDisabled) {
|
|
1024
|
-
if (
|
|
1025
|
-
|
|
1013
|
+
__autoOpenDisabledChanged(autoOpenDisabled, datePicker, timePicker) {
|
|
1014
|
+
if (datePicker) {
|
|
1015
|
+
datePicker.autoOpenDisabled = autoOpenDisabled;
|
|
1026
1016
|
}
|
|
1027
|
-
if (
|
|
1028
|
-
|
|
1017
|
+
if (timePicker) {
|
|
1018
|
+
timePicker.autoOpenDisabled = autoOpenDisabled;
|
|
1029
1019
|
}
|
|
1030
1020
|
}
|
|
1031
1021
|
|
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": "23.3.
|
|
4
|
+
"version": "23.3.29",
|
|
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\nIn addition to `<vaadin-date-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-date-time-picker-date-picker>` - has the same API as [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.
|
|
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\nIn addition to `<vaadin-date-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-date-time-picker-date-picker>` - has the same API as [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.29/#/elements/vaadin-date-picker).\n- `<vaadin-date-time-picker-time-picker>` - has the same API as [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.29/#/elements/vaadin-time-picker).\n\nNote: the `theme` attribute value set on `<vaadin-date-time-picker>` is\npropagated to the internal components listed above.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -406,7 +406,7 @@
|
|
|
406
406
|
},
|
|
407
407
|
{
|
|
408
408
|
"name": "i18n",
|
|
409
|
-
"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/23.3.
|
|
409
|
+
"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/23.3.29/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.29/#/elements/vaadin-time-picker).",
|
|
410
410
|
"value": {
|
|
411
411
|
"type": [
|
|
412
412
|
"DateTimePickerI18n"
|
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": "23.3.
|
|
4
|
+
"version": "23.3.29",
|
|
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\nIn addition to `<vaadin-date-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-date-time-picker-date-picker>` - has the same API as [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.
|
|
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\nIn addition to `<vaadin-date-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-date-time-picker-date-picker>` - has the same API as [`<vaadin-date-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.29/#/elements/vaadin-date-picker).\n- `<vaadin-date-time-picker-time-picker>` - has the same API as [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.29/#/elements/vaadin-time-picker).\n\nNote: the `theme` attribute value set on `<vaadin-date-time-picker>` is\npropagated to the internal components listed above.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
149
|
"name": ".i18n",
|
|
150
|
-
"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/23.3.
|
|
150
|
+
"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/23.3.29/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/23.3.29/#/elements/vaadin-time-picker).",
|
|
151
151
|
"value": {
|
|
152
152
|
"kind": "expression"
|
|
153
153
|
}
|