@vaadin/time-picker 23.0.9 → 23.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/time-picker",
-  "version": "23.0.9",
+  "version": "23.0.12",
   "publishConfig": {
     "access": "public"
   },
@@ -34,18 +34,18 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/combo-box": "^23.0.9",
-    "@vaadin/component-base": "^23.0.9",
-    "@vaadin/field-base": "^23.0.9",
-    "@vaadin/input-container": "^23.0.9",
-    "@vaadin/vaadin-lumo-styles": "^23.0.9",
-    "@vaadin/vaadin-material-styles": "^23.0.9",
-    "@vaadin/vaadin-themable-mixin": "^23.0.9"
+    "@vaadin/combo-box": "^23.0.12",
+    "@vaadin/component-base": "^23.0.12",
+    "@vaadin/field-base": "^23.0.12",
+    "@vaadin/input-container": "^23.0.12",
+    "@vaadin/vaadin-lumo-styles": "^23.0.12",
+    "@vaadin/vaadin-material-styles": "^23.0.12",
+    "@vaadin/vaadin-themable-mixin": "^23.0.12"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.0"
   },
-  "gitHead": "4d687bdd48ba78d55f3371a78b70818e4dfca1a3"
+  "gitHead": "717908c222c1e241259e30b4144cd5ba32734819"
 }

package/src/vaadin-time-picker-combo-box.js

@@ -47,8 +47,8 @@ class TimePickerComboBox extends ComboBoxMixin(ThemableMixin(PolymerElement)) {
   static get properties() {
     return {
       positionTarget: {
-        type: Object
-      }
+        type: Object,
+      },
     };
   }
 

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

@@ -13,7 +13,7 @@ registerStyles(
       width: var(--vaadin-time-picker-overlay-width, var(--_vaadin-time-picker-overlay-default-width, auto));
     }
   `,
-  { moduleId: 'vaadin-time-picker-overlay-styles' }
+  { moduleId: 'vaadin-time-picker-overlay-styles' },
 );
 
 /**

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

@@ -198,13 +198,13 @@ declare class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(El
   addEventListener<K extends keyof TimePickerEventMap>(
     type: K,
     listener: (this: TimePicker, ev: TimePickerEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof TimePickerEventMap>(
     type: K,
     listener: (this: TimePicker, ev: TimePickerEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-time-picker.js

@@ -106,6 +106,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
           value="{{_comboBoxValue}}"
           disabled="[[disabled]]"
           readonly="[[readonly]]"
+          clear-button-visible="[[clearButtonVisible]]"
           auto-open-disabled="[[autoOpenDisabled]]"
           position-target="[[_inputContainer]]"
           theme$="[[theme]]"
@@ -150,7 +151,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
       value: {
         type: String,
         notify: true,
-        value: ''
+        value: '',
       },
 
       /**
@@ -164,7 +165,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
        */
       min: {
         type: String,
-        value: '00:00:00.000'
+        value: '00:00:00.000',
       },
 
       /**
@@ -178,7 +179,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
        */
       max: {
         type: String,
-        value: '23:59:59.999'
+        value: '23:59:59.999',
       },
 
       /**
@@ -198,7 +199,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
        * not recommended to use it for better UX experience.
        */
       step: {
-        type: Number
+        type: Number,
       },
 
       /**
@@ -209,7 +210,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
 
       /** @private */
       __dropdownItems: {
-        type: Array
+        type: Array,
       },
 
       /**
@@ -267,7 +268,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
               const MATCH_SECONDS = MATCH_MINUTES;
               const MATCH_MILLISECONDS = '(\\d{1,3})';
               const re = new RegExp(
-                `^${MATCH_HOURS}(?::${MATCH_MINUTES}(?::${MATCH_SECONDS}(?:\\.${MATCH_MILLISECONDS})?)?)?$`
+                `^${MATCH_HOURS}(?::${MATCH_MINUTES}(?::${MATCH_SECONDS}(?:\\.${MATCH_MILLISECONDS})?)?)?$`,
               );
               const parts = re.exec(text);
               if (parts) {
@@ -279,19 +280,19 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
                 }
                 return { hours: parts[1], minutes: parts[2], seconds: parts[3], milliseconds: parts[4] };
               }
-            }
+            },
           };
-        }
+        },
       },
 
       /** @private */
       _comboBoxValue: {
         type: String,
-        observer: '__comboBoxValueChanged'
+        observer: '__comboBoxValueChanged',
       },
 
       /** @private */
-      _inputContainer: Object
+      _inputContainer: Object,
     };
   }
 
@@ -318,7 +319,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
         this._setFocusElement(input);
         this.stateTarget = input;
         this.ariaTarget = input;
-      })
+      }),
     );
     this.addController(new LabelledInputController(this.inputElement, this._labelController));
     this._inputContainer = this.shadowRoot.querySelector('[part~="input-field"]');
@@ -532,7 +533,7 @@ class TimePicker extends PatternMixin(InputControlMixin(ThemableMixin(ElementMix
     const newValue = this.__formatISO(parsedObj) || '';
 
     if (this.value !== '' && this.value !== null && !parsedObj) {
-      this.value = oldValue;
+      this.value = oldValue === undefined ? '' : oldValue;
     } else if (this.value !== newValue) {
       this.value = newValue;
     } else {