@vaadin/date-time-picker 24.6.0-alpha3 → 24.6.0-alpha5
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 +12 -12
- package/src/vaadin-date-time-picker.js +32 -76
- package/web-types.json +5 -5
- package/web-types.lit.json +4 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/date-time-picker",
|
|
3
|
-
"version": "24.6.0-
|
|
3
|
+
"version": "24.6.0-alpha5",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,18 +36,18 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/a11y-base": "24.6.0-
|
|
40
|
-
"@vaadin/component-base": "24.6.0-
|
|
41
|
-
"@vaadin/custom-field": "24.6.0-
|
|
42
|
-
"@vaadin/date-picker": "24.6.0-
|
|
43
|
-
"@vaadin/field-base": "24.6.0-
|
|
44
|
-
"@vaadin/time-picker": "24.6.0-
|
|
45
|
-
"@vaadin/vaadin-lumo-styles": "24.6.0-
|
|
46
|
-
"@vaadin/vaadin-material-styles": "24.6.0-
|
|
47
|
-
"@vaadin/vaadin-themable-mixin": "24.6.0-
|
|
39
|
+
"@vaadin/a11y-base": "24.6.0-alpha5",
|
|
40
|
+
"@vaadin/component-base": "24.6.0-alpha5",
|
|
41
|
+
"@vaadin/custom-field": "24.6.0-alpha5",
|
|
42
|
+
"@vaadin/date-picker": "24.6.0-alpha5",
|
|
43
|
+
"@vaadin/field-base": "24.6.0-alpha5",
|
|
44
|
+
"@vaadin/time-picker": "24.6.0-alpha5",
|
|
45
|
+
"@vaadin/vaadin-lumo-styles": "24.6.0-alpha5",
|
|
46
|
+
"@vaadin/vaadin-material-styles": "24.6.0-alpha5",
|
|
47
|
+
"@vaadin/vaadin-themable-mixin": "24.6.0-alpha5"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@vaadin/chai-plugins": "24.6.0-
|
|
50
|
+
"@vaadin/chai-plugins": "24.6.0-alpha5",
|
|
51
51
|
"@vaadin/testing-helpers": "^1.0.0",
|
|
52
52
|
"sinon": "^18.0.0"
|
|
53
53
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "cbfa46fe276f254dcaa99a622710d56df7f0a539"
|
|
59
59
|
}
|
|
@@ -11,10 +11,16 @@ import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
|
11
11
|
import { SlotController } from '@vaadin/component-base/src/slot-controller.js';
|
|
12
12
|
import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
|
|
13
13
|
import { DatePicker } from '@vaadin/date-picker/src/vaadin-date-picker.js';
|
|
14
|
-
import {
|
|
14
|
+
import {
|
|
15
|
+
dateEquals,
|
|
16
|
+
formatUTCISODate,
|
|
17
|
+
normalizeUTCDate,
|
|
18
|
+
parseUTCDate,
|
|
19
|
+
} from '@vaadin/date-picker/src/vaadin-date-picker-helper.js';
|
|
15
20
|
import { FieldMixin } from '@vaadin/field-base/src/field-mixin.js';
|
|
16
21
|
import { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';
|
|
17
22
|
import { TimePicker } from '@vaadin/time-picker/src/vaadin-time-picker.js';
|
|
23
|
+
import { formatISOTime, parseISOTime, validateTime } from '@vaadin/time-picker/src/vaadin-time-picker-helper.js';
|
|
18
24
|
import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
19
25
|
|
|
20
26
|
registerStyles('vaadin-date-time-picker', inputFieldShared, { moduleId: 'vaadin-date-time-picker' });
|
|
@@ -621,16 +627,16 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
621
627
|
__updateTimePickerMinMax() {
|
|
622
628
|
if (this.__timePicker && this.__datePicker) {
|
|
623
629
|
const selectedDate = this.__parseDate(this.__datePicker.value);
|
|
624
|
-
const isMinMaxSameDay = dateEquals(this.__minDateTime, this.__maxDateTime);
|
|
630
|
+
const isMinMaxSameDay = dateEquals(this.__minDateTime, this.__maxDateTime, normalizeUTCDate);
|
|
625
631
|
const oldTimeValue = this.__timePicker.value;
|
|
626
632
|
|
|
627
|
-
if ((this.__minDateTime && dateEquals(selectedDate, this.__minDateTime)) || isMinMaxSameDay) {
|
|
633
|
+
if ((this.__minDateTime && dateEquals(selectedDate, this.__minDateTime, normalizeUTCDate)) || isMinMaxSameDay) {
|
|
628
634
|
this.__timePicker.min = this.__dateToIsoTimeString(this.__minDateTime);
|
|
629
635
|
} else {
|
|
630
636
|
this.__timePicker.min = this.__defaultTimeMinValue;
|
|
631
637
|
}
|
|
632
638
|
|
|
633
|
-
if ((this.__maxDateTime && dateEquals(selectedDate, this.__maxDateTime)) || isMinMaxSameDay) {
|
|
639
|
+
if ((this.__maxDateTime && dateEquals(selectedDate, this.__maxDateTime, normalizeUTCDate)) || isMinMaxSameDay) {
|
|
634
640
|
this.__timePicker.max = this.__dateToIsoTimeString(this.__maxDateTime);
|
|
635
641
|
} else {
|
|
636
642
|
this.__timePicker.max = this.__defaultTimeMaxValue;
|
|
@@ -756,7 +762,7 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
756
762
|
* @private
|
|
757
763
|
*/
|
|
758
764
|
__parseDate(str) {
|
|
759
|
-
return
|
|
765
|
+
return parseUTCDate(str);
|
|
760
766
|
}
|
|
761
767
|
|
|
762
768
|
/**
|
|
@@ -770,27 +776,7 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
770
776
|
if (!date) {
|
|
771
777
|
return defaultValue;
|
|
772
778
|
}
|
|
773
|
-
return
|
|
774
|
-
}
|
|
775
|
-
|
|
776
|
-
/**
|
|
777
|
-
* Custom time object to string (ISO time)
|
|
778
|
-
* @param {!TimePickerTime} time Time components as properties { hours, minutes, seconds, milliseconds }
|
|
779
|
-
* @return {string} e.g. 'hh:mm', 'hh:mm:ss', 'hh:mm:ss.fff'
|
|
780
|
-
* @private
|
|
781
|
-
*/
|
|
782
|
-
__formatTimeISO(time) {
|
|
783
|
-
return timePickerI18nDefaults.formatTime(time);
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
/**
|
|
787
|
-
* String (ISO time) to custom time object
|
|
788
|
-
* @param {string} str e.g. 'hh:mm', 'hh:mm:ss', 'hh:mm:ss.fff'
|
|
789
|
-
* @return {!TimePickerTime | undefined} Time components as properties { hours, minutes, seconds, milliseconds }
|
|
790
|
-
* @private
|
|
791
|
-
*/
|
|
792
|
-
__parseTimeISO(str) {
|
|
793
|
-
return timePickerI18nDefaults.parseTime(str);
|
|
779
|
+
return formatUTCISODate(date);
|
|
794
780
|
}
|
|
795
781
|
|
|
796
782
|
/**
|
|
@@ -812,15 +798,15 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
812
798
|
return;
|
|
813
799
|
}
|
|
814
800
|
|
|
815
|
-
const time =
|
|
801
|
+
const time = parseISOTime(timeValue);
|
|
816
802
|
if (!time) {
|
|
817
803
|
return;
|
|
818
804
|
}
|
|
819
805
|
|
|
820
|
-
date.
|
|
821
|
-
date.
|
|
822
|
-
date.
|
|
823
|
-
date.
|
|
806
|
+
date.setUTCHours(parseInt(time.hours));
|
|
807
|
+
date.setUTCMinutes(parseInt(time.minutes || 0));
|
|
808
|
+
date.setUTCSeconds(parseInt(time.seconds || 0));
|
|
809
|
+
date.setUTCMilliseconds(parseInt(time.milliseconds || 0));
|
|
824
810
|
|
|
825
811
|
return date;
|
|
826
812
|
}
|
|
@@ -848,30 +834,19 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
848
834
|
* @private
|
|
849
835
|
*/
|
|
850
836
|
__dateToIsoTimeString(date) {
|
|
851
|
-
return
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
837
|
+
return formatISOTime(
|
|
838
|
+
validateTime(
|
|
839
|
+
{
|
|
840
|
+
hours: date.getUTCHours(),
|
|
841
|
+
minutes: date.getUTCMinutes(),
|
|
842
|
+
seconds: date.getUTCSeconds(),
|
|
843
|
+
milliseconds: date.getUTCMilliseconds(),
|
|
844
|
+
},
|
|
845
|
+
this.step,
|
|
846
|
+
),
|
|
858
847
|
);
|
|
859
848
|
}
|
|
860
849
|
|
|
861
|
-
/**
|
|
862
|
-
* @param {!TimePickerTime} timeObject
|
|
863
|
-
* @return {!TimePickerTime}
|
|
864
|
-
* @private
|
|
865
|
-
*/
|
|
866
|
-
__validateTime(timeObject) {
|
|
867
|
-
if (timeObject) {
|
|
868
|
-
const stepSegment = this.__getStepSegment();
|
|
869
|
-
timeObject.seconds = stepSegment < 3 ? undefined : timeObject.seconds;
|
|
870
|
-
timeObject.milliseconds = stepSegment < 4 ? undefined : timeObject.milliseconds;
|
|
871
|
-
}
|
|
872
|
-
return timeObject;
|
|
873
|
-
}
|
|
874
|
-
|
|
875
850
|
/**
|
|
876
851
|
* Returns true if the current input value satisfies all constraints (if any)
|
|
877
852
|
*
|
|
@@ -884,25 +859,6 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
884
859
|
return !hasInvalidPickers && !hasEmptyRequiredPickers;
|
|
885
860
|
}
|
|
886
861
|
|
|
887
|
-
// Copied from vaadin-time-picker
|
|
888
|
-
/** @private */
|
|
889
|
-
__getStepSegment() {
|
|
890
|
-
const step = this.step == null ? 60 : parseFloat(this.step);
|
|
891
|
-
if (step % 3600 === 0) {
|
|
892
|
-
// Accept hours
|
|
893
|
-
return 1;
|
|
894
|
-
} else if (step % 60 === 0 || !step) {
|
|
895
|
-
// Accept minutes
|
|
896
|
-
return 2;
|
|
897
|
-
} else if (step % 1 === 0) {
|
|
898
|
-
// Accept seconds
|
|
899
|
-
return 3;
|
|
900
|
-
} else if (step < 1) {
|
|
901
|
-
// Accept milliseconds
|
|
902
|
-
return 4;
|
|
903
|
-
}
|
|
904
|
-
}
|
|
905
|
-
|
|
906
862
|
/**
|
|
907
863
|
* @param {Date} date1
|
|
908
864
|
* @param {Date} date2
|
|
@@ -910,14 +866,14 @@ class DateTimePicker extends FieldMixin(DisabledMixin(FocusMixin(ThemableMixin(E
|
|
|
910
866
|
* @private
|
|
911
867
|
*/
|
|
912
868
|
__dateTimeEquals(date1, date2) {
|
|
913
|
-
if (!dateEquals(date1, date2)) {
|
|
869
|
+
if (!dateEquals(date1, date2, normalizeUTCDate)) {
|
|
914
870
|
return false;
|
|
915
871
|
}
|
|
916
872
|
return (
|
|
917
|
-
date1.
|
|
918
|
-
date1.
|
|
919
|
-
date1.
|
|
920
|
-
date1.
|
|
873
|
+
date1.getUTCHours() === date2.getUTCHours() &&
|
|
874
|
+
date1.getUTCMinutes() === date2.getUTCMinutes() &&
|
|
875
|
+
date1.getUTCSeconds() === date2.getUTCSeconds() &&
|
|
876
|
+
date1.getUTCMilliseconds() === date2.getUTCMilliseconds()
|
|
921
877
|
);
|
|
922
878
|
}
|
|
923
879
|
|
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-alpha5",
|
|
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-alpha5/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/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",
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
},
|
|
225
225
|
{
|
|
226
226
|
"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-
|
|
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-alpha5/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
228
228
|
"value": {
|
|
229
229
|
"type": [
|
|
230
230
|
"string",
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
},
|
|
462
462
|
{
|
|
463
463
|
"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-
|
|
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-alpha5/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/elements/vaadin-time-picker).",
|
|
465
465
|
"value": {
|
|
466
466
|
"type": [
|
|
467
467
|
"DateTimePickerI18n"
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
},
|
|
471
471
|
{
|
|
472
472
|
"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-
|
|
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-alpha5/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
474
474
|
"value": {
|
|
475
475
|
"type": [
|
|
476
476
|
"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.6.0-
|
|
4
|
+
"version": "24.6.0-alpha5",
|
|
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-alpha5/#/elements/vaadin-date-picker).\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/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
|
{
|
|
@@ -161,14 +161,14 @@
|
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
163
|
"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-
|
|
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-alpha5/#/elements/vaadin-date-picker) and\n[`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/elements/vaadin-time-picker).",
|
|
165
165
|
"value": {
|
|
166
166
|
"kind": "expression"
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
"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-
|
|
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-alpha5/#/elements/vaadin-date-picker#property-overlayClass)\n- [`<vaadin-time-picker>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha5/#/elements/vaadin-time-picker#property-overlayClass)",
|
|
172
172
|
"value": {
|
|
173
173
|
"kind": "expression"
|
|
174
174
|
}
|