@vaadin/date-picker 25.0.0-beta3 → 25.0.0-beta5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/date-picker",
-  "version": "25.0.0-beta3",
+  "version": "25.0.0-beta5",
   "publishConfig": {
     "access": "public"
   },
@@ -34,25 +34,25 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.0.0-beta3",
-    "@vaadin/button": "25.0.0-beta3",
-    "@vaadin/component-base": "25.0.0-beta3",
-    "@vaadin/field-base": "25.0.0-beta3",
-    "@vaadin/input-container": "25.0.0-beta3",
-    "@vaadin/overlay": "25.0.0-beta3",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-beta3",
+    "@vaadin/a11y-base": "25.0.0-beta5",
+    "@vaadin/button": "25.0.0-beta5",
+    "@vaadin/component-base": "25.0.0-beta5",
+    "@vaadin/field-base": "25.0.0-beta5",
+    "@vaadin/input-container": "25.0.0-beta5",
+    "@vaadin/overlay": "25.0.0-beta5",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-beta5",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-beta3",
-    "@vaadin/test-runner-commands": "25.0.0-beta3",
+    "@vaadin/chai-plugins": "25.0.0-beta5",
+    "@vaadin/test-runner-commands": "25.0.0-beta5",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.0.0-beta3",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-beta5",
     "sinon": "^21.0.0"
   },
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "4b2006b0e2f4fc131f5483223b852d34224e7b9a"
+  "gitHead": "ba59e1404cc4bef2dd685476247f758eb28c9922"
 }

package/src/styles/vaadin-date-picker-base-styles.js

@@ -27,4 +27,8 @@ export const datePickerStyles = css`
   [part~='toggle-button']::before {
     mask-image: var(--_vaadin-icon-calendar);
   }
+
+  :host([readonly]) [part~='toggle-button'] {
+    display: none;
+  }
 `;

package/src/styles/vaadin-date-picker-overlay-content-base-styles.js

@@ -36,7 +36,7 @@ export const overlayContentStyles = css`
     font-weight: var(--vaadin-button-font-weight, 500);
     height: var(--vaadin-button-height, auto);
     line-height: var(--vaadin-button-line-height, inherit);
-    padding: var(--vaadin-button-padding, var(--vaadin-padding-container));
+    padding: var(--vaadin-button-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container));
     cursor: var(--vaadin-clickable-cursor);
   }
 

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

@@ -889,11 +889,11 @@ export const DatePickerMixin = (subclass) =>
     }
 
     /** @protected */
-    _onOverlayEscapePress() {
+    _onOverlayEscapePress(event) {
+      event.stopPropagation();
       this._focusedDate = this._selectedDate;
-      this._closedByEscape = true;
+      this._applyInputValue(this._selectedDate);
       this._close();
-      this._closedByEscape = false;
     }
 
     /** @protected */
@@ -984,9 +984,6 @@ export const DatePickerMixin = (subclass) =>
       }
       window.removeEventListener('scroll', this._boundOnScroll, true);
 
-      if (this._closedByEscape) {
-        this._applyInputValue(this._selectedDate);
-      }
       this.__commitParsedOrFocusedDate();
 
       if (this.inputElement && this.inputElement.selectionStart) {
@@ -1163,8 +1160,8 @@ export const DatePickerMixin = (subclass) =>
      * @override
      */
     _onEscape(event) {
-      // Closing overlay is handled in vaadin-overlay-escape-press event listener.
       if (this.opened) {
+        this._onOverlayEscapePress(event);
         return;
       }
 

package/src/vaadin-date-picker.js

@@ -216,6 +216,8 @@ class DatePicker extends DatePickerMixin(
         <div part="error-message">
           <slot name="error-message"></slot>
         </div>
+
+        <slot name="tooltip"></slot>
       </div>
 
       <vaadin-date-picker-overlay
@@ -225,7 +227,6 @@ class DatePicker extends DatePickerMixin(
         theme="${ifDefined(this._theme)}"
         .opened="${this.opened}"
         @opened-changed="${this._onOpenedChanged}"
-        @vaadin-overlay-escape-press="${this._onOverlayEscapePress}"
         @vaadin-overlay-open="${this._onOverlayOpened}"
         @vaadin-overlay-close="${this._onVaadinOverlayClose}"
         @vaadin-overlay-closing="${this._onOverlayClosed}"
@@ -237,8 +238,6 @@ class DatePicker extends DatePickerMixin(
       >
         <slot name="overlay"></slot>
       </vaadin-date-picker-overlay>
-
-      <slot name="tooltip"></slot>
     `;
   }
 

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/date-picker",
-  "version": "25.0.0-beta3",
+  "version": "25.0.0-beta5",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/date-picker",
-  "version": "25.0.0-beta3",
+  "version": "25.0.0-beta5",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {