@vaadin/time-picker 25.1.0-beta1 → 25.1.0-beta2

package/custom-elements.json

@@ -109,220 +109,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-time-picker-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An item element used by the `<vaadin-time-picker>` dropdown.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name   | Description\n------------|--------------\n`checkmark` | The graphical checkmark shown for a selected item\n`content`   | The element that wraps the item content\n\nThe following state attributes are exposed for styling:\n\nAttribute    | Description\n-------------|-------------\n`selected`   | Set when the item is selected\n`focused`    | Set when the item is focused\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
-          "name": "TimePickerItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "focused",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "True when item is focused.",
-              "attribute": "focused",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "index",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "description": "The index of the item.",
-              "attribute": "index",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "item",
-              "privacy": "public",
-              "type": {
-                "text": "object"
-              },
-              "description": "The item to render.",
-              "attribute": "item",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "The text to render in the item.",
-              "attribute": "label",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "renderer",
-              "privacy": "public",
-              "type": {
-                "text": "function"
-              },
-              "description": "Custom function for rendering the item content.",
-              "attribute": "renderer",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "requestContentUpdate",
-              "description": "Requests an update for the content of the item.\nWhile performing the update, it invokes the renderer passed in the `renderer` property.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested.",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "True when item is selected.",
-              "attribute": "selected",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ComboBoxItemMixin",
-              "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-            },
-            {
-              "name": "ThemableMixin",
-              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
-            },
-            {
-              "name": "DirMixin",
-              "package": "@vaadin/component-base/src/dir-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-time-picker-item",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "True when item is focused.",
-              "fieldName": "focused",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "name": "hidden",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "name": "index",
-              "type": {
-                "text": "number"
-              },
-              "description": "The index of the item.",
-              "fieldName": "index",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The text to render in the item.",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "name": "renderer",
-              "type": {
-                "text": "function"
-              },
-              "description": "Custom function for rendering the item content.",
-              "fieldName": "renderer",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "True when item is selected.",
-              "fieldName": "selected",
-              "inheritedFrom": {
-                "name": "ComboBoxItemMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js"
-              }
-            }
-          ],
-          "events": []
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TimePickerItem",
-          "declaration": {
-            "name": "TimePickerItem",
-            "module": "src/vaadin-time-picker-item.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/vaadin-time-picker-mixin.js",
@@ -334,997 +120,555 @@
         {
           "kind": "mixin",
           "description": "A mixin providing common time-picker functionality.",
-          "name": "TimePickerMixin",
-          "members": [
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Returns true if the current input value satisfies all constraints (if any).\nYou can override this method for custom validations.",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "i18n",
-              "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides both the\ntime parsing and formatting functions.\n\nThe object has the following JSON structure:\n\n```js\n{\n  // A function to format given `Object` as\n  // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n  formatTime: (time) => {\n    // returns a string representation of the given\n    // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n  },\n\n  // A function to parse the given text to an `Object` in the format\n  // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n  // Must properly parse (at least) text\n  // formatted by `formatTime`.\n  parseTime: text => {\n    // Parses a string in object/string that can be formatted by`formatTime`.\n  }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.",
-              "return": {
-                "type": {
-                  "text": "!TimePickerI18n"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "Object"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "I18nMixin",
-                "package": "@vaadin/component-base/src/i18n-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Maximum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
-              "attribute": "max"
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Minimum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
-              "attribute": "min"
-            },
-            {
-              "kind": "field",
-              "name": "step",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the value string. By default\nthe component formats values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX experience.",
-              "attribute": "step"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
-              "attribute": "value"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "unparsable-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "i18n",
-              "inheritedFrom": {
-                "name": "I18nMixin",
-                "package": "@vaadin/component-base/src/i18n-mixin.js"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "string"
-              },
-              "description": "Maximum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
-              "fieldName": "max"
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "string"
-              },
-              "description": "Minimum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
-              "fieldName": "min"
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number"
-              },
-              "description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the value string. By default\nthe component formats values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX experience.",
-              "fieldName": "step"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
-              "fieldName": "value"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "I18nMixin",
-              "package": "@vaadin/component-base/src/i18n-mixin.js"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "timePickerI18nDefaults",
-          "declaration": {
-            "name": "timePickerI18nDefaults",
-            "module": "src/vaadin-time-picker-mixin.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TimePickerMixin",
-          "declaration": {
-            "name": "TimePickerMixin",
-            "module": "src/vaadin-time-picker-mixin.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-time-picker-overlay.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An element used internally by `<vaadin-time-picker>`. Not intended to be used separately.",
-          "name": "TimePickerOverlay",
+          "name": "TimePickerMixin",
           "members": [
-            {
-              "kind": "method",
-              "name": "bringToFront",
-              "description": "Brings the overlay as visually the frontmost one.",
-              "inheritedFrom": {
-                "name": "OverlayStackMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-stack-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "parameters": [
-                {
-                  "name": "sourceEvent",
-                  "type": {
-                    "text": "Event="
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusTrap",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
-              "attribute": "focus-trap",
-              "inheritedFrom": {
-                "name": "OverlayFocusMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
-              }
-            },
             {
               "kind": "field",
-              "name": "hidden",
+              "name": "accessibleName",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
-              "attribute": "hidden",
+              "description": "String used to label the component to screen reader users.",
+              "attribute": "accessible-name",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "horizontalAlign",
+              "name": "accessibleNameRef",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "When `positionTarget` is set, this property defines whether to align the overlay's\nleft or right side to the target element by default.\nPossible values are `start` and `end`.\nRTL is taken into account when interpreting the value.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
-              "attribute": "horizontal-align",
+              "description": "Id of the element used as label of the component to screen reader users.",
+              "attribute": "accessible-name-ref",
               "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "model",
+              "name": "allowedCharPattern",
               "privacy": "public",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "Object with properties that is passed to `renderer` function",
-              "attribute": "model",
+              "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": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "modeless",
+              "name": "autoOpenDisabled",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
-              "attribute": "modeless",
+              "description": "Set true to prevent the overlay from opening automatically.",
+              "attribute": "auto-open-disabled",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "noHorizontalOverlap",
+              "name": "autoselect",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the x-axis, or be positioned right next to it.",
-              "attribute": "no-horizontal-overlap",
+              "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
+              "attribute": "autoselect",
               "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "noVerticalOverlap",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the y-axis, or be positioned right above/below it.",
-              "attribute": "no-vertical-overlap",
-              "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Returns true if the current input value satisfies all constraints (if any).\nYou can override this method for custom validations.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               }
             },
             {
               "kind": "field",
-              "name": "opened",
+              "name": "clearButtonVisible",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, the overlay is visible and attached to body.",
-              "attribute": "opened",
+              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "attribute": "clear-button-visible",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "owner",
-              "privacy": "public",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "Owner element passed with renderer function",
-              "attribute": "owner",
+              "kind": "method",
+              "name": "close",
+              "description": "Closes the dropdown list.",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "positionTarget",
+              "name": "errorMessage",
               "privacy": "public",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "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",
+              "description": "Error to show when the field is invalid.",
+              "attribute": "error-message",
               "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "renderer",
+              "name": "helperText",
               "privacy": "public",
               "type": {
-                "text": "OverlayRenderer | null | undefined"
+                "text": "string"
               },
-              "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"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "requestContentUpdate",
-              "description": "Requests an update for the content of the overlay.\nWhile performing the update, it invokes the renderer passed in the `renderer` property.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested.",
+              "description": "String used for the helper text.",
+              "attribute": "helper-text",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "requiredVerticalSpace",
-              "privacy": "public",
+              "name": "i18n",
+              "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides both the\ntime parsing and formatting functions.\n\nThe object has the following JSON structure:\n\n```js\n{\n  // A function to format given `Object` as\n  // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n  formatTime: (time) => {\n    // returns a string representation of the given\n    // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n  },\n\n  // A function to parse the given text to an `Object` in the format\n  // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n  // Must properly parse (at least) text\n  // formatted by `formatTime`.\n  parseTime: text => {\n    // Parses a string in object/string that can be formatted by`formatTime`.\n  }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.",
               "type": {
-                "text": "number"
+                "text": "Object"
               },
-              "description": "If the overlay content has no intrinsic height, this property can be used to set\nthe minimum vertical space (in pixels) required by the overlay. Setting a value to\nthe property effectively disables the content measurement in favor of using this\nfixed value for determining the open direction.",
-              "attribute": "required-vertical-space",
-              "default": "200",
               "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+                "name": "I18nMixin",
+                "package": "@vaadin/component-base/src/i18n-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "restoreFocusNode",
+              "name": "label",
               "privacy": "public",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
-              "description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
-              "attribute": "restore-focus-node",
+              "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": "OverlayFocusMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "restoreFocusOnClose",
+              "name": "max",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Set to true to enable restoring of focus when overlay is closed.",
-              "attribute": "restore-focus-on-close",
-              "inheritedFrom": {
-                "name": "OverlayFocusMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setBounds",
-              "parameters": [
-                {
-                  "name": "bounds",
-                  "type": {
-                    "text": "!OverlayBoundsParam"
-                  }
-                },
-                {
-                  "name": "absolute",
-                  "default": "true",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Updates the coordinates of the overlay.",
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
-              }
+              "description": "Maximum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "verticalAlign",
+              "name": "min",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "When `positionTarget` is set, this property defines whether to align the overlay's\ntop or bottom side to the target element by default.\nPossible values are `top` and `bottom`.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
-              "attribute": "vertical-align",
-              "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
-              }
+              "description": "Minimum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
+              "attribute": "min"
             },
             {
               "kind": "field",
-              "name": "withBackdrop",
+              "name": "name",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "When true the overlay has backdrop on top of content when opened.",
-              "attribute": "with-backdrop",
+              "description": "The name of this field.",
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ComboBoxOverlayMixin",
-              "package": "@vaadin/combo-box/src/vaadin-combo-box-overlay-mixin.js"
-            },
-            {
-              "name": "OverlayMixin",
-              "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
-            },
-            {
-              "name": "DirMixin",
-              "package": "@vaadin/component-base/src/dir-mixin.js"
-            },
-            {
-              "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"
-          },
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "focus-trap",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
-              "fieldName": "focusTrap",
+              "kind": "method",
+              "name": "open",
+              "description": "Opens the dropdown list.",
               "inheritedFrom": {
-                "name": "OverlayFocusMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
             {
-              "name": "hidden",
+              "kind": "field",
+              "name": "opened",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
-              "fieldName": "hidden",
+              "description": "True if the dropdown is open, false otherwise.",
+              "attribute": "opened",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
             {
-              "name": "horizontal-align",
+              "kind": "field",
+              "name": "pattern",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "When `positionTarget` is set, this property defines whether to align the overlay's\nleft or right side to the target element by default.\nPossible values are `start` and `end`.\nRTL is taken into account when interpreting the value.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
-              "fieldName": "horizontalAlign",
-              "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
-              }
-            },
-            {
-              "name": "modeless",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
-              "fieldName": "modeless",
+              "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
+              "attribute": "pattern",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "PatternMixin",
+                "package": "@vaadin/field-base/src/pattern-mixin.js"
               }
             },
             {
-              "name": "no-horizontal-overlap",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the x-axis, or be positioned right next to it.",
-              "fieldName": "noHorizontalOverlap",
-              "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
-              }
-            },
-            {
-              "name": "no-vertical-overlap",
+              "kind": "field",
+              "name": "placeholder",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the y-axis, or be positioned right above/below it.",
-              "fieldName": "noVerticalOverlap",
+              "description": "A hint to the user of what can be entered in the field.",
+              "attribute": "placeholder",
               "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "name": "opened",
+              "kind": "field",
+              "name": "readonly",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, the overlay is visible and attached to body.",
-              "fieldName": "opened",
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "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",
+              "description": "When present, it specifies that the field is read-only.",
+              "attribute": "readonly",
               "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "name": "required-vertical-space",
+              "kind": "field",
+              "name": "step",
+              "privacy": "public",
               "type": {
                 "text": "number"
               },
-              "description": "If the overlay content has no intrinsic height, this property can be used to set\nthe minimum vertical space (in pixels) required by the overlay. Setting a value to\nthe property effectively disables the content measurement in favor of using this\nfixed value for determining the open direction.",
-              "fieldName": "requiredVerticalSpace",
-              "inheritedFrom": {
-                "name": "PositionMixin",
-                "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": {
-                "text": "boolean"
-              },
-              "description": "Set to true to enable restoring of focus when overlay is closed.",
-              "fieldName": "restoreFocusOnClose",
-              "inheritedFrom": {
-                "name": "OverlayFocusMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
-              }
+              "description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the value string. By default\nthe component formats values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX experience.",
+              "attribute": "step"
             },
             {
-              "name": "vertical-align",
+              "kind": "field",
+              "name": "title",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "When `positionTarget` is set, this property defines whether to align the overlay's\ntop or bottom side to the target element by default.\nPossible values are `top` and `bottom`.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
-              "fieldName": "verticalAlign",
+              "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
+              "attribute": "title",
               "inheritedFrom": {
-                "name": "PositionMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "name": "with-backdrop",
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "When true the overlay has backdrop on top of content when opened.",
-              "fieldName": "withBackdrop",
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
-              }
+              "description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
+              "attribute": "value"
             }
           ],
           "events": [
             {
-              "name": "vaadin-overlay-closed",
+              "name": "change",
               "type": {
                 "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
               }
             },
             {
-              "name": "vaadin-overlay-closing",
+              "name": "unparsable-change",
               "type": {
                 "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "OverlayMixin",
-                "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
               }
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TimePickerOverlay",
-          "declaration": {
-            "name": "TimePickerOverlay",
-            "module": "src/vaadin-time-picker-overlay.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vaadin-time-picker-scroller.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An element used internally by `<vaadin-time-picker>`. Not intended to be used separately.",
-          "name": "TimePickerScroller",
-          "members": [
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "focusedIndex",
-              "privacy": "public",
+              "name": "accessible-name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "Index of an item that has focus outline and is scrolled into view.\nThe actual focus still remains in the input field.",
-              "attribute": "focused-index",
+              "description": "String used to label the component to screen reader users.",
+              "fieldName": "accessibleName",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "getItemLabel",
-              "privacy": "public",
+              "name": "accessible-name-ref",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "Function used to set a label for every combo-box item.",
-              "attribute": "get-item-label",
+              "description": "Id of the element used as label of the component to screen reader users.",
+              "fieldName": "accessibleNameRef",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "itemClassNameGenerator",
-              "privacy": "public",
+              "name": "allowed-char-pattern",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "A function used to generate CSS class names for dropdown\nitems based on the item. The return value should be the\ngenerated class name as a string, or multiple class names\nseparated by whitespace characters.",
-              "attribute": "item-class-name-generator",
+              "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": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "itemIdPath",
-              "privacy": "public",
+              "name": "auto-open-disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Path for the id of the item, used to detect whether the item is selected.",
-              "attribute": "item-id-path",
+              "description": "Set true to prevent the overlay from opening automatically.",
+              "fieldName": "autoOpenDisabled",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "items",
-              "privacy": "public",
+              "name": "autoselect",
               "type": {
-                "text": "array"
+                "text": "boolean"
               },
-              "description": "A full set of items to filter the visible options from.\nSet to an empty array when combo-box is not opened.",
-              "attribute": "items",
+              "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
+              "fieldName": "autoselect",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "loading",
-              "privacy": "public",
+              "name": "clear-button-visible",
               "type": {
                 "text": "boolean"
               },
-              "description": "Set to true while combo-box fetches new page from the data provider.",
-              "attribute": "loading",
+              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "fieldName": "clearButtonVisible",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "opened",
-              "privacy": "public",
+              "name": "error-message",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Whether the combo-box is currently opened or not. If set to false,\ncalling `scrollIntoView` does not have any effect.",
-              "attribute": "opened",
+              "description": "Error to show when the field is invalid.",
+              "fieldName": "errorMessage",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "owner",
-              "privacy": "public",
+              "name": "helper-text",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "Reference to the owner (combo-box owner), used by the item elements.",
-              "attribute": "owner",
+              "description": "String used for the helper text.",
+              "fieldName": "helperText",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "renderer",
-              "privacy": "public",
-              "type": {
-                "text": "object"
-              },
-              "description": "Function used to render the content of every combo-box item.",
-              "attribute": "renderer",
+              "name": "i18n",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "I18nMixin",
+                "package": "@vaadin/component-base/src/i18n-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "requestContentUpdate",
-              "description": "Updates the virtualizer's size and items.",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "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": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "scrollIntoView",
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Scrolls an item at given index into view and adjusts `scrollTop`\nso that the element gets fully visible on Arrow Down key press.",
-              "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
-              }
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "Maximum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
+              "fieldName": "max"
             },
             {
-              "kind": "field",
-              "name": "selectedItem",
-              "privacy": "public",
+              "name": "min",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "The selected item from the `items` array.",
-              "attribute": "selected-item",
-              "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
-              }
+              "description": "Minimum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
+              "fieldName": "min"
             },
             {
-              "kind": "field",
-              "name": "theme",
-              "privacy": "public",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "Used to propagate the `theme` attribute from the host element.",
-              "attribute": "theme",
+              "description": "The name of this field.",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ComboBoxScrollerMixin",
-              "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
             },
             {
-              "name": "PolylitMixin",
-              "package": "@vaadin/component-base/src/polylit-mixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "vaadin-time-picker-scroller",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "focused-index",
+              "name": "opened",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Index of an item that has focus outline and is scrolled into view.\nThe actual focus still remains in the input field.",
-              "fieldName": "focusedIndex",
+              "description": "True if the dropdown is open, false otherwise.",
+              "fieldName": "opened",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
             {
-              "name": "item-id-path",
+              "name": "pattern",
               "type": {
                 "text": "string"
               },
-              "description": "Path for the id of the item, used to detect whether the item is selected.",
-              "fieldName": "itemIdPath",
+              "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
+              "fieldName": "pattern",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "PatternMixin",
+                "package": "@vaadin/field-base/src/pattern-mixin.js"
               }
             },
             {
-              "name": "items",
+              "name": "placeholder",
               "type": {
-                "text": "array"
+                "text": "string"
               },
-              "description": "A full set of items to filter the visible options from.\nSet to an empty array when combo-box is not opened.",
-              "fieldName": "items",
+              "description": "A hint to the user of what can be entered in the field.",
+              "fieldName": "placeholder",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "name": "loading",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "description": "Set to true while combo-box fetches new page from the data provider.",
-              "fieldName": "loading",
+              "description": "When present, it specifies that the field is read-only.",
+              "fieldName": "readonly",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
             },
             {
-              "name": "opened",
+              "name": "step",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Whether the combo-box is currently opened or not. If set to false,\ncalling `scrollIntoView` does not have any effect.",
-              "fieldName": "opened",
-              "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
-              }
+              "description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the value string. By default\nthe component formats values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX experience.",
+              "fieldName": "step"
             },
             {
-              "name": "theme",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "description": "Used to propagate the `theme` attribute from the host element.",
-              "fieldName": "theme",
+              "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
+              "fieldName": "title",
               "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "index-requested",
+              "name": "value",
               "type": {
-                "text": "CustomEvent"
+                "text": "string"
               },
-              "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
-              }
+              "description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
+              "fieldName": "value"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "I18nMixin",
+              "package": "@vaadin/component-base/src/i18n-mixin.js"
             },
             {
-              "name": "selection-changed",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "ComboBoxScrollerMixin",
-                "package": "@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js"
-              }
+              "name": "ComboBoxBaseMixin",
+              "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+            },
+            {
+              "name": "InputControlMixin",
+              "package": "@vaadin/field-base/src/input-control-mixin.js"
+            },
+            {
+              "name": "PatternMixin",
+              "package": "@vaadin/field-base/src/pattern-mixin.js"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass"
             }
           ]
         }
@@ -1332,10 +676,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "TimePickerScroller",
+          "name": "timePickerI18nDefaults",
+          "declaration": {
+            "name": "timePickerI18nDefaults",
+            "module": "src/vaadin-time-picker-mixin.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TimePickerMixin",
           "declaration": {
-            "name": "TimePickerScroller",
-            "module": "src/vaadin-time-picker-scroller.js"
+            "name": "TimePickerMixin",
+            "module": "src/vaadin-time-picker-mixin.js"
           }
         }
       ]
@@ -1349,6 +701,48 @@
           "description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property                          | Description                | Default\n-----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width`           | Default width of the field | `12em`\n`--vaadin-time-picker-overlay-width`     | Width of the overlay       | `auto`\n`--vaadin-time-picker-overlay-max-height`| Max height of the overlay  | `65vh`\n\nThe following shadow DOM parts are available for styling:\n\nPart name            | Description\n---------------------|----------------\n`label`              | The label element\n`input-field`        | The element that wraps prefix, value and buttons\n`field-button`       | Set on both clear and toggle buttons\n`clear-button`       | The clear button\n`error-message`      | The error message element\n`helper-text`        | The helper text element wrapper\n`required-indicator` | The `required` state indicator element\n`toggle-button`      | The toggle button\n`overlay`            | The overlay container\n`content`            | The overlay content\n\nThe following state attributes are available for styling:\n\nAttribute            | Description\n---------------------|---------------------------------\n`disabled`           | Set when the element is disabled\n`has-value`          | Set when the element has a value\n`has-label`          | Set when the element has a label\n`has-helper`         | Set when the element has helper text or slot\n`has-error-message`  | Set when the element has an error message\n`has-tooltip`        | Set when the element has a slotted tooltip\n`invalid`            | Set when the element is invalid\n`focused`            | Set when the element is focused\n`focus-ring`         | Set when the element is keyboard focused\n`readonly`           | Set when the element is readonly\n`opened`             | Set when the overlay is opened\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](#/elements/vaadin-item).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change             | Event\n:------------------------|:------------------\nempty => parsable        | change\nempty => unparsable      | unparsable-change\nparsable => empty        | change\nparsable => parsable     | change\nparsable => unparsable   | change\nunparsable => empty      | unparsable-change\nunparsable => parsable   | change\nunparsable => unparsable | unparsable-change",
           "name": "TimePicker",
           "members": [
+            {
+              "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": "autoOpenDisabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set true to prevent the overlay from opening automatically.",
+              "attribute": "auto-open-disabled",
+              "inheritedFrom": {
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+              }
+            },
+            {
+              "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",
@@ -1363,23 +757,22 @@
                 "module": "src/vaadin-time-picker-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "close",
+              "description": "Closes the dropdown list.",
+              "inheritedFrom": {
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "i18n",
               "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides both the\ntime parsing and formatting functions.\n\nThe object has the following JSON structure:\n\n```js\n{\n  // A function to format given `Object` as\n  // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n  formatTime: (time) => {\n    // returns a string representation of the given\n    // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n  },\n\n  // A function to parse the given text to an `Object` in the format\n  // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n  // Must properly parse (at least) text\n  // formatted by `formatTime`.\n  parseTime: text => {\n    // Parses a string in object/string that can be formatted by`formatTime`.\n  }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.",
-              "return": {
-                "type": {
-                  "text": "!TimePickerI18n"
-                }
+              "type": {
+                "text": "Object"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "Object"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "I18nMixin",
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -1413,6 +806,85 @@
                 "module": "src/vaadin-time-picker-mixin.js"
               }
             },
+            {
+              "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",
+              "description": "Opens the dropdown list.",
+              "inheritedFrom": {
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opened",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "True if the dropdown is open, false otherwise.",
+              "attribute": "opened",
+              "inheritedFrom": {
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
+              "attribute": "pattern",
+              "inheritedFrom": {
+                "name": "PatternMixin",
+                "package": "@vaadin/field-base/src/pattern-mixin.js"
+              }
+            },
+            {
+              "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": "step",
@@ -1427,6 +899,20 @@
                 "module": "src/vaadin-time-picker-mixin.js"
               }
             },
+            {
+              "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": "field",
               "name": "value",
@@ -1522,6 +1008,42 @@
           "tagName": "vaadin-time-picker",
           "customElement": true,
           "attributes": [
+            {
+              "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": {
+                "text": "boolean"
+              },
+              "description": "Set true to prevent the overlay from opening automatically.",
+              "fieldName": "autoOpenDisabled",
+              "inheritedFrom": {
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+              }
+            },
+            {
+              "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": "i18n",
               "inheritedFrom": {
@@ -1553,6 +1075,66 @@
                 "module": "src/vaadin-time-picker-mixin.js"
               }
             },
+            {
+              "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": {
+                "text": "boolean"
+              },
+              "description": "True if the dropdown is open, false otherwise.",
+              "fieldName": "opened",
+              "inheritedFrom": {
+                "name": "ComboBoxBaseMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
+              }
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
+              "fieldName": "pattern",
+              "inheritedFrom": {
+                "name": "PatternMixin",
+                "package": "@vaadin/field-base/src/pattern-mixin.js"
+              }
+            },
+            {
+              "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": "step",
               "type": {
@@ -1565,6 +1147,18 @@
                 "module": "src/vaadin-time-picker-mixin.js"
               }
             },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
+              "fieldName": "title",
+              "inheritedFrom": {
+                "name": "InputControlMixin",
+                "package": "@vaadin/field-base/src/input-control-mixin.js"
+              }
+            },
             {
               "name": "value",
               "type": {