@vaadin/date-picker 25.1.0-alpha9 → 25.1.0-beta2

package/custom-elements.json

@@ -476,19 +476,9 @@
               "kind": "field",
               "name": "i18n",
               "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n\n```js\n{\n  // An array with the full names of months starting\n  // with January.\n  monthNames: [\n    'January', 'February', 'March', 'April', 'May',\n    'June', 'July', 'August', 'September',\n    'October', 'November', 'December'\n  ],\n\n  // An array of weekday names starting with Sunday. Used\n  // in screen reader announcements.\n  weekdays: [\n    'Sunday', 'Monday', 'Tuesday', 'Wednesday',\n    'Thursday', 'Friday', 'Saturday'\n  ],\n\n  // An array of short weekday names starting with Sunday.\n  // Displayed in the calendar.\n  weekdaysShort: [\n    'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'\n  ],\n\n  // An integer indicating the first day of the week\n  // (0 = Sunday, 1 = Monday, etc.).\n  firstDayOfWeek: 0,\n\n  // Translation of the Today shortcut button text.\n  today: 'Today',\n\n  // Translation of the Cancel button text.\n  cancel: 'Cancel',\n\n  // Used for adjusting the year value when parsing dates with short years.\n  // The year values between 0 and 99 are evaluated and adjusted.\n  // Example: for a referenceDate of 1970-10-30;\n  //   dateToBeParsed: 40-10-30, result: 1940-10-30\n  //   dateToBeParsed: 80-10-30, result: 1980-10-30\n  //   dateToBeParsed: 10-10-30, result: 2010-10-30\n  // Supported date format: ISO 8601 `\"YYYY-MM-DD\"` (default)\n  // The default value is the current date.\n  referenceDate: '',\n\n  // A function to format given `Object` as\n  // date string. Object is in the format `{ day: ..., month: ..., year: ... }`\n  // Note: The argument month is 0-based. This means that January = 0 and December = 11.\n  formatDate: d => {\n    // returns a string representation of the given\n    // object in 'MM/DD/YYYY' -format\n  },\n\n  // A function to parse the given text to an `Object` in the format `{ day: ..., month: ..., year: ... }`.\n  // Must properly parse (at least) text formatted by `formatDate`.\n  // Setting the property to null will disable keyboard input feature.\n  // Note: The argument month is 0-based. This means that January = 0 and December = 11.\n  parseDate: text => {\n    // Parses a string in 'MM/DD/YY', 'MM/DD' or 'DD' -format to\n    // an `Object` in the format `{ day: ..., month: ..., year: ... }`.\n  }\n\n  // A function to format given `monthName` and\n  // `fullYear` integer as calendar title string.\n  formatTitle: (monthName, fullYear) => {\n    return monthName + ' ' + fullYear;\n  }\n}\n```",
-              "return": {
-                "type": {
-                  "text": "!DatePickerI18n"
-                }
+              "type": {
+                "text": "Object"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "Object"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "I18nMixin",
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -655,6 +645,18 @@
             {
               "name": "I18nMixin",
               "package": "@vaadin/component-base/src/i18n-mixin.js"
+            },
+            {
+              "name": "DelegateFocusMixin",
+              "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+            },
+            {
+              "name": "InputConstraintsMixin",
+              "package": "@vaadin/field-base/src/input-constraints-mixin.js"
+            },
+            {
+              "name": "KeyboardMixin",
+              "package": "@vaadin/a11y-base/src/keyboard-mixin.js"
             }
           ],
           "parameters": [
@@ -686,12 +688,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-date-picker-month-scroller.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/vaadin-date-picker-overlay-content-mixin.js",
@@ -980,12 +976,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-date-picker-overlay-content.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/vaadin-date-picker-overlay-mixin.js",
@@ -1498,89 +1488,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-date-picker-overlay.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-date-picker-year-scroller.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-date-picker-year.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An element used internally by `<vaadin-date-picker>`. Not intended to be used separately.",
-          "name": "DatePickerYear",
-          "members": [
-            {
-              "kind": "field",
-              "name": "selectedDate",
-              "privacy": "public",
-              "type": {
-                "text": "object"
-              },
-              "attribute": "selected-date"
-            },
-            {
-              "kind": "field",
-              "name": "year",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "year"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "year",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "year"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ThemableMixin",
-              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
-            },
-            {
-              "name": "PolylitMixin",
-              "package": "@vaadin/component-base/src/polylit-mixin.js"
-            },
-            {
-              "name": "LumoInjectionMixin",
-              "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "vaadin-date-picker-year",
-          "customElement": true,
-          "events": []
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DatePickerYear",
-          "declaration": {
-            "name": "DatePickerYear",
-            "module": "src/vaadin-date-picker-year.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/vaadin-date-picker.js",
@@ -1729,19 +1636,9 @@
               "kind": "field",
               "name": "i18n",
               "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n\n```js\n{\n  // An array with the full names of months starting\n  // with January.\n  monthNames: [\n    'January', 'February', 'March', 'April', 'May',\n    'June', 'July', 'August', 'September',\n    'October', 'November', 'December'\n  ],\n\n  // An array of weekday names starting with Sunday. Used\n  // in screen reader announcements.\n  weekdays: [\n    'Sunday', 'Monday', 'Tuesday', 'Wednesday',\n    'Thursday', 'Friday', 'Saturday'\n  ],\n\n  // An array of short weekday names starting with Sunday.\n  // Displayed in the calendar.\n  weekdaysShort: [\n    'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'\n  ],\n\n  // An integer indicating the first day of the week\n  // (0 = Sunday, 1 = Monday, etc.).\n  firstDayOfWeek: 0,\n\n  // Translation of the Today shortcut button text.\n  today: 'Today',\n\n  // Translation of the Cancel button text.\n  cancel: 'Cancel',\n\n  // Used for adjusting the year value when parsing dates with short years.\n  // The year values between 0 and 99 are evaluated and adjusted.\n  // Example: for a referenceDate of 1970-10-30;\n  //   dateToBeParsed: 40-10-30, result: 1940-10-30\n  //   dateToBeParsed: 80-10-30, result: 1980-10-30\n  //   dateToBeParsed: 10-10-30, result: 2010-10-30\n  // Supported date format: ISO 8601 `\"YYYY-MM-DD\"` (default)\n  // The default value is the current date.\n  referenceDate: '',\n\n  // A function to format given `Object` as\n  // date string. Object is in the format `{ day: ..., month: ..., year: ... }`\n  // Note: The argument month is 0-based. This means that January = 0 and December = 11.\n  formatDate: d => {\n    // returns a string representation of the given\n    // object in 'MM/DD/YYYY' -format\n  },\n\n  // A function to parse the given text to an `Object` in the format `{ day: ..., month: ..., year: ... }`.\n  // Must properly parse (at least) text formatted by `formatDate`.\n  // Setting the property to null will disable keyboard input feature.\n  // Note: The argument month is 0-based. This means that January = 0 and December = 11.\n  parseDate: text => {\n    // Parses a string in 'MM/DD/YY', 'MM/DD' or 'DD' -format to\n    // an `Object` in the format `{ day: ..., month: ..., year: ... }`.\n  }\n\n  // A function to format given `monthName` and\n  // `fullYear` integer as calendar title string.\n  formatTitle: (monthName, fullYear) => {\n    return monthName + ' ' + fullYear;\n  }\n}\n```",
-              "return": {
-                "type": {
-                  "text": "!DatePickerI18n"
-                }
+              "type": {
+                "text": "Object"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "Object"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "I18nMixin",
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -2239,103 +2136,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-infinite-scroller.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "InfiniteScroller",
-          "members": [
-            {
-              "kind": "field",
-              "name": "active",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "bufferOffset",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "bufferSize",
-              "type": {
-                "text": "number"
-              },
-              "description": "Count of individual items in each buffer.\nThe scroller has 2 buffers altogether so bufferSize of 20\nwill result in 40 buffered DOM items in total.\nChanging after initialization not supported.",
-              "default": "20"
-            },
-            {
-              "kind": "method",
-              "name": "forceUpdate",
-              "description": "Force the scroller to update clones after a reset, without\nwaiting for the debouncer to resolve."
-            },
-            {
-              "kind": "field",
-              "name": "itemHeight",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "description": "Current scroller position as index. Can be a fractional number.",
-              "type": {
-                "text": "number"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "custom-scroll",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "init-done",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "InfiniteScroller",
-          "declaration": {
-            "name": "InfiniteScroller",
-            "module": "src/vaadin-infinite-scroller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/vaadin-month-calendar-mixin.js",
@@ -2545,12 +2345,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-month-calendar.js",
-      "declarations": [],
-      "exports": []
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/date-picker",
-  "version": "25.1.0-alpha9",
+  "version": "25.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -35,21 +35,21 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.1.0-alpha9",
-    "@vaadin/button": "25.1.0-alpha9",
-    "@vaadin/component-base": "25.1.0-alpha9",
-    "@vaadin/field-base": "25.1.0-alpha9",
-    "@vaadin/input-container": "25.1.0-alpha9",
-    "@vaadin/overlay": "25.1.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
+    "@vaadin/a11y-base": "25.1.0-beta2",
+    "@vaadin/button": "25.1.0-beta2",
+    "@vaadin/component-base": "25.1.0-beta2",
+    "@vaadin/field-base": "25.1.0-beta2",
+    "@vaadin/input-container": "25.1.0-beta2",
+    "@vaadin/overlay": "25.1.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "25.1.0-beta2",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.1.0-alpha9",
-    "@vaadin/chai-plugins": "25.1.0-alpha9",
-    "@vaadin/test-runner-commands": "25.1.0-alpha9",
+    "@vaadin/aura": "25.1.0-beta2",
+    "@vaadin/chai-plugins": "25.1.0-beta2",
+    "@vaadin/test-runner-commands": "25.1.0-beta2",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
+    "@vaadin/vaadin-lumo-styles": "25.1.0-beta2",
     "sinon": "^21.0.0"
   },
   "customElements": "custom-elements.json",
@@ -57,5 +57,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
+  "gitHead": "ffbedbae08a5160d13bcd1c6fcaa328df5103a05"
 }

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

@@ -119,7 +119,6 @@ export const DatePickerMixin = (subclass) =>
          * - ISO 8601 `"YYYY-MM-DD"` (default)
          * - 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"`
          *
-         * @type {string}
          */
         value: {
           type: String,
@@ -169,7 +168,6 @@ export const DatePickerMixin = (subclass) =>
         },
 
         /**
-         * @type {boolean}
          * @protected
          */
         _fullscreen: {
@@ -179,7 +177,6 @@ export const DatePickerMixin = (subclass) =>
         },
 
         /**
-         * @type {string}
          * @protected
          */
         _fullscreenMediaQuery: {
@@ -369,7 +366,7 @@ export const DatePickerMixin = (subclass) =>
      *   }
      * }
      * ```
-     * @return {!DatePickerI18n}
+     * @type {!DatePickerI18n}
      */
     get i18n() {
       return super.i18n;

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/date-picker",
-  "version": "25.1.0-alpha9",
+  "version": "25.1.0-beta2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -277,7 +277,9 @@
               "description": "Selected date.\n\nSupported date formats:\n- ISO 8601 `\"YYYY-MM-DD\"` (default)\n- 6-digit extended ISO 8601 `\"+YYYYYY-MM-DD\"`, `\"-YYYYYY-MM-DD\"`",
               "value": {
                 "type": [
-                  "string"
+                  "string",
+                  "null",
+                  "undefined"
                 ]
               }
             }
@@ -399,7 +401,7 @@
                 "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n\n```js\n{\n  // An array with the full names of months starting\n  // with January.\n  monthNames: [\n    'January', 'February', 'March', 'April', 'May',\n    'June', 'July', 'August', 'September',\n    'October', 'November', 'December'\n  ],\n\n  // An array of weekday names starting with Sunday. Used\n  // in screen reader announcements.\n  weekdays: [\n    'Sunday', 'Monday', 'Tuesday', 'Wednesday',\n    'Thursday', 'Friday', 'Saturday'\n  ],\n\n  // An array of short weekday names starting with Sunday.\n  // Displayed in the calendar.\n  weekdaysShort: [\n    'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'\n  ],\n\n  // An integer indicating the first day of the week\n  // (0 = Sunday, 1 = Monday, etc.).\n  firstDayOfWeek: 0,\n\n  // Translation of the Today shortcut button text.\n  today: 'Today',\n\n  // Translation of the Cancel button text.\n  cancel: 'Cancel',\n\n  // Used for adjusting the year value when parsing dates with short years.\n  // The year values between 0 and 99 are evaluated and adjusted.\n  // Example: for a referenceDate of 1970-10-30;\n  //   dateToBeParsed: 40-10-30, result: 1940-10-30\n  //   dateToBeParsed: 80-10-30, result: 1980-10-30\n  //   dateToBeParsed: 10-10-30, result: 2010-10-30\n  // Supported date format: ISO 8601 `\"YYYY-MM-DD\"` (default)\n  // The default value is the current date.\n  referenceDate: '',\n\n  // A function to format given `Object` as\n  // date string. Object is in the format `{ day: ..., month: ..., year: ... }`\n  // Note: The argument month is 0-based. This means that January = 0 and December = 11.\n  formatDate: d => {\n    // returns a string representation of the given\n    // object in 'MM/DD/YYYY' -format\n  },\n\n  // A function to parse the given text to an `Object` in the format `{ day: ..., month: ..., year: ... }`.\n  // Must properly parse (at least) text formatted by `formatDate`.\n  // Setting the property to null will disable keyboard input feature.\n  // Note: The argument month is 0-based. This means that January = 0 and December = 11.\n  parseDate: text => {\n    // Parses a string in 'MM/DD/YY', 'MM/DD' or 'DD' -format to\n    // an `Object` in the format `{ day: ..., month: ..., year: ... }`.\n  }\n\n  // A function to format given `monthName` and\n  // `fullYear` integer as calendar title string.\n  formatTitle: (monthName, fullYear) => {\n    return monthName + ' ' + fullYear;\n  }\n}\n```",
                 "value": {
                   "type": [
-                    "DatePickerI18n"
+                    "?"
                   ]
                 }
               },
@@ -559,7 +561,9 @@
                 "description": "Selected date.\n\nSupported date formats:\n- ISO 8601 `\"YYYY-MM-DD\"` (default)\n- 6-digit extended ISO 8601 `\"+YYYYYY-MM-DD\"`, `\"-YYYYYY-MM-DD\"`",
                 "value": {
                   "type": [
-                    "string"
+                    "string",
+                    "null",
+                    "undefined"
                   ]
                 }
               }

package/web-types.lit.json

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