@vaadin/date-picker 25.4.0-alpha2 → 25.4.0-alpha4

package/custom-elements.json

@@ -857,6 +857,62 @@
           "description": "",
           "name": "DatePickerMixin",
           "members": [
+            {
+              "kind": "field",
+              "name": "accessibleDescriptionRef",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "A space-separated list of IDs referencing the elements that\ndescribe the component for screen reader users. The referenced\nelements are announced in addition to the helper text and\nthe error message.",
+              "attribute": "accessible-description-ref",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "String used to label the component for screen reader users.",
+              "attribute": "accessible-name",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "A space-separated list of IDs referencing the elements that\nlabel the component for screen reader users.",
+              "attribute": "accessible-name-ref",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "allowedCharPattern",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
+              "attribute": "allowed-char-pattern",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -881,6 +937,20 @@
               "description": "Set true to prevent the overlay from opening automatically.",
               "attribute": "auto-open-disabled"
             },
+            {
+              "kind": "field",
+              "name": "autoselect",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
+              "attribute": "autoselect",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -889,10 +959,6 @@
                 "type": {
                   "text": "boolean"
                 }
-              },
-              "inheritedFrom": {
-                "name": "ValidateMixin",
-                "package": "@vaadin/field-base/src/validate-mixin.js"
               }
             },
             {
@@ -904,6 +970,20 @@
                 "package": "@vaadin/field-base/src/input-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "clearButtonVisible",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
+              "attribute": "clear-button-visible",
+              "inheritedFrom": {
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "clearCache",
@@ -921,8 +1001,7 @@
               "type": {
                 "text": "DatePickerDateMetadataProvider | null | undefined"
               },
-              "description": "A function that provides metadata for the dates the calendar is about to render: whether they\nare disabled, and CSS `part` names for styling from outside using the `::part()` selector.\nUnlike `isDateDisabled`, which is called once per date, the metadata provider is called for\na range of dates at a time, and again as the calendar renders further dates.\n\nIt receives a `DatePickerDateRange` and returns an array of `DatePickerDateMetadata` objects\nfor the dates in that range that have metadata. It can return a `Promise` to load the metadata\nasynchronously, and `null` or `undefined` when no date in the range has metadata.\n\nThe returned array has the following structure:\n\n```js\n[\n  // The date is an ISO 8601 string.\n  { date: '2026-01-01', disabled: true },\n\n  // Adds a custom part name to the date.\n  { date: '2026-01-02', part: 'busy' },\n]\n```\n\nA date is disabled if its metadata marks it disabled, or `isDateDisabled` returns `true`, or\nit is outside `min` and `max`. Disabled dates are not selectable, and typing a disabled date in\nthe field makes it invalid. The provider does not affect which date is focused when opening the\noverlay. Use `initialPosition` property to provide a selectable date.\n\nWhile a returned `Promise` is pending, the dates it covers are not disabled yet and render with\nthe `loading` part. If the function throws or rejects, corresponding dates are requested again\nthe next time the user navigates.\n\nThe provider is used for validation also when the overlay is closed. Date is considered valid\nwhile the provider is pending, and is re-validated again after the metadata is loaded.\n\nKeep a stable reference to the function: assigning a new one clears the cache and re-fetches\nvisible range. Call `clearCache()` to re-fetch when the data behind the same function changed.",
-              "attribute": "date-metadata-provider"
+              "description": "A function that provides metadata for the dates the calendar is about to render: whether they\nare disabled, and CSS `part` names for styling from outside using the `::part()` selector.\nUnlike `isDateDisabled`, which is called once per date, the metadata provider is called for\na range of dates at a time, and again as the calendar renders further dates.\n\nIt receives a `DatePickerDateRange` and returns an array of `DatePickerDateMetadata` objects\nfor the dates in that range that have metadata. It can return a `Promise` to load the metadata\nasynchronously, and `null` or `undefined` when no date in the range has metadata.\n\nThe returned array has the following structure:\n\n```js\n[\n  // The date is an ISO 8601 string.\n  { date: '2026-01-01', disabled: true },\n\n  // Adds a custom part name to the date.\n  { date: '2026-01-02', part: 'busy' },\n]\n```\n\nA date is disabled if its metadata marks it disabled, or `isDateDisabled` returns `true`, or\nit is outside `min` and `max`. Disabled dates are not selectable, and typing a disabled date in\nthe field makes it invalid. The provider does not affect which date is focused when opening the\noverlay. Use `initialPosition` property to provide a selectable date.\n\nWhile a returned `Promise` is pending, the dates it covers are not disabled yet and render with\nthe `loading` part. If the function throws or rejects, corresponding dates are requested again\nthe next time the user navigates.\n\nThe provider is used for validation also when the overlay is closed. Date is considered valid\nwhile the provider is pending, and is re-validated again after the metadata is loaded.\n\nKeep a stable reference to the function: assigning a new one clears the cache and re-fetches\nvisible range. Call `clearCache()` to re-fetch when the data behind the same function changed."
             },
             {
               "kind": "field",
@@ -934,24 +1013,47 @@
               "description": "If true, the user cannot interact with this element.",
               "attribute": "disabled",
               "inheritedFrom": {
-                "name": "TabindexMixin",
-                "package": "@vaadin/a11y-base/src/tabindex-mixin.js"
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "i18n",
+              "name": "errorMessage",
               "privacy": "public",
               "type": {
-                "text": "Object | undefined"
+                "text": "string"
               },
-              "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\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  // Accessible name of the overlay content, announced by screen readers\n  // when the overlay opens.\n  dialogAccessibleName: 'Calendar',\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```",
-              "attribute": "i18n",
+              "description": "Error to show when the field is invalid.",
+              "attribute": "error-message",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "helperText",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "String used for the helper text.",
+              "attribute": "helper-text",
               "inheritedFrom": {
-                "name": "I18nMixin",
-                "package": "@vaadin/component-base/src/i18n-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "i18n",
+              "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\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  // Accessible name of the overlay content, announced by screen readers\n  // when the overlay opens.\n  dialogAccessibleName: 'Calendar',\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```",
+              "type": {
+                "text": "DatePickerI18n | undefined"
+              },
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "initialPosition",
@@ -983,8 +1085,21 @@
               "type": {
                 "text": "function(DatePickerDate): boolean | undefined"
               },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.\n\nThe function is called once per date and has to answer synchronously. Use\n`dateMetadataProvider` when the answer has to be loaded first, or when dates also need\ncustom part names. A date is disabled when either of the two disables it.",
-              "attribute": "is-date-disabled"
+              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.\n\nThe function is called once per date and has to answer synchronously. Use\n`dateMetadataProvider` when the answer has to be loaded first, or when dates also need\ncustom part names. A date is disabled when either of the two disables it."
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "LabelMixin",
+                "package": "@vaadin/field-base/src/label-mixin.js"
+              }
             },
             {
               "kind": "field",
@@ -1020,6 +1135,20 @@
               "description": "The earliest date that can be selected. All earlier dates will be disabled.\n\nSupported date formats:\n- ISO 8601 `\"YYYY-MM-DD\"` (default)\n- 6-digit extended ISO 8601 `\"+YYYYYY-MM-DD\"`, `\"-YYYYYY-MM-DD\"`",
               "attribute": "min"
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of this field.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "open",
@@ -1035,6 +1164,34 @@
               "description": "Set true to open the date selector overlay.",
               "attribute": "opened"
             },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "A hint to the user of what can be entered in the field.",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When present, it specifies that the field is read-only.",
+              "attribute": "readonly",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "required",
@@ -1059,6 +1216,20 @@
               "description": "Set true to display ISO-8601 week numbers in the calendar. Notice that\ndisplaying week numbers is only supported when `i18n.firstDayOfWeek`\nis 1 (Monday).",
               "attribute": "show-week-numbers"
             },
+            {
+              "kind": "field",
+              "name": "title",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
+              "attribute": "title",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "validate",
@@ -1081,11 +1252,7 @@
                 "text": "string"
               },
               "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\"`",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "package": "@vaadin/field-base/src/input-mixin.js"
-              }
+              "attribute": "value"
             }
           ],
           "events": [
@@ -1093,10 +1260,6 @@
               "name": "change",
               "type": {
                 "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "InputConstraintsMixin",
-                "package": "@vaadin/field-base/src/input-constraints-mixin.js"
               }
             },
             {
@@ -1117,6 +1280,54 @@
             }
           ],
           "attributes": [
+            {
+              "name": "accessible-description-ref",
+              "type": {
+                "text": "string"
+              },
+              "description": "A space-separated list of IDs referencing the elements that\ndescribe the component for screen reader users. The referenced\nelements are announced in addition to the helper text and\nthe error message.",
+              "fieldName": "accessibleDescriptionRef",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "name": "accessible-name",
+              "type": {
+                "text": "string"
+              },
+              "description": "String used to label the component for screen reader users.",
+              "fieldName": "accessibleName",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "name": "accessible-name-ref",
+              "type": {
+                "text": "string"
+              },
+              "description": "A space-separated list of IDs referencing the elements that\nlabel the component for screen reader users.",
+              "fieldName": "accessibleNameRef",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "name": "allowed-char-pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
+              "fieldName": "allowedCharPattern",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "name": "auto-open-disabled",
               "type": {
@@ -1138,12 +1349,28 @@
               }
             },
             {
-              "name": "date-metadata-provider",
+              "name": "autoselect",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
+              "fieldName": "autoselect",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
+            {
+              "name": "clear-button-visible",
               "type": {
-                "text": "DatePickerDateMetadataProvider | null | undefined"
+                "text": "boolean"
               },
-              "description": "A function that provides metadata for the dates the calendar is about to render: whether they\nare disabled, and CSS `part` names for styling from outside using the `::part()` selector.\nUnlike `isDateDisabled`, which is called once per date, the metadata provider is called for\na range of dates at a time, and again as the calendar renders further dates.\n\nIt receives a `DatePickerDateRange` and returns an array of `DatePickerDateMetadata` objects\nfor the dates in that range that have metadata. It can return a `Promise` to load the metadata\nasynchronously, and `null` or `undefined` when no date in the range has metadata.\n\nThe returned array has the following structure:\n\n```js\n[\n  // The date is an ISO 8601 string.\n  { date: '2026-01-01', disabled: true },\n\n  // Adds a custom part name to the date.\n  { date: '2026-01-02', part: 'busy' },\n]\n```\n\nA date is disabled if its metadata marks it disabled, or `isDateDisabled` returns `true`, or\nit is outside `min` and `max`. Disabled dates are not selectable, and typing a disabled date in\nthe field makes it invalid. The provider does not affect which date is focused when opening the\noverlay. Use `initialPosition` property to provide a selectable date.\n\nWhile a returned `Promise` is pending, the dates it covers are not disabled yet and render with\nthe `loading` part. If the function throws or rejects, corresponding dates are requested again\nthe next time the user navigates.\n\nThe provider is used for validation also when the overlay is closed. Date is considered valid\nwhile the provider is pending, and is re-validated again after the metadata is loaded.\n\nKeep a stable reference to the function: assigning a new one clears the cache and re-fetches\nvisible range. Call `clearCache()` to re-fetch when the data behind the same function changed.",
-              "fieldName": "dateMetadataProvider"
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
+              "fieldName": "clearButtonVisible",
+              "inheritedFrom": {
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
+              }
             },
             {
               "name": "disabled",
@@ -1153,20 +1380,32 @@
               "description": "If true, the user cannot interact with this element.",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "TabindexMixin",
-                "package": "@vaadin/a11y-base/src/tabindex-mixin.js"
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
               }
             },
             {
-              "name": "i18n",
+              "name": "error-message",
+              "type": {
+                "text": "string"
+              },
+              "description": "Error to show when the field is invalid.",
+              "fieldName": "errorMessage",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "name": "helper-text",
               "type": {
-                "text": "Object | undefined"
+                "text": "string"
               },
-              "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
-              "fieldName": "i18n",
+              "description": "String used for the helper text.",
+              "fieldName": "helperText",
               "inheritedFrom": {
-                "name": "I18nMixin",
-                "package": "@vaadin/component-base/src/i18n-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
@@ -1190,12 +1429,16 @@
               }
             },
             {
-              "name": "is-date-disabled",
+              "name": "label",
               "type": {
-                "text": "function(DatePickerDate): boolean | undefined"
+                "text": "string"
               },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.\n\nThe function is called once per date and has to answer synchronously. Use\n`dateMetadataProvider` when the answer has to be loaded first, or when dates also need\ncustom part names. A date is disabled when either of the two disables it.",
-              "fieldName": "isDateDisabled"
+              "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "LabelMixin",
+                "package": "@vaadin/field-base/src/label-mixin.js"
+              }
             },
             {
               "name": "manual-validation",
@@ -1225,6 +1468,18 @@
               "description": "The earliest date that can be selected. All earlier dates will be disabled.\n\nSupported date formats:\n- ISO 8601 `\"YYYY-MM-DD\"` (default)\n- 6-digit extended ISO 8601 `\"+YYYYYY-MM-DD\"`, `\"-YYYYYY-MM-DD\"`",
               "fieldName": "min"
             },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of this field.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "name": "opened",
               "type": {
@@ -1233,6 +1488,30 @@
               "description": "Set true to open the date selector overlay.",
               "fieldName": "opened"
             },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "A hint to the user of what can be entered in the field.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When present, it specifies that the field is read-only.",
+              "fieldName": "readonly",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "name": "required",
               "type": {
@@ -1254,16 +1533,24 @@
               "fieldName": "showWeekNumbers"
             },
             {
-              "name": "value",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "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\"`",
-              "fieldName": "value",
+              "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
+              "fieldName": "title",
               "inheritedFrom": {
-                "name": "InputMixin",
-                "package": "@vaadin/field-base/src/input-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "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\"`",
+              "fieldName": "value"
             }
           ],
           "mixins": [
@@ -1272,16 +1559,8 @@
               "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"
+              "name": "InputControlMixin",
+              "package": "@vaadin/field-base/src/input-control-mixin.js"
             }
           ],
           "parameters": [
@@ -1325,8 +1604,7 @@
               "privacy": "public",
               "type": {
                 "text": "array"
-              },
-              "attribute": "calendars"
+              }
             },
             {
               "kind": "method",
@@ -1339,8 +1617,7 @@
               "privacy": "public",
               "type": {
                 "text": "date"
-              },
-              "attribute": "entered-date"
+              }
             },
             {
               "kind": "field",
@@ -1381,8 +1658,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "Date value which is focused using keyboard.",
-              "attribute": "focused-date"
+              "description": "Date value which is focused using keyboard."
             },
             {
               "kind": "field",
@@ -1390,8 +1666,7 @@
               "privacy": "public",
               "type": {
                 "text": "object"
-              },
-              "attribute": "i18n"
+              }
             },
             {
               "kind": "field",
@@ -1400,8 +1675,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "Date which should be visible when there is no value selected.",
-              "attribute": "initial-position"
+              "description": "Date which should be visible when there is no value selected."
             },
             {
               "kind": "field",
@@ -1410,8 +1684,7 @@
               "type": {
                 "text": "function(DatePickerDate): boolean | undefined"
               },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.",
-              "attribute": "is-date-disabled"
+              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean."
             },
             {
               "kind": "field",
@@ -1432,8 +1705,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "The latest date that can be selected. All later dates will be disabled.",
-              "attribute": "max-date"
+              "description": "The latest date that can be selected. All later dates will be disabled."
             },
             {
               "kind": "field",
@@ -1442,8 +1714,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "The earliest date that can be selected. All earlier dates will be disabled.",
-              "attribute": "min-date"
+              "description": "The earliest date that can be selected. All earlier dates will be disabled."
             },
             {
               "kind": "method",
@@ -1492,8 +1763,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "The value for this element.",
-              "attribute": "selected-date"
+              "description": "The value for this element."
             },
             {
               "kind": "field",
@@ -1515,8 +1785,7 @@
               "privacy": "public",
               "type": {
                 "text": "array"
-              },
-              "attribute": "years"
+              }
             }
           ],
           "events": [
@@ -1546,28 +1815,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "calendars",
-              "type": {
-                "text": "array"
-              },
-              "fieldName": "calendars"
-            },
-            {
-              "name": "entered-date",
-              "type": {
-                "text": "date"
-              },
-              "fieldName": "enteredDate"
-            },
-            {
-              "name": "is-date-disabled",
-              "type": {
-                "text": "function(DatePickerDate): boolean | undefined"
-              },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.",
-              "fieldName": "isDateDisabled"
-            },
             {
               "name": "label",
               "description": "Input label",
@@ -1586,13 +1833,6 @@
                 "text": "boolean"
               },
               "fieldName": "showWeekNumbers"
-            },
-            {
-              "name": "years",
-              "type": {
-                "text": "array"
-              },
-              "fieldName": "years"
             }
           ],
           "parameters": [
@@ -1711,7 +1951,6 @@
                 "text": "object"
               },
               "description": "Object with properties that is passed to `renderer` function",
-              "attribute": "model",
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
@@ -1781,7 +2020,6 @@
                 "text": "HTMLElement"
               },
               "description": "Owner element passed with renderer function",
-              "attribute": "owner",
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
@@ -1795,7 +2033,6 @@
                 "text": "object"
               },
               "description": "The element next to which this overlay should be aligned.\nThe position of the overlay relative to the positionTarget can be adjusted\nwith properties `horizontalAlign`, `verticalAlign`, `noHorizontalOverlap`\nand `noVerticalOverlap`.",
-              "attribute": "position-target",
               "inheritedFrom": {
                 "name": "PositionMixin",
                 "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
@@ -1809,7 +2046,6 @@
                 "text": "OverlayRenderer | null | undefined"
               },
               "description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
-              "attribute": "renderer",
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
@@ -1846,7 +2082,6 @@
                 "text": "HTMLElement"
               },
               "description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
-              "attribute": "restore-focus-node",
               "inheritedFrom": {
                 "name": "OverlayFocusMixin",
                 "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
@@ -2031,30 +2266,6 @@
                 "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
               }
             },
-            {
-              "name": "owner",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "Owner element passed with renderer function",
-              "fieldName": "owner",
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
-              }
-            },
-            {
-              "name": "renderer",
-              "type": {
-                "text": "OverlayRenderer | null | undefined"
-              },
-              "description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
-              "fieldName": "renderer",
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
-              }
-            },
             {
               "name": "required-vertical-space",
               "type": {
@@ -2067,18 +2278,6 @@
                 "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
               }
             },
-            {
-              "name": "restore-focus-node",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
-              "fieldName": "restoreFocusNode",
-              "inheritedFrom": {
-                "name": "OverlayFocusMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
-              }
-            },
             {
               "name": "restore-focus-on-close",
               "type": {
@@ -2268,8 +2467,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "InputConstraintsMixin",
-                "package": "@vaadin/field-base/src/input-constraints-mixin.js"
+                "name": "DatePickerMixin",
+                "module": "src/vaadin-date-picker-mixin.js"
               }
             },
             {
@@ -2321,7 +2520,6 @@
                 "text": "DatePickerDateMetadataProvider | null | undefined"
               },
               "description": "A function that provides metadata for the dates the calendar is about to render: whether they\nare disabled, and CSS `part` names for styling from outside using the `::part()` selector.\nUnlike `isDateDisabled`, which is called once per date, the metadata provider is called for\na range of dates at a time, and again as the calendar renders further dates.\n\nIt receives a `DatePickerDateRange` and returns an array of `DatePickerDateMetadata` objects\nfor the dates in that range that have metadata. It can return a `Promise` to load the metadata\nasynchronously, and `null` or `undefined` when no date in the range has metadata.\n\nThe returned array has the following structure:\n\n```js\n[\n  // The date is an ISO 8601 string.\n  { date: '2026-01-01', disabled: true },\n\n  // Adds a custom part name to the date.\n  { date: '2026-01-02', part: 'busy' },\n]\n```\n\nA date is disabled if its metadata marks it disabled, or `isDateDisabled` returns `true`, or\nit is outside `min` and `max`. Disabled dates are not selectable, and typing a disabled date in\nthe field makes it invalid. The provider does not affect which date is focused when opening the\noverlay. Use `initialPosition` property to provide a selectable date.\n\nWhile a returned `Promise` is pending, the dates it covers are not disabled yet and render with\nthe `loading` part. If the function throws or rejects, corresponding dates are requested again\nthe next time the user navigates.\n\nThe provider is used for validation also when the overlay is closed. Date is considered valid\nwhile the provider is pending, and is re-validated again after the metadata is loaded.\n\nKeep a stable reference to the function: assigning a new one clears the cache and re-fetches\nvisible range. Call `clearCache()` to re-fetch when the data behind the same function changed.",
-              "attribute": "date-metadata-provider",
               "inheritedFrom": {
                 "name": "DatePickerMixin",
                 "module": "src/vaadin-date-picker-mixin.js"
@@ -2337,8 +2535,8 @@
               "description": "If true, the user cannot interact with this element.",
               "attribute": "disabled",
               "inheritedFrom": {
-                "name": "TabindexMixin",
-                "package": "@vaadin/a11y-base/src/tabindex-mixin.js"
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
               }
             },
             {
@@ -2372,15 +2570,14 @@
             {
               "kind": "field",
               "name": "i18n",
-              "privacy": "public",
+              "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\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  // Accessible name of the overlay content, announced by screen readers\n  // when the overlay opens.\n  dialogAccessibleName: 'Calendar',\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```",
               "type": {
-                "text": "Object | undefined"
+                "text": "DatePickerI18n | undefined"
               },
-              "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\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  // Accessible name of the overlay content, announced by screen readers\n  // when the overlay opens.\n  dialogAccessibleName: 'Calendar',\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```",
-              "attribute": "i18n",
+              "privacy": "public",
               "inheritedFrom": {
-                "name": "I18nMixin",
-                "package": "@vaadin/component-base/src/i18n-mixin.js"
+                "name": "DatePickerMixin",
+                "module": "src/vaadin-date-picker-mixin.js"
               }
             },
             {
@@ -2419,7 +2616,6 @@
                 "text": "function(DatePickerDate): boolean | undefined"
               },
               "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.\n\nThe function is called once per date and has to answer synchronously. Use\n`dateMetadataProvider` when the answer has to be loaded first, or when dates also need\ncustom part names. A date is disabled when either of the two disables it.",
-              "attribute": "is-date-disabled",
               "inheritedFrom": {
                 "name": "DatePickerMixin",
                 "module": "src/vaadin-date-picker-mixin.js"
@@ -2619,15 +2815,11 @@
           ],
           "events": [
             {
-              "name": "change",
               "type": {
-                "text": "CustomEvent"
+                "text": "Event"
               },
               "description": "Fired when the user commits a value change.",
-              "inheritedFrom": {
-                "name": "InputConstraintsMixin",
-                "package": "@vaadin/field-base/src/input-constraints-mixin.js"
-              }
+              "name": "change"
             },
             {
               "type": {
@@ -2644,15 +2836,11 @@
               "name": "opened-changed"
             },
             {
-              "name": "unparsable-change",
               "type": {
-                "text": "CustomEvent"
+                "text": "Event"
               },
               "description": "Fired when the user commits an unparsable value change and there is no change event.",
-              "inheritedFrom": {
-                "name": "DatePickerMixin",
-                "module": "src/vaadin-date-picker-mixin.js"
-              }
+              "name": "unparsable-change"
             },
             {
               "type": {
@@ -2766,18 +2954,6 @@
                 "package": "@vaadin/field-base/src/clear-button-mixin.js"
               }
             },
-            {
-              "name": "date-metadata-provider",
-              "type": {
-                "text": "DatePickerDateMetadataProvider | null | undefined"
-              },
-              "description": "A function that provides metadata for the dates the calendar is about to render: whether they\nare disabled, and CSS `part` names for styling from outside using the `::part()` selector.\nUnlike `isDateDisabled`, which is called once per date, the metadata provider is called for\na range of dates at a time, and again as the calendar renders further dates.\n\nIt receives a `DatePickerDateRange` and returns an array of `DatePickerDateMetadata` objects\nfor the dates in that range that have metadata. It can return a `Promise` to load the metadata\nasynchronously, and `null` or `undefined` when no date in the range has metadata.\n\nThe returned array has the following structure:\n\n```js\n[\n  // The date is an ISO 8601 string.\n  { date: '2026-01-01', disabled: true },\n\n  // Adds a custom part name to the date.\n  { date: '2026-01-02', part: 'busy' },\n]\n```\n\nA date is disabled if its metadata marks it disabled, or `isDateDisabled` returns `true`, or\nit is outside `min` and `max`. Disabled dates are not selectable, and typing a disabled date in\nthe field makes it invalid. The provider does not affect which date is focused when opening the\noverlay. Use `initialPosition` property to provide a selectable date.\n\nWhile a returned `Promise` is pending, the dates it covers are not disabled yet and render with\nthe `loading` part. If the function throws or rejects, corresponding dates are requested again\nthe next time the user navigates.\n\nThe provider is used for validation also when the overlay is closed. Date is considered valid\nwhile the provider is pending, and is re-validated again after the metadata is loaded.\n\nKeep a stable reference to the function: assigning a new one clears the cache and re-fetches\nvisible range. Call `clearCache()` to re-fetch when the data behind the same function changed.",
-              "fieldName": "dateMetadataProvider",
-              "inheritedFrom": {
-                "name": "DatePickerMixin",
-                "module": "src/vaadin-date-picker-mixin.js"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -2786,8 +2962,8 @@
               "description": "If true, the user cannot interact with this element.",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "TabindexMixin",
-                "package": "@vaadin/a11y-base/src/tabindex-mixin.js"
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
               }
             },
             {
@@ -2814,18 +2990,6 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
-            {
-              "name": "i18n",
-              "type": {
-                "text": "Object | undefined"
-              },
-              "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
-              "fieldName": "i18n",
-              "inheritedFrom": {
-                "name": "I18nMixin",
-                "package": "@vaadin/component-base/src/i18n-mixin.js"
-              }
-            },
             {
               "name": "initial-position",
               "type": {
@@ -2850,18 +3014,6 @@
                 "package": "@vaadin/field-base/src/validate-mixin.js"
               }
             },
-            {
-              "name": "is-date-disabled",
-              "type": {
-                "text": "function(DatePickerDate): boolean | undefined"
-              },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.\n\nThe function is called once per date and has to answer synchronously. Use\n`dateMetadataProvider` when the answer has to be loaded first, or when dates also need\ncustom part names. A date is disabled when either of the two disables it.",
-              "fieldName": "isDateDisabled",
-              "inheritedFrom": {
-                "name": "DatePickerMixin",
-                "module": "src/vaadin-date-picker-mixin.js"
-              }
-            },
             {
               "name": "label",
               "type": {
@@ -3019,10 +3171,6 @@
               "name": "DatePickerMixin",
               "module": "src/vaadin-date-picker-mixin.js"
             },
-            {
-              "name": "InputControlMixin",
-              "package": "@vaadin/field-base/src/input-control-mixin.js"
-            },
             {
               "name": "ThemableMixin",
               "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
@@ -3083,8 +3231,7 @@
               "privacy": "public",
               "type": {
                 "text": "date"
-              },
-              "attribute": "entered-date"
+              }
             },
             {
               "kind": "field",
@@ -3098,8 +3245,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "A `Date` object for the currently focused date.",
-              "attribute": "focused-date"
+              "description": "A `Date` object for the currently focused date."
             },
             {
               "kind": "field",
@@ -3107,8 +3253,7 @@
               "privacy": "public",
               "type": {
                 "text": "object"
-              },
-              "attribute": "i18n"
+              }
             },
             {
               "kind": "field",
@@ -3127,8 +3272,7 @@
               "type": {
                 "text": "Function | undefined"
               },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.",
-              "attribute": "is-date-disabled"
+              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean."
             },
             {
               "kind": "field",
@@ -3137,8 +3281,7 @@
               "type": {
                 "text": "date"
               },
-              "description": "The latest date that can be selected. All later dates will be disabled.",
-              "attribute": "max-date"
+              "description": "The latest date that can be selected. All later dates will be disabled."
             },
             {
               "kind": "field",
@@ -3147,8 +3290,7 @@
               "type": {
                 "text": "date"
               },
-              "description": "The earliest date that can be selected. All earlier dates will be disabled.",
-              "attribute": "min-date"
+              "description": "The earliest date that can be selected. All earlier dates will be disabled."
             },
             {
               "kind": "field",
@@ -3157,8 +3299,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "A `Date` object defining the month to be displayed. Only year and\nmonth properties are actually used.",
-              "attribute": "month"
+              "description": "A `Date` object defining the month to be displayed. Only year and\nmonth properties are actually used."
             },
             {
               "kind": "field",
@@ -3167,8 +3308,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "A `Date` object for the currently selected date.",
-              "attribute": "selected-date"
+              "description": "A `Date` object for the currently selected date."
             },
             {
               "kind": "field",
@@ -3197,13 +3337,6 @@
               },
               "fieldName": "disabled"
             },
-            {
-              "name": "entered-date",
-              "type": {
-                "text": "date"
-              },
-              "fieldName": "enteredDate"
-            },
             {
               "name": "ignore-taps",
               "type": {
@@ -3212,30 +3345,6 @@
               "description": "Flag stating whether taps on the component should be ignored.",
               "fieldName": "ignoreTaps"
             },
-            {
-              "name": "is-date-disabled",
-              "type": {
-                "text": "Function | undefined"
-              },
-              "description": "A function to be used to determine whether the user can select a given date.\nReceives a `DatePickerDate` object of the date to be selected and should return a\nboolean.",
-              "fieldName": "isDateDisabled"
-            },
-            {
-              "name": "max-date",
-              "type": {
-                "text": "date"
-              },
-              "description": "The latest date that can be selected. All later dates will be disabled.",
-              "fieldName": "maxDate"
-            },
-            {
-              "name": "min-date",
-              "type": {
-                "text": "date"
-              },
-              "description": "The earliest date that can be selected. All earlier dates will be disabled.",
-              "fieldName": "minDate"
-            },
             {
               "name": "show-week-numbers",
               "type": {