@vaadin/date-time-picker 22.0.2 → 23.0.0-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/date-time-picker",
-  "version": "22.0.2",
+  "version": "23.0.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -18,6 +18,7 @@
   },
   "main": "vaadin-date-time-picker.js",
   "module": "vaadin-date-time-picker.js",
+  "type": "module",
   "files": [
     "src",
     "theme",
@@ -33,19 +34,19 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^22.0.2",
-    "@vaadin/custom-field": "^22.0.2",
-    "@vaadin/date-picker": "^22.0.2",
-    "@vaadin/field-base": "^22.0.2",
-    "@vaadin/time-picker": "^22.0.2",
-    "@vaadin/vaadin-lumo-styles": "^22.0.2",
-    "@vaadin/vaadin-material-styles": "^22.0.2",
-    "@vaadin/vaadin-themable-mixin": "^22.0.2"
+    "@vaadin/component-base": "23.0.0-alpha4",
+    "@vaadin/custom-field": "23.0.0-alpha4",
+    "@vaadin/date-picker": "23.0.0-alpha4",
+    "@vaadin/field-base": "23.0.0-alpha4",
+    "@vaadin/time-picker": "23.0.0-alpha4",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha4",
+    "@vaadin/vaadin-material-styles": "23.0.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha4"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "df21370c4a655a38eac11f79686021ab3b0887ad"
+  "gitHead": "81e2deee5147bb7c1f4884760f4598613306f1fb"
 }

package/src/vaadin-date-time-picker-date-picker.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2019 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { DatePicker } from '@vaadin/date-picker/src/vaadin-date-picker.js';

package/src/vaadin-date-time-picker-time-picker.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2019 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { TimePicker } from '@vaadin/time-picker/src/vaadin-time-picker.js';

package/src/vaadin-date-time-picker.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2019 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { DisabledMixin } from '@vaadin/component-base/src/disabled-mixin.js';
@@ -13,6 +13,13 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
 
 export interface DateTimePickerI18n extends DatePickerI18n, TimePickerI18n {}
 
+/**
+ * Fired when the user commits a value change.
+ */
+export type DateTimePickerChangeEvent = Event & {
+  target: DateTimePicker;
+};
+
 /**
  * Fired when the `invalid` property changes.
  */
@@ -29,7 +36,9 @@ export interface DateTimePickerCustomEventMap {
   'value-changed': DateTimePickerValueChangedEvent;
 }
 
-export interface DateTimePickerEventMap extends DateTimePickerCustomEventMap, HTMLElementEventMap {}
+export interface DateTimePickerEventMap extends DateTimePickerCustomEventMap, HTMLElementEventMap {
+  change: DateTimePickerChangeEvent;
+}
 
 /**
  * `<vaadin-date-time-picker>` is a Web Component providing a date time selection field.

package/src/vaadin-date-time-picker.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2019 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import './vaadin-date-time-picker-date-picker.js';
@@ -26,14 +26,14 @@ registerStyles('vaadin-date-time-picker', inputFieldShared, { moduleId: 'vaadin-
  */
 
 // Find a property definition from the prototype chain of a Polymer element class
-const getPropertyFromPrototype = function (clazz, prop) {
+function getPropertyFromPrototype(clazz, prop) {
   while (clazz) {
     if (clazz.properties && clazz.properties[prop]) {
       return clazz.properties[prop];
     }
-    clazz = clazz.__proto__;
+    clazz = Object.getPrototypeOf(clazz);
   }
-};
+}
 
 const datePickerClass = customElements.get('vaadin-date-time-picker-date-picker');
 const timePickerClass = customElements.get('vaadin-date-time-picker-time-picker');
@@ -327,7 +327,7 @@ class DateTimePicker extends FieldMixin(SlotMixin(DisabledMixin(ThemableMixin(El
        */
       i18n: {
         type: Object,
-        value: () => Object.assign({}, datePickerI18nDefaults, timePickerI18nDefaults)
+        value: () => ({ ...datePickerI18nDefaults, ...timePickerI18nDefaults })
       },
 
       /**