@vaadin/date-picker 23.0.5 → 23.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/date-picker",
-  "version": "23.0.5",
+  "version": "23.0.8",
   "publishConfig": {
     "access": "public"
   },
@@ -34,21 +34,21 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.2.0",
-    "@vaadin/button": "^23.0.5",
-    "@vaadin/component-base": "^23.0.5",
-    "@vaadin/field-base": "^23.0.5",
-    "@vaadin/input-container": "^23.0.5",
-    "@vaadin/vaadin-lumo-styles": "^23.0.5",
-    "@vaadin/vaadin-material-styles": "^23.0.5",
-    "@vaadin/vaadin-overlay": "^23.0.5",
-    "@vaadin/vaadin-themable-mixin": "^23.0.5"
+    "@vaadin/button": "^23.0.8",
+    "@vaadin/component-base": "^23.0.8",
+    "@vaadin/field-base": "^23.0.8",
+    "@vaadin/input-container": "^23.0.8",
+    "@vaadin/vaadin-lumo-styles": "^23.0.8",
+    "@vaadin/vaadin-material-styles": "^23.0.8",
+    "@vaadin/vaadin-overlay": "^23.0.8",
+    "@vaadin/vaadin-themable-mixin": "^23.0.8"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/dialog": "^23.0.5",
-    "@vaadin/polymer-legacy-adapter": "^23.0.5",
+    "@vaadin/dialog": "^23.0.8",
+    "@vaadin/polymer-legacy-adapter": "^23.0.8",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.0"
   },
-  "gitHead": "4cd2b11eb053d36fba9f0a8128da4e63984753e2"
+  "gitHead": "43fe9d95c8cd745adc7bef214c0097c47f4f83ed"
 }

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

@@ -55,6 +55,7 @@ export declare class DatePickerMixinClass {
    * Date which should be visible when there is no value selected.
    *
    * The same date formats as for the `value` property are supported.
+   * @attr {string} initial-position
    */
   initialPosition: string | null | undefined;
 
@@ -65,6 +66,7 @@ export declare class DatePickerMixinClass {
 
   /**
    * Set true to prevent the overlay from opening automatically.
+   * @attr {boolean} auto-open-disabled
    */
   autoOpenDisabled: boolean | null | undefined;
 
@@ -72,6 +74,7 @@ export declare class DatePickerMixinClass {
    * Set true to display ISO-8601 week numbers in the calendar. Notice that
    * displaying week numbers is only supported when `i18n.firstDayOfWeek`
    * is 1 (Monday).
+   * @attr {boolean} show-week-numbers
    */
   showWeekNumbers: boolean | null | undefined;
 

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

@@ -233,6 +233,11 @@ class DatePickerOverlayContent extends ControllerMixin(ThemableMixin(DirMixin(Po
 
   static get properties() {
     return {
+      scrollDuration: {
+        type: Number,
+        default: 300
+      },
+
       /**
        * The value for this element.
        */
@@ -524,7 +529,6 @@ class DatePickerOverlayContent extends ControllerMixin(ThemableMixin(DirMixin(Po
       return (-c / 2) * (t * (t - 2) - 1) + b;
     };
 
-    var duration = animate ? 300 : 0;
     var start = 0;
     var initialPosition = this.$.monthScroller.position;
 
@@ -532,8 +536,13 @@ class DatePickerOverlayContent extends ControllerMixin(ThemableMixin(DirMixin(Po
       start = start || timestamp;
       var currentTime = timestamp - start;
 
-      if (currentTime < duration) {
-        var currentPos = easingFunction(currentTime, initialPosition, this._targetPosition - initialPosition, duration);
+      if (currentTime < this.scrollDuration) {
+        var currentPos = easingFunction(
+          currentTime,
+          initialPosition,
+          this._targetPosition - initialPosition,
+          this.scrollDuration
+        );
         this.$.monthScroller.position = currentPos;
         window.requestAnimationFrame(smoothScroll);
       } else {

package/src/vaadin-date-picker.js

@@ -113,6 +113,7 @@ registerStyles('vaadin-date-picker', [inputFieldShared, datePickerStyles], { mod
  * @mixes ElementMixin
  * @mixes ThemableMixin
  * @mixes InputControlMixin
+ * @mixes DatePickerMixin
  */
 class DatePicker extends DatePickerMixin(InputControlMixin(ThemableMixin(ElementMixin(PolymerElement)))) {
   static get is() {

package/src/vaadin-month-calendar.js

@@ -23,18 +23,8 @@ class MonthCalendar extends FocusMixin(ThemableMixin(PolymerElement)) {
         }
 
         #monthGrid {
-          display: block;
-        }
-
-        #monthGrid thead,
-        #monthGrid tbody {
-          display: block;
           width: 100%;
-        }
-
-        [part='weekdays'] {
-          display: flex;
-          flex-grow: 1;
+          border-collapse: collapse;
         }
 
         #days-container tr,
@@ -53,9 +43,7 @@ class MonthCalendar extends FocusMixin(ThemableMixin(PolymerElement)) {
 
         [part='weekday'],
         [part='date'] {
-          display: block;
-          /* Would use calc(100% / 7) but it doesn't work nice on IE */
-          width: 14.285714286%;
+          width: calc(100% / 7);
           padding: 0;
           font-weight: normal;
         }
@@ -64,6 +52,12 @@ class MonthCalendar extends FocusMixin(ThemableMixin(PolymerElement)) {
         [part='week-number'] {
           width: 12.5%;
           flex-shrink: 0;
+          padding: 0;
+        }
+
+        :host([week-numbers]) [part='weekday']:not(:empty),
+        :host([week-numbers]) [part='date'] {
+          width: 12.5%;
         }
       </style>
 

package/theme/lumo/vaadin-month-calendar-styles.js

@@ -68,6 +68,11 @@ registerStyles(
       cursor: var(--lumo-clickable-cursor);
     }
 
+    :host([week-numbers]) [part='weekday']:not(:empty),
+    :host([week-numbers]) [part='date'] {
+      width: calc((100% - var(--lumo-size-xs)) / 7);
+    }
+
     /* Today date */
 
     [part='date'][today] {