@vaadin/date-time-picker 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/date-time-picker",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -34,19 +34,19 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.1.0-alpha3",
-    "@vaadin/custom-field": "23.1.0-alpha3",
-    "@vaadin/date-picker": "23.1.0-alpha3",
-    "@vaadin/field-base": "23.1.0-alpha3",
-    "@vaadin/time-picker": "23.1.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha3"
+    "@vaadin/component-base": "23.1.0-beta2",
+    "@vaadin/custom-field": "23.1.0-beta2",
+    "@vaadin/date-picker": "23.1.0-beta2",
+    "@vaadin/field-base": "23.1.0-beta2",
+    "@vaadin/time-picker": "23.1.0-beta2",
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
+  "gitHead": "f11f9245a0b5e6bf912725a501c27c24b74e7c8d"
 }

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

@@ -97,7 +97,7 @@ export interface DateTimePickerEventMap extends DateTimePickerCustomEventMap, HT
  * @fires {CustomEvent} value-changed - Fired when the `value` property changes.
  */
 declare class DateTimePicker extends FieldMixin(
-  SlotMixin(DisabledMixin(FocusMixin(ThemableMixin(ElementMixin(HTMLElement)))))
+  SlotMixin(DisabledMixin(FocusMixin(ThemableMixin(ElementMixin(HTMLElement))))),
 ) {
   /**
    * The name of the control, which is submitted with the form data.
@@ -210,13 +210,13 @@ declare class DateTimePicker extends FieldMixin(
   addEventListener<K extends keyof DateTimePickerEventMap>(
     type: K,
     listener: (this: DateTimePicker, ev: DateTimePickerEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof DateTimePickerEventMap>(
     type: K,
     listener: (this: DateTimePicker, ev: DateTimePickerEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

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

@@ -107,7 +107,7 @@ const timePickerI18nProps = Object.keys(timePickerI18nDefaults);
  * @mixes FieldMixin
  */
 class DateTimePicker extends FieldMixin(
-  SlotMixin(DisabledMixin(FocusMixin(ThemableMixin(ElementMixin(PolymerElement)))))
+  SlotMixin(DisabledMixin(FocusMixin(ThemableMixin(ElementMixin(PolymerElement))))),
 ) {
   static get template() {
     return html`
@@ -168,7 +168,7 @@ class DateTimePicker extends FieldMixin(
        * The name of the control, which is submitted with the form data.
        */
       name: {
-        type: String
+        type: String,
       },
 
       /**
@@ -184,7 +184,7 @@ class DateTimePicker extends FieldMixin(
         type: String,
         notify: true,
         value: '',
-        observer: '__valueChanged'
+        observer: '__valueChanged',
       },
 
       /**
@@ -199,7 +199,7 @@ class DateTimePicker extends FieldMixin(
        */
       min: {
         type: String,
-        observer: '__minChanged'
+        observer: '__minChanged',
       },
 
       /**
@@ -214,7 +214,7 @@ class DateTimePicker extends FieldMixin(
        */
       max: {
         type: String,
-        observer: '__maxChanged'
+        observer: '__maxChanged',
       },
 
       /**
@@ -223,7 +223,7 @@ class DateTimePicker extends FieldMixin(
        */
       __minDateTime: {
         type: Date,
-        value: ''
+        value: '',
       },
 
       /**
@@ -232,7 +232,7 @@ class DateTimePicker extends FieldMixin(
        */
       __maxDateTime: {
         type: Date,
-        value: ''
+        value: '',
       },
 
       /**
@@ -240,7 +240,7 @@ class DateTimePicker extends FieldMixin(
        * @attr {string} date-placeholder
        */
       datePlaceholder: {
-        type: String
+        type: String,
       },
 
       /**
@@ -248,7 +248,7 @@ class DateTimePicker extends FieldMixin(
        * @attr {string} time-placeholder
        */
       timePlaceholder: {
-        type: String
+        type: String,
       },
 
       /**
@@ -268,7 +268,7 @@ class DateTimePicker extends FieldMixin(
        * not recommended to use it for better UX.
        */
       step: {
-        type: Number
+        type: Number,
       },
 
       /**
@@ -286,7 +286,7 @@ class DateTimePicker extends FieldMixin(
        * @attr {boolean} show-week-numbers
        */
       showWeekNumbers: {
-        type: Boolean
+        type: Boolean,
       },
 
       /**
@@ -302,7 +302,7 @@ class DateTimePicker extends FieldMixin(
       readonly: {
         type: Boolean,
         value: false,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /**
@@ -310,7 +310,7 @@ class DateTimePicker extends FieldMixin(
        * @type {boolean}
        */
       autofocus: {
-        type: Boolean
+        type: Boolean,
       },
 
       /**
@@ -318,7 +318,7 @@ class DateTimePicker extends FieldMixin(
        * @private
        */
       __selectedDateTime: {
-        type: Date
+        type: Date,
       },
 
       /**
@@ -333,7 +333,7 @@ class DateTimePicker extends FieldMixin(
        */
       i18n: {
         type: Object,
-        value: () => ({ ...datePickerI18nDefaults, ...timePickerI18nDefaults })
+        value: () => ({ ...datePickerI18nDefaults, ...timePickerI18nDefaults }),
       },
 
       /**
@@ -342,7 +342,7 @@ class DateTimePicker extends FieldMixin(
        */
       __datePicker: {
         type: HTMLElement,
-        observer: '__datePickerChanged'
+        observer: '__datePickerChanged',
       },
 
       /**
@@ -351,8 +351,8 @@ class DateTimePicker extends FieldMixin(
        */
       __timePicker: {
         type: HTMLElement,
-        observer: '__timePickerChanged'
-      }
+        observer: '__timePickerChanged',
+      },
     };
   }
 
@@ -371,7 +371,7 @@ class DateTimePicker extends FieldMixin(
       '__i18nChanged(i18n.*)',
       '__autoOpenDisabledChanged(autoOpenDisabled)',
       '__themeChanged(_theme, __datePicker, __timePicker)',
-      '__pickersChanged(__datePicker, __timePicker)'
+      '__pickersChanged(__datePicker, __timePicker)',
     ];
   }
 
@@ -388,7 +388,7 @@ class DateTimePicker extends FieldMixin(
         const element = document.createElement('vaadin-date-time-picker-time-picker');
         element.__defaultPicker = true;
         return element;
-      }
+      },
     };
   }
 
@@ -539,7 +539,7 @@ class DateTimePicker extends FieldMixin(
       this.__syncI18n(this, newDatePicker, datePickerI18nProps);
     }
 
-    // min and max are always synchronized from date time picker (host) to inner fields because time picker
+    // Min and max are always synchronized from date time picker (host) to inner fields because time picker
     // min and max need to be dynamically set depending on currently selected date instead of simple propagation
     newDatePicker.min = this.__formatDateISO(this.__minDateTime, this.__defaultDateMinMaxValue);
     newDatePicker.max = this.__formatDateISO(this.__maxDateTime, this.__defaultDateMinMaxValue);
@@ -579,7 +579,7 @@ class DateTimePicker extends FieldMixin(
       this.__syncI18n(this, newTimePicker, timePickerI18nProps);
     }
 
-    // min and max are always synchronized from parent to slotted because time picker min and max
+    // Min and max are always synchronized from parent to slotted because time picker min and max
     // need to be dynamically set depending on currently selected date instead of simple propagation
     this.__updateTimePickerMinMax();
     newTimePicker.required = this.required;
@@ -808,8 +808,8 @@ class DateTimePicker extends FieldMixin(
         hours: date.getHours(),
         minutes: date.getMinutes(),
         seconds: date.getSeconds(),
-        milliseconds: date.getMilliseconds()
-      })
+        milliseconds: date.getMilliseconds(),
+      }),
     );
   }
 
@@ -851,7 +851,7 @@ class DateTimePicker extends FieldMixin(
   /** @private */
   // eslint-disable-next-line getter-return
   get __stepSegment() {
-    const step = this.step == undefined ? 60 : parseFloat(this.step);
+    const step = this.step == null ? 60 : parseFloat(this.step);
     if (step % 3600 === 0) {
       // Accept hours
       return 1;

package/theme/lumo/vaadin-date-time-picker-styles.js

@@ -6,7 +6,7 @@ import { requiredField } from '@vaadin/vaadin-lumo-styles/mixins/required-field.
 import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
 registerStyles('vaadin-date-time-picker', [requiredField, helper, customField], {
-  moduleId: 'lumo-date-time-picker'
+  moduleId: 'lumo-date-time-picker',
 });
 
 registerStyles(
@@ -34,7 +34,7 @@ registerStyles(
       border-bottom-left-radius: 0;
     }
   `,
-  { moduleId: 'lumo-date-time-picker-date-picker' }
+  { moduleId: 'lumo-date-time-picker-date-picker' },
 );
 
 registerStyles(
@@ -52,5 +52,5 @@ registerStyles(
       border-bottom-right-radius: 0;
     }
   `,
-  { moduleId: 'lumo-date-time-picker-time-picker' }
+  { moduleId: 'lumo-date-time-picker-time-picker' },
 );

package/theme/material/vaadin-date-time-picker-styles.js

@@ -6,5 +6,5 @@ import { requiredField } from '@vaadin/vaadin-material-styles/mixins/required-fi
 import { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
 registerStyles('vaadin-date-time-picker', [requiredField, helper, customField], {
-  moduleId: 'material-date-time-picker'
+  moduleId: 'material-date-time-picker',
 });