@ui5/webcomponents 0.0.0-df5b4199a → 0.0.0-e03cd01f3

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.17.0-rc.3",
+  "version": "2.18.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -737,7 +737,7 @@
         },
         {
           "name": "ui5-calendar",
-          "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n\n**Note:** If you call `preventDefault()` for this event, the component will not\ncreate instances of `ui5-date` for the newly selected dates. In that case you should do this manually.\n\n### **Slots:**\n - **calendarLegend** - Defines the calendar legend of the component.\n- **default** - Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.\n- **specialDates** - Defines the special dates, visually emphasized in the calendar.\n\n### **CSS Parts:**\n - **day-cell** - Used to style the day cells.\n- **day-cell-selected** - Used to style the day cells when selected.\n- **day-cell-selected-between** - Used to style the day cells in between of selected dates in range.\n- **month-cell** - Used to style the month cells.\n- **month-cell-selected** - Used to style the month cells when selected.\n- **month-cell-selected-between** - Used to style the day cells in between of selected months in range.\n- **month-picker-root** - Used to style the month picker root container.\n- **year-cell** - Used to style the year cells.\n- **year-cell-selected** - Used to style the year cells when selected.\n- **year-cell-selected-between** - Used to style the year cells in between of selected years in range.\n- **year-picker-root** - Used to style the year picker root container.\n- **year-range-cell** - Used to style the year range cells.\n- **year-range-cell-selected** - Used to style the year range cells when selected.\n- **year-range-cell-selected-between** - Used to style the year range cells in between of selected year ranges.\n- **year-range-picker-root** - Used to style the year range picker root container.\n- **calendar-header-middle-button** - Used to style the calendar header middle buttons (month/year/year-range buttons).\n- **calendar-header-arrow-button** - Used to style the calendar header navigation arrow buttons (previous/next buttons).",
+          "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n\n**Note:** If you call `preventDefault()` for this event, the component will not\ncreate instances of `ui5-date` for the newly selected dates. In that case you should do this manually.\n\n### **Slots:**\n - **calendarLegend** - Defines the calendar legend of the component.\n- **default** - Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.\n- **specialDates** - Defines the special dates, visually emphasized in the calendar.\n- **disabledDates** - Defines the disabled date ranges that cannot be selected in the calendar.\nUse `ui5-date-range` elements to specify ranges of disabled dates.\nEach range can define a start date, an end date, or both.\n\n### **CSS Parts:**\n - **day-cell** - Used to style the day cells.\n- **day-cell-selected** - Used to style the day cells when selected.\n- **day-cell-selected-between** - Used to style the day cells in between of selected dates in range.\n- **month-cell** - Used to style the month cells.\n- **month-cell-selected** - Used to style the month cells when selected.\n- **month-cell-selected-between** - Used to style the day cells in between of selected months in range.\n- **month-picker-root** - Used to style the month picker root container.\n- **year-cell** - Used to style the year cells.\n- **year-cell-selected** - Used to style the year cells when selected.\n- **year-cell-selected-between** - Used to style the year cells in between of selected years in range.\n- **year-picker-root** - Used to style the year picker root container.\n- **year-range-cell** - Used to style the year range cells.\n- **year-range-cell-selected** - Used to style the year range cells when selected.\n- **year-range-cell-selected-between** - Used to style the year range cells in between of selected year ranges.\n- **year-range-picker-root** - Used to style the year range picker root container.\n- **calendar-header-middle-button** - Used to style the calendar header middle buttons (month/year/year-range buttons).\n- **calendar-header-arrow-button** - Used to style the calendar header navigation arrow buttons (previous/next buttons).",
           "doc-url": "",
           "attributes": [
             {
@@ -815,6 +815,10 @@
             {
               "name": "specialDates",
               "description": "Defines the special dates, visually emphasized in the calendar."
+            },
+            {
+              "name": "disabledDates",
+              "description": "Defines the disabled date ranges that cannot be selected in the calendar.\nUse `ui5-date-range` elements to specify ranges of disabled dates.\nEach range can define a start date, an end date, or both."
             }
           ],
           "events": [
@@ -2693,22 +2697,24 @@
           }
         },
         {
-          "name": "ui5-datetime-picker",
-          "description": "### Overview\nThe `DateTimePicker` component alows users to select both date (day, month and year) and time (hours, minutes and seconds)\nand for the purpose it consists of input field and Date/Time picker.\n\n### Usage\n\nUse the `DateTimePicker` if you need a combined date and time input component.\nDon't use it if you want to use either date, or time value.\nIn this case, use the `DatePicker` or the `TimePicker` components instead.\n\nThe user can set date/time by:\n\n- using the calendar and the time selectors\n- typing in the input field\n\nProgrammatically, to set date/time for the `DateTimePicker`, use the `value` property\n\n### Formatting\n\nThe value entered by typing into the input field must fit to the used date/time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\n**Example:** the following format `dd/MM/yyyy, hh:mm:ss aa`\ncorresponds the `13/04/2020, 03:16:16 AM` value.\n\nThe small 'h' defines \"12\" hours format and the \"aa\" symbols - \"AM/PM\" time periods.\n\n**Example:** the following format `dd/MM/yyyy, HH:mm:ss`\ncorresponds the `13/04/2020, 15:16:16` value.\n\nThe capital 'H' indicates \"24\" hours format.\n\n**Note:** If the `formatPattern` does NOT include time,\nthe `DateTimePicker` will fallback to the default time format according to the locale.\n\n**Note:** If no placeholder is set to the `DateTimePicker`,\nthe current `formatPattern` is displayed as a placeholder.\nIf another placeholder is needed, it must be set or in case no placeholder is needed - it can be set to an empty string.\n\n**Note:** If the user input does NOT match the `formatPattern`,\nthe `DateTimePicker` makes an attempt to parse it based on the\nlocale settings.\n\n### Responsive behavior\n\nThe `DateTimePicker` is responsive and fully adapts to all devices.\nFor larger screens, such as tablet or desktop, it is displayed as a popover, while\non phone devices, it is displayed full screen.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateTimePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - @deprecated Use isValidValue or isValidDisplayValue instead - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **input** - Used to style the input element. This part is forwarded to the underlying ui5-input element.",
+          "name": "ui5-datetime-input",
+          "description": "Extention of the UI5 Input, so we do not modify Input's private properties within the datetime components.\nIntended to be used for the DateTime components.\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected.\n- **select** - Fired when some text has been selected.\n- **selection-change** - Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection.\n- **open** - Fired when the suggestions picker is open.\n- **close** - Fired when the suggestions picker is closed.\n\n### **Slots:**\n - **default** - Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.\n\n### **CSS Parts:**\n - **root** - Used to style the root DOM element of the Input component\n- **input** - Used to style the native input element\n- **clear-icon** - Used to style the clear icon, which can be pressed to clear user input text",
           "doc-url": "",
           "attributes": [
             {
-              "name": "value",
-              "description": "Defines a formatted date value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "disabled",
+              "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "value-state",
-              "description": "Defines the value state of the component.",
-              "value": {
-                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
-                "default": "\"None\""
-              }
+              "name": "placeholder",
+              "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "readonly",
+              "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "required",
@@ -2716,19 +2722,30 @@
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "disabled",
-              "description": "Determines whether the component is displayed as disabled.",
+              "name": "no-typeahead",
+              "description": "Defines whether the value will be autcompleted to match an item",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "readonly",
-              "description": "Determines whether the component is displayed as read-only.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "type",
+              "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
+              "value": {
+                "type": "\"Text\" | \"Email\" | \"Number\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\"",
+                "default": "\"Text\""
+              }
             },
             {
-              "name": "placeholder",
-              "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
-              "value": { "type": "string | undefined", "default": "undefined" }
+              "name": "value",
+              "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "name",
@@ -2736,23 +2753,23 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "hide-week-numbers",
-              "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
+              "name": "show-suggestions",
+              "description": "Defines whether the component should show suggestions, if such are present.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "open",
-              "description": "Defines the open or closed state of the popover.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "maxlength",
+              "description": "Sets the maximum number of characters available in the input field.\n\n**Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
+              "value": { "type": "number | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
-              "description": "Defines the aria-label attribute for the component.",
+              "description": "Defines the accessible ARIA name of the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
-              "description": "Receives id(or many ids) of the elements that label the component.",
+              "description": "Receives id(or many ids) of the elements that label the input.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
@@ -2766,64 +2783,28 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "date-value",
-              "description": "Currently selected date represented as a Local JavaScript Date instance.",
-              "value": { "type": "any", "default": "null" }
-            },
-            {
-              "name": "primary-calendar-type",
-              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
-              "value": {
-                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
-                "default": "undefined"
-              }
-            },
-            {
-              "name": "secondary-calendar-type",
-              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
-              "value": {
-                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
-                "default": "undefined"
-              }
-            },
-            {
-              "name": "format-pattern",
-              "description": "Determines the format, displayed in the input field.",
-              "value": { "type": "string | undefined", "default": "undefined" }
-            },
-            {
-              "name": "display-format",
-              "description": "Determines the format, displayed in the input field.",
-              "value": { "type": "string | undefined", "default": "undefined" }
+              "name": "show-clear-icon",
+              "description": "Defines whether the clear icon of the input will be shown.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "value-format",
-              "description": "Determines the format, used for the value attribute.",
-              "value": { "type": "string | undefined", "default": "undefined" }
-            },
+              "name": "open",
+              "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
             {
-              "name": "min-date",
-              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "default",
+              "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."
             },
             {
-              "name": "max-date",
-              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "icon",
+              "description": "Defines the icon to be displayed in the component."
             },
-            {
-              "name": "calendar-week-numbering",
-              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
-              "value": {
-                "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"",
-                "default": "\"Default\""
-              }
-            }
-          ],
-          "slots": [
             {
               "name": "valueStateMessage",
-              "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state."
+              "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone."
             }
           ],
           "events": [
@@ -2833,34 +2814,41 @@
             },
             {
               "name": "input",
-              "description": "Fired when the value of the component is changed at each key stroke."
+              "description": "Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected."
             },
             {
-              "name": "value-state-change",
-              "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state."
+              "name": "select",
+              "description": "Fired when some text has been selected."
+            },
+            {
+              "name": "selection-change",
+              "description": "Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection."
             },
             {
               "name": "open",
-              "description": "Fired after the component's picker is opened."
+              "description": "Fired when the suggestions picker is open."
             },
             {
               "name": "close",
-              "description": "Fired after the component's picker is closed."
+              "description": "Fired when the suggestions picker is closed."
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "value",
-                "description": "Defines a formatted date value.",
-                "value": { "type": "string" }
+                "name": "disabled",
+                "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
+                "value": { "type": "boolean" }
               },
               {
-                "name": "value-state",
-                "description": "Defines the value state of the component.",
-                "value": {
-                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
-                }
+                "name": "placeholder",
+                "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "readonly",
+                "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+                "value": { "type": "boolean" }
               },
               {
                 "name": "required",
@@ -2868,19 +2856,28 @@
                 "value": { "type": "boolean" }
               },
               {
-                "name": "disabled",
-                "description": "Determines whether the component is displayed as disabled.",
+                "name": "no-typeahead",
+                "description": "Defines whether the value will be autcompleted to match an item",
                 "value": { "type": "boolean" }
               },
               {
-                "name": "readonly",
-                "description": "Determines whether the component is displayed as read-only.",
-                "value": { "type": "boolean" }
+                "name": "type",
+                "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
+                "value": {
+                  "type": "\"Text\" | \"Email\" | \"Number\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\""
+                }
               },
               {
-                "name": "placeholder",
-                "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
-                "value": { "type": "string | undefined" }
+                "name": "value",
+                "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": {
+                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                }
               },
               {
                 "name": "name",
@@ -2888,23 +2885,23 @@
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "hide-week-numbers",
-                "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
+                "name": "show-suggestions",
+                "description": "Defines whether the component should show suggestions, if such are present.",
                 "value": { "type": "boolean" }
               },
               {
-                "name": "open",
-                "description": "Defines the open or closed state of the popover.",
-                "value": { "type": "boolean" }
+                "name": "maxlength",
+                "description": "Sets the maximum number of characters available in the input field.\n\n**Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
+                "value": { "type": "number | undefined" }
               },
               {
                 "name": "accessible-name",
-                "description": "Defines the aria-label attribute for the component.",
+                "description": "Defines the accessible ARIA name of the component.",
                 "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
-                "description": "Receives id(or many ids) of the elements that label the component.",
+                "description": "Receives id(or many ids) of the elements that label the input.",
                 "value": { "type": "string | undefined" }
               },
               {
@@ -2918,55 +2915,14 @@
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "date-value",
-                "description": "Currently selected date represented as a Local JavaScript Date instance.",
-                "value": { "type": "any" }
-              },
-              {
-                "name": "primary-calendar-type",
-                "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
-                "value": {
-                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
-                }
-              },
-              {
-                "name": "secondary-calendar-type",
-                "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
-                "value": {
-                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
-                }
-              },
-              {
-                "name": "format-pattern",
-                "description": "Determines the format, displayed in the input field.",
-                "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "display-format",
-                "description": "Determines the format, displayed in the input field.",
-                "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "value-format",
-                "description": "Determines the format, used for the value attribute.",
-                "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "min-date",
-                "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "max-date",
-                "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
-                "value": { "type": "string" }
+                "name": "show-clear-icon",
+                "description": "Defines whether the clear icon of the input will be shown.",
+                "value": { "type": "boolean" }
               },
               {
-                "name": "calendar-week-numbering",
-                "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
-                "value": {
-                  "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
-                }
+                "name": "open",
+                "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -2976,7 +2932,312 @@
               },
               {
                 "name": "input",
-                "description": "Fired when the value of the component is changed at each key stroke."
+                "description": "Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected."
+              },
+              {
+                "name": "select",
+                "description": "Fired when some text has been selected."
+              },
+              {
+                "name": "selection-change",
+                "description": "Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection."
+              },
+              {
+                "name": "open",
+                "description": "Fired when the suggestions picker is open."
+              },
+              {
+                "name": "close",
+                "description": "Fired when the suggestions picker is closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-datetime-picker",
+          "description": "### Overview\nThe `DateTimePicker` component alows users to select both date (day, month and year) and time (hours, minutes and seconds)\nand for the purpose it consists of input field and Date/Time picker.\n\n### Usage\n\nUse the `DateTimePicker` if you need a combined date and time input component.\nDon't use it if you want to use either date, or time value.\nIn this case, use the `DatePicker` or the `TimePicker` components instead.\n\nThe user can set date/time by:\n\n- using the calendar and the time selectors\n- typing in the input field\n\nProgrammatically, to set date/time for the `DateTimePicker`, use the `value` property\n\n### Formatting\n\nThe value entered by typing into the input field must fit to the used date/time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\n**Example:** the following format `dd/MM/yyyy, hh:mm:ss aa`\ncorresponds the `13/04/2020, 03:16:16 AM` value.\n\nThe small 'h' defines \"12\" hours format and the \"aa\" symbols - \"AM/PM\" time periods.\n\n**Example:** the following format `dd/MM/yyyy, HH:mm:ss`\ncorresponds the `13/04/2020, 15:16:16` value.\n\nThe capital 'H' indicates \"24\" hours format.\n\n**Note:** If the `formatPattern` does NOT include time,\nthe `DateTimePicker` will fallback to the default time format according to the locale.\n\n**Note:** If no placeholder is set to the `DateTimePicker`,\nthe current `formatPattern` is displayed as a placeholder.\nIf another placeholder is needed, it must be set or in case no placeholder is needed - it can be set to an empty string.\n\n**Note:** If the user input does NOT match the `formatPattern`,\nthe `DateTimePicker` makes an attempt to parse it based on the\nlocale settings.\n\n### Responsive behavior\n\nThe `DateTimePicker` is responsive and fully adapts to all devices.\nFor larger screens, such as tablet or desktop, it is displayed as a popover, while\non phone devices, it is displayed full screen.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateTimePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - @deprecated Use isValidValue or isValidDisplayValue instead - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **input** - Used to style the input element. This part is forwarded to the underlying ui5-input element.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Defines a formatted date value.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
+                "default": "\"None\""
+              }
+            },
+            {
+              "name": "required",
+              "description": "Defines whether the component is required.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "Determines whether the component is displayed as disabled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "description": "Determines whether the component is displayed as read-only.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "name",
+              "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "hide-week-numbers",
+              "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "open",
+              "description": "Defines the open or closed state of the popover.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the aria-label attribute for the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-name-ref",
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-description",
+              "description": "Defines the accessible description of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-description-ref",
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "date-value",
+              "description": "Currently selected date represented as a Local JavaScript Date instance.",
+              "value": { "type": "any", "default": "null" }
+            },
+            {
+              "name": "primary-calendar-type",
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "secondary-calendar-type",
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "display-format",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "value-format",
+              "description": "Determines the format, used for the value attribute.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "min-date",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "max-date",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "calendar-week-numbering",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "value": {
+                "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"",
+                "default": "\"Default\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "valueStateMessage",
+              "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Fired when the input operation has finished by pressing Enter or on focusout."
+            },
+            {
+              "name": "input",
+              "description": "Fired when the value of the component is changed at each key stroke."
+            },
+            {
+              "name": "value-state-change",
+              "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state."
+            },
+            {
+              "name": "open",
+              "description": "Fired after the component's picker is opened."
+            },
+            {
+              "name": "close",
+              "description": "Fired after the component's picker is closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "Defines a formatted date value.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": {
+                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                }
+              },
+              {
+                "name": "required",
+                "description": "Defines whether the component is required.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "disabled",
+                "description": "Determines whether the component is displayed as disabled.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "readonly",
+                "description": "Determines whether the component is displayed as read-only.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "placeholder",
+                "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "name",
+                "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "hide-week-numbers",
+                "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "open",
+                "description": "Defines the open or closed state of the popover.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the aria-label attribute for the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name-ref",
+                "description": "Receives id(or many ids) of the elements that label the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description",
+                "description": "Defines the accessible description of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description-ref",
+                "description": "Receives id(or many ids) of the elements that describe the input.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "date-value",
+                "description": "Currently selected date represented as a Local JavaScript Date instance.",
+                "value": { "type": "any" }
+              },
+              {
+                "name": "primary-calendar-type",
+                "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "secondary-calendar-type",
+                "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "display-format",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "value-format",
+                "description": "Determines the format, used for the value attribute.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "min-date",
+                "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "max-date",
+                "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "calendar-week-numbering",
+                "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+                "value": {
+                  "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Fired when the input operation has finished by pressing Enter or on focusout."
+              },
+              {
+                "name": "input",
+                "description": "Fired when the value of the component is changed at each key stroke."
               },
               {
                 "name": "value-state-change",
@@ -2993,6 +3254,114 @@
             ]
           }
         },
+        {
+          "name": "ui5-daypicker",
+          "description": "Represents the days inside a single month view of the `ui5-calendar` component.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "primary-calendar-type",
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "secondary-calendar-type",
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "display-format",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "value-format",
+              "description": "Determines the format, used for the value attribute.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "min-date",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "max-date",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "calendar-week-numbering",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "value": {
+                "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"",
+                "default": "\"Default\""
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "primary-calendar-type",
+                "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "secondary-calendar-type",
+                "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "display-format",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "value-format",
+                "description": "Determines the format, used for the value attribute.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "min-date",
+                "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "max-date",
+                "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "calendar-week-numbering",
+                "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+                "value": {
+                  "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
+                }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "ui5-dialog",
           "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true` and the header is focused, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true` and the header is focused, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`\n---\n\n\n### **Events:**\n - **before-open** - Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.\n- **open** - Fired after the component is opened.\n- **before-close** - Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.\n- **close** - Fired after the component is closed.\n\n### **Methods:**\n - **applyFocus(): _Promise<void>_** - Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.\n\n### **Slots:**\n - **header** - Defines the header HTML Element.\n\n**Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used.\n- **footer** - Defines the footer HTML Element.\n\n**Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings.\n- **default** - Defines the content of the Popup.\n\n### **CSS Parts:**\n - **header** - Used to style the header of the component\n- **content** - Used to style the content of the component\n- **footer** - Used to style the footer of the component",
@@ -3181,25 +3550,84 @@
                 "description": "Indicates if the element is open",
                 "value": { "type": "any" }
               }
-            ],
-            "events": [
+            ],
+            "events": [
+              {
+                "name": "before-open",
+                "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening."
+              },
+              {
+                "name": "open",
+                "description": "Fired after the component is opened."
+              },
+              {
+                "name": "before-close",
+                "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing."
+              },
+              {
+                "name": "close",
+                "description": "Fired after the component is closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-drop-indicator",
+          "description": "### Overview\n\n### Usage\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DropIndicator.js\";`\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "target-reference",
+              "description": "Element where the drop indicator will be shown.",
+              "value": { "type": "HTMLElement | null", "default": "null" }
+            },
+            {
+              "name": "owner-reference",
+              "description": "Owner of the indicator and the target.",
+              "value": { "type": "HTMLElement | null", "default": "null" }
+            },
+            {
+              "name": "placement",
+              "description": "Placement of the indicator relative to the target.",
+              "value": {
+                "type": "\"On\" | \"Before\" | \"After\"",
+                "default": "\"Before\""
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Orientation of the indicator.",
+              "value": {
+                "type": "\"Vertical\" | \"Horizontal\"",
+                "default": "\"Vertical\""
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
               {
-                "name": "before-open",
-                "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening."
+                "name": "target-reference",
+                "description": "Element where the drop indicator will be shown.",
+                "value": { "type": "HTMLElement | null" }
               },
               {
-                "name": "open",
-                "description": "Fired after the component is opened."
+                "name": "owner-reference",
+                "description": "Owner of the indicator and the target.",
+                "value": { "type": "HTMLElement | null" }
               },
               {
-                "name": "before-close",
-                "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing."
+                "name": "placement",
+                "description": "Placement of the indicator relative to the target.",
+                "value": { "type": "\"On\" | \"Before\" | \"After\"" }
               },
               {
-                "name": "close",
-                "description": "Fired after the component is closed."
+                "name": "orientation",
+                "description": "Orientation of the indicator.",
+                "value": { "type": "\"Vertical\" | \"Horizontal\"" }
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -4135,7 +4563,7 @@
         },
         {
           "name": "ui5-link",
-          "description": "### Overview\nThe `ui5-link` is a hyperlink component that is used to navigate to other\napps and web pages, or to trigger actions.\nIt is a clickable text element, visualized in such a way that it stands out\nfrom the standard text.\nOn hover, it changes its style to an underlined text to provide additional feedback to the user.\n\n### Usage\n\nYou can set the `ui5-link` to be enabled or disabled.\n\nTo create a visual hierarchy in large lists of links, you can set the less important links as\n`Subtle` or the more important ones as `Emphasized`,\nby using the `design` property.\n\nIf the `href` property is set, the link behaves as the HTML\nanchor tag (`<a></a>`) and opens the specified URL in the given target frame (`target` property).\nTo specify where the linked content is opened, you can use the `target` property.\n\n### Responsive behavior\n\nIf there is not enough space, the text of the `ui5-link` becomes truncated.\nIf the `wrappingType` property is set to `\"Normal\"`, the text is displayed\non several lines instead of being truncated.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Link\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is triggered either with a mouse/tap\nor by using the Enter key.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\n### **CSS Parts:**\n - **icon** - Used to style the provided icon within the link\n- **endIcon** - Used to style the provided endIcon within the link",
+          "description": "### Overview\nThe `ui5-link` is a hyperlink component that is used to navigate to other\napps and web pages, or to trigger actions.\nIt is a clickable text element, visualized in such a way that it stands out\nfrom the standard text.\nOn hover, it changes its style to an underlined text to provide additional feedback to the user.\n\n### Usage\n\nYou can set the `ui5-link` to be enabled or disabled.\n\nTo create a visual hierarchy in large lists of links, you can set the less important links as\n`Subtle` or the more important ones as `Emphasized`,\nby using the `design` property.\n\nIf the `href` property is set, the link behaves as the HTML\nanchor tag (`<a></a>`) and opens the specified URL in the given target frame (`target` property).\nTo specify where the linked content is opened, you can use the `target` property.\n\n### Responsive behavior\n\nIf there is not enough space, the text of the `ui5-link` becomes truncated.\nIf the `wrappingType` property is set to `\"Normal\"`, the text is displayed\non several lines instead of being truncated.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Link\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is triggered either with a mouse/tap\nor by using the Enter key.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\n### **CSS Parts:**\n - **icon** - Used to style the provided icon within the link\n- **endIcon** - Used to style the provided endIcon within the link",
           "doc-url": "",
           "attributes": [
             {
@@ -4225,6 +4653,10 @@
             }
           ],
           "slots": [
+            {
+              "name": "default",
+              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            },
             {
               "name": "default",
               "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
@@ -4795,6 +5227,48 @@
             ]
           }
         },
+        {
+          "name": "ui5-li-group-header",
+          "description": "The `ui5-li-group-header` is a special list item, used only to separate other list items into logical groups.\n---\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "accessible-name",
+              "description": "Defines the text alternative of the component.\n\n**Note:** If not provided a default text alternative will be set, if present.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "accessible-name",
+                "description": "Defines the text alternative of the component.\n\n**Note:** If not provided a default text alternative will be set, if present.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "ui5-li",
           "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the custom formatted text of the component.\n\n**Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.\n\nUse the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.\nBe aware that wrapping (via `wrappingType=\"Normal\"`) may not function correctly with custom HTML content in the `default` slot.\n\nIf both `text` and `default` slot are used, the `text` property takes precedence.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
@@ -5495,6 +5969,114 @@
             ]
           }
         },
+        {
+          "name": "ui5-monthpicker",
+          "description": "Month picker component.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "primary-calendar-type",
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "secondary-calendar-type",
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "display-format",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "value-format",
+              "description": "Determines the format, used for the value attribute.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "min-date",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "max-date",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "calendar-week-numbering",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "value": {
+                "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"",
+                "default": "\"Default\""
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "primary-calendar-type",
+                "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "secondary-calendar-type",
+                "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "display-format",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "value-format",
+                "description": "Determines the format, used for the value attribute.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "min-date",
+                "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "max-date",
+                "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "calendar-week-numbering",
+                "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+                "value": {
+                  "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
+                }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "ui5-multi-combobox",
           "description": "### Overview\n\nThe `ui5-multi-combobox` component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n### Structure\nThe `ui5-multi-combobox` consists of the following elements:\n\n-  Tokenizer - a list of tokens with selected options.\n-  Input field - displays the selected option/s as token/s. Users can type to filter the list.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-multi-combobox` provides advanced keyboard handling.\n\n#### Picker\nIf the `ui5-multi-combobox` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the `UP` and `DOWN` arrow keys\nto navigate through the available options and select one by pressing the `Space` or `Enter` keys.\n[Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n#### Tokens\n\n-  Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available).\n-  Delete -  deletes the token and focuses the previous token.\n-  Backspace -  deletes the token and focus the next token.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiComboBox.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke or clear icon is pressed.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **selection-change** - Fired when selection is changed by user interaction.\n\n### **Slots:**\n - **default** - Defines the component items.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **token-\\{index\\}** - Used to style each token(where `token-0` corresponds to the first item)",
@@ -6843,12 +7425,12 @@
             {
               "name": "start-value",
               "description": "Defines start point of a selection - position of a first handle on the slider.",
-              "value": { "type": "number", "default": "undefined" }
+              "value": { "type": "any", "default": "undefined" }
             },
             {
               "name": "end-value",
               "description": "Defines end point of a selection - position of a second handle on the slider.",
-              "value": { "type": "number", "default": "undefined" }
+              "value": { "type": "any", "default": "undefined" }
             },
             {
               "name": "min",
@@ -6916,12 +7498,12 @@
               {
                 "name": "start-value",
                 "description": "Defines start point of a selection - position of a first handle on the slider.",
-                "value": { "type": "number" }
+                "value": { "type": "any" }
               },
               {
                 "name": "end-value",
                 "description": "Defines end point of a selection - position of a second handle on the slider.",
-                "value": { "type": "number" }
+                "value": { "type": "any" }
               },
               {
                 "name": "min",
@@ -7889,6 +8471,14 @@
             ]
           }
         },
+        {
+          "name": "ui5-slider-tooltip",
+          "description": "### Overview\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "ui5-special-date",
           "description": "### Overview\n\nThe `ui5-special-date` component defines a special calendar date to be used inside `ui5-calendar`,\nwhich is visually distinguished from the rest of the dates.\n---\n",
@@ -8270,23 +8860,130 @@
                 "description": "Defines the text of the `ui5-suggestion-item-custom`.\n**Note:** The text property is considered only for autocomplete.",
                 "value": { "type": "string | undefined" }
               }
-            ],
-            "events": []
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "ui5-suggestion-item-group",
+          "description": "The `ui5-suggestion-item-group` is type of suggestion item,\nthat can be used to split the `ui5-input` suggestions into groups.\n---\n\n\n### **Events:**\n - **move-over** - Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\n### **Slots:**\n - **default** - Defines the items of the <code>ui5-suggestion-item-group</code>.\n- **header** - Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.\n\n### **CSS Parts:**\n - **header** - Used to style the header item of the group",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "header-text",
+              "description": "Defines the header text of the <code>ui5-li-group</code>.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "header-accessible-name",
+              "description": "Defines the accessible name of the header.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of the <code>ui5-suggestion-item-group</code>."
+            },
+            {
+              "name": "header",
+              "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
+            }
+          ],
+          "events": [
+            {
+              "name": "move-over",
+              "description": "Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`."
+            },
+            {
+              "name": "move",
+              "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "header-text",
+                "description": "Defines the header text of the <code>ui5-li-group</code>.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "header-accessible-name",
+                "description": "Defines the accessible name of the header.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
+              }
+            ],
+            "events": [
+              {
+                "name": "move-over",
+                "description": "Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`."
+              },
+              {
+                "name": "move",
+                "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action."
+              }
+            ]
           }
         },
         {
-          "name": "ui5-suggestion-item-group",
-          "description": "The `ui5-suggestion-item-group` is type of suggestion item,\nthat can be used to split the `ui5-input` suggestions into groups.\n---\n\n\n### **Events:**\n - **move-over** - Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\n### **Slots:**\n - **default** - Defines the items of the <code>ui5-suggestion-item-group</code>.\n- **header** - Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.\n\n### **CSS Parts:**\n - **header** - Used to style the header item of the group",
+          "name": "ui5-li-suggestion-item",
+          "description": "The `ui5-li-suggestion-item` represents the suggestion item in the `ui5-input`\nsuggestion popover.\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **richDescription** - Defines a description that can contain HTML.\n**Note:** If not specified, the `description` property will be used.\n- **default** - Defines the title text of the suggestion item.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the suggestion list item\n- **description** - Used to style the description of the suggestion list item\n- **info** - Used to style the info of the suggestion list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
           "doc-url": "",
           "attributes": [
             {
-              "name": "header-text",
-              "description": "Defines the header text of the <code>ui5-li-group</code>.",
+              "name": "text",
+              "description": "Defines the text of the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "header-accessible-name",
-              "description": "Defines the accessible name of the header.",
+              "name": "description",
+              "description": "Defines the description displayed right under the item text, if such is present.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "icon",
+              "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "icon-end",
+              "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "additional-text",
+              "description": "Defines the `additionalText`, displayed in the end of the list item.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "additional-text-state",
+              "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+              "value": {
+                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
+                "default": "\"None\""
+              }
+            },
+            {
+              "name": "movable",
+              "description": "Defines whether the item is movable.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
@@ -8296,54 +8993,159 @@
                 "type": "\"None\" | \"Normal\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "type",
+              "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
+              "value": {
+                "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\"",
+                "default": "\"Active\""
+              }
+            },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "navigated",
+              "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "tooltip",
+              "description": "Defines the text of the tooltip that would be displayed for the list item.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "highlight",
+              "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+              "value": {
+                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
+                "default": "\"None\""
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Defines the selected state of the component.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
+            {
+              "name": "richDescription",
+              "description": "Defines a description that can contain HTML.\n**Note:** If not specified, the `description` property will be used."
+            },
             {
               "name": "default",
-              "description": "Defines the items of the <code>ui5-suggestion-item-group</code>."
+              "description": "Defines the title text of the suggestion item."
             },
             {
-              "name": "header",
-              "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
+              "name": "image",
+              "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit."
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed."
             }
           ],
           "events": [
             {
-              "name": "move-over",
-              "description": "Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`."
-            },
-            {
-              "name": "move",
-              "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action."
+              "name": "detail-click",
+              "description": "Fired when the user clicks on the detail button when type is `Detail`."
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "header-text",
-                "description": "Defines the header text of the <code>ui5-li-group</code>.",
+                "name": "text",
+                "description": "Defines the text of the component.",
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "header-accessible-name",
-                "description": "Defines the accessible name of the header.",
+                "name": "description",
+                "description": "Defines the description displayed right under the item text, if such is present.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "icon",
+                "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "icon-end",
+                "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "additional-text",
+                "description": "Defines the `additionalText`, displayed in the end of the list item.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "additional-text-state",
+                "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+                "value": {
+                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                }
+              },
+              {
+                "name": "movable",
+                "description": "Defines whether the item is movable.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
                 "value": { "type": "string | undefined" }
               },
               {
                 "name": "wrapping-type",
                 "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
                 "value": { "type": "\"None\" | \"Normal\"" }
+              },
+              {
+                "name": "type",
+                "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
+                "value": {
+                  "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
+                }
+              },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
+              {
+                "name": "navigated",
+                "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "tooltip",
+                "description": "Defines the text of the tooltip that would be displayed for the list item.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "highlight",
+                "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+                "value": {
+                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Defines the selected state of the component.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
               {
-                "name": "move-over",
-                "description": "Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`."
-              },
-              {
-                "name": "move",
-                "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action."
+                "name": "detail-click",
+                "description": "Fired when the user clicks on the detail button when type is `Detail`."
               }
             ]
           }
@@ -10011,49 +10813,123 @@
                 "value": { "type": "boolean" }
               },
               {
-                "name": "accessible-name",
-                "description": "Defines the aria-label attribute for the component.",
+                "name": "accessible-name",
+                "description": "Defines the aria-label attribute for the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name-ref",
+                "description": "Receives id (or many ids) of the elements that label the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description",
+                "description": "Defines the accessible description of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description-ref",
+                "description": "Receives id(or many ids) of the elements that describe the input.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "date-value",
+                "description": "Currently selected time represented as JavaScript Date instance",
+                "value": { "type": "any" }
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field."
+              },
+              {
+                "name": "input",
+                "description": "Fired when the value of the `ui5-time-picker` is changed at each key stroke."
+              },
+              {
+                "name": "open",
+                "description": "Fired after the value-help dialog of the component is opened."
+              },
+              {
+                "name": "close",
+                "description": "Fired after the value-help dialog of the component is closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-time-picker-clock",
+          "description": "### Overview\n\n`ui5-time-picker-clock` allows selecting of hours,minutes or seconds (depending on property set).\nThe component supports interactions with mouse, touch and mouse wheel.\nThe step for displaying or selecting of items can be configured.\n\n`ui5-time-picker-clock` is used as part of `ui5-time-selection-clocks` component, which\nis used in `ui5-time-picker` component respectively.\n\n### Usage\n\n`ui5-time-picker-clock` can display hours, minutes or seconds\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePickerClock.js\";`\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "ui5-time-selection-clocks",
+          "description": "### Overview\n\n`ui5-time-selection-clocks` is component that contains all the `ui5-time-picker-clock` components\nnecessary for the `ui5-time-picker` as well as all necessary `ui5-toggle-spin-button` components\nused for switching between different clocks.\n`ui5-time-picker-clock` components and `ui5-toggle-spin-button` depend on the time format set to\n`ui5-time-picker` component.\n\nThis component should not be used separately.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Defines a formatted time value.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "Defines a formatted time value.",
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "accessible-name-ref",
-                "description": "Receives id (or many ids) of the elements that label the component.",
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
                 "value": { "type": "string | undefined" }
-              },
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "ui5-time-selection-inputs",
+          "description": "### Overview\n\n`ui5-time-selection-inputs` displays a popover with `ui5-input` components of type=\"number\" and an\noptional a AM/PM `ui5-segmented-button` according to the display format given to the `ui5-time-picker`.\nUsing of numeric input components enables display of mobile devices' native numeric keyboard, which speeds up entering of the time.\nThe popup appears only on mobile devices when there is a tap on the `ui5-time-picker` input.\n\nThis component should not be used separately.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Defines a formatted time value.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
               {
-                "name": "accessible-description",
-                "description": "Defines the accessible description of the component.",
+                "name": "value",
+                "description": "Defines a formatted time value.",
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "accessible-description-ref",
-                "description": "Receives id(or many ids) of the elements that describe the input.",
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
                 "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "date-value",
-                "description": "Currently selected time represented as JavaScript Date instance",
-                "value": { "type": "any" }
               }
             ],
-            "events": [
-              {
-                "name": "change",
-                "description": "Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field."
-              },
-              {
-                "name": "input",
-                "description": "Fired when the value of the `ui5-time-picker` is changed at each key stroke."
-              },
-              {
-                "name": "open",
-                "description": "Fired after the value-help dialog of the component is opened."
-              },
-              {
-                "name": "close",
-                "description": "Fired after the value-help dialog of the component is closed."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -10169,22 +11045,216 @@
                 }
               },
               {
-                "name": "open",
-                "description": "Indicates whether the component is open (visible).",
-                "value": { "type": "boolean" }
+                "name": "open",
+                "description": "Indicates whether the component is open (visible).",
+                "value": { "type": "boolean" }
+              }
+            ],
+            "events": [
+              {
+                "name": "close",
+                "description": "Fired after the component is auto closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-toggle-button",
+          "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "pressed",
+              "description": "Determines whether the component is displayed as pressed.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "design",
+              "description": "Defines the component design.",
+              "value": {
+                "type": "\"Transparent\" | \"Default\" | \"Positive\" | \"Negative\" | \"Emphasized\" | \"Attention\"",
+                "default": "\"Default\""
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "icon",
+              "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "end-icon",
+              "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "submits",
+              "description": "When set to `true`, the component will\nautomatically submit the nearest HTML form element on `press`.\n\n**Note:** This property is only applicable within the context of an HTML Form element.`",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "tooltip",
+              "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible ARIA name of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-name-ref",
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **ariaLabel**: Defines the accessible ARIA name of the component.\nAccepts any string value.\n\n - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+              "value": {
+                "type": "ButtonAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "accessible-description",
+              "description": "Defines the accessible description of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "type",
+              "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+              "value": {
+                "type": "\"Button\" | \"Submit\" | \"Reset\"",
+                "default": "\"Button\""
+              }
+            },
+            {
+              "name": "accessible-role",
+              "description": "Describes the accessibility role of the button.\n\n**Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.",
+              "value": {
+                "type": "\"Button\" | \"Link\"",
+                "default": "\"Button\""
+              }
+            },
+            {
+              "name": "loading",
+              "description": "Defines whether the button shows a loading indicator.\n\n**Note:** If set to `true`, a busy indicator component will be displayed on the related button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading-delay",
+              "description": "Specifies the delay in milliseconds before the loading indicator appears within the associated button.",
+              "value": { "type": "number", "default": "1000" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            },
+            { "name": "badge", "description": "Adds a badge to the button." }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "pressed",
+                "description": "Determines whether the component is displayed as pressed.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "design",
+                "description": "Defines the component design.",
+                "value": {
+                  "type": "\"Transparent\" | \"Default\" | \"Positive\" | \"Negative\" | \"Emphasized\" | \"Attention\""
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "icon",
+                "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "end-icon",
+                "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "submits",
+                "description": "When set to `true`, the component will\nautomatically submit the nearest HTML form element on `press`.\n\n**Note:** This property is only applicable within the context of an HTML Form element.`",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "tooltip",
+                "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible ARIA name of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name-ref",
+                "description": "Receives id(or many ids) of the elements that label the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **ariaLabel**: Defines the accessible ARIA name of the component.\nAccepts any string value.\n\n - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+                "value": { "type": "ButtonAccessibilityAttributes" }
+              },
+              {
+                "name": "accessible-description",
+                "description": "Defines the accessible description of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "type",
+                "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+                "value": { "type": "\"Button\" | \"Submit\" | \"Reset\"" }
+              },
+              {
+                "name": "accessible-role",
+                "description": "Describes the accessibility role of the button.\n\n**Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.",
+                "value": { "type": "\"Button\" | \"Link\"" }
+              },
+              {
+                "name": "loading",
+                "description": "Defines whether the button shows a loading indicator.\n\n**Note:** If set to `true`, a busy indicator component will be displayed on the related button.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "loading-delay",
+                "description": "Specifies the delay in milliseconds before the loading indicator appears within the associated button.",
+                "value": { "type": "number" }
               }
             ],
             "events": [
               {
-                "name": "close",
-                "description": "Fired after the component is auto closed."
+                "name": "click",
+                "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
               }
             ]
           }
         },
         {
-          "name": "ui5-toggle-button",
-          "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
+          "name": "ui5-toggle-spin-button",
+          "description": "### Overview\n\n`ui5-toggle-spin-button` is explicitly used in the new design of `ui5-time-picker`.\nIt extends `ui5-toggle-button` with some specific accessibility-related properties in order to\nhave spin button look and feel from accessibility point of view. This component should not be used separately.\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
           "doc-url": "",
           "attributes": [
             {
@@ -10897,7 +11967,7 @@
             {
               "name": "selected",
               "description": "Defines the selected state of the component.",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "any", "default": "false" }
             }
           ],
           "slots": [
@@ -10912,7 +11982,7 @@
               {
                 "name": "selected",
                 "description": "Defines the selected state of the component.",
-                "value": { "type": "boolean" }
+                "value": { "type": "any" }
               }
             ],
             "events": []
@@ -11425,161 +12495,377 @@
                 "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
                 "default": "\"None\""
               }
-            },
-            {
-              "name": "accessible-name",
-              "description": "Defines the accessible name of the component.",
-              "value": { "type": "string | undefined", "default": "undefined" }
-            },
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible name of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "type",
+              "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
+              "value": {
+                "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\"",
+                "default": "\"Active\""
+              }
+            },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "navigated",
+              "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "tooltip",
+              "description": "Defines the text of the tooltip that would be displayed for the list item.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "highlight",
+              "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+              "value": {
+                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
+                "default": "\"None\""
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Defines the selected state of the component.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "content",
+              "description": "Defines the content of the `ui5-tree-item`."
+            },
+            {
+              "name": "default",
+              "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
+            },
+            {
+              "name": "image",
+              "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit."
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed."
+            }
+          ],
+          "events": [
+            {
+              "name": "detail-click",
+              "description": "Fired when the user clicks on the detail button when type is `Detail`."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "hide-selection-element",
+                "description": "Defines whether the tree list item should display the selection element.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "icon",
+                "description": "If set, an icon will be displayed before the text of the tree list item.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "expanded",
+                "description": "Defines whether the tree list item will show a collapse or expand icon inside its toggle button.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "movable",
+                "description": "Defines whether the item is movable.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "indeterminate",
+                "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n-  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n-  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n-  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "has-children",
+                "description": "Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "additional-text-state",
+                "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+                "value": {
+                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible name of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "type",
+                "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
+                "value": {
+                  "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
+                }
+              },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
+              {
+                "name": "navigated",
+                "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "tooltip",
+                "description": "Defines the text of the tooltip that would be displayed for the list item.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "highlight",
+                "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+                "value": {
+                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Defines the selected state of the component.",
+                "value": { "type": "boolean" }
+              }
+            ],
+            "events": [
+              {
+                "name": "detail-click",
+                "description": "Fired when the user clicks on the detail button when type is `Detail`."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-yearpicker",
+          "description": "Displays years which can be selected.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "primary-calendar-type",
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "secondary-calendar-type",
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "value": {
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "display-format",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "value-format",
+              "description": "Determines the format, used for the value attribute.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "min-date",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "max-date",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "calendar-week-numbering",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "value": {
+                "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"",
+                "default": "\"Default\""
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "primary-calendar-type",
+                "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "secondary-calendar-type",
+                "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
+              },
+              {
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "display-format",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "value-format",
+                "description": "Determines the format, used for the value attribute.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "min-date",
+                "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "max-date",
+                "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "calendar-week-numbering",
+                "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+                "value": {
+                  "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
+                }
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "ui5-yearrangepicker",
+          "description": "Displays year ranges which help navigate through years faster.\n---\n",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "type",
-              "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
+              "name": "primary-calendar-type",
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
               "value": {
-                "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\"",
-                "default": "\"Active\""
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
               }
             },
             {
-              "name": "accessibility-attributes",
-              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "name": "secondary-calendar-type",
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
               "value": {
-                "type": "ListItemAccessibilityAttributes",
-                "default": "{}"
+                "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined",
+                "default": "undefined"
               }
             },
             {
-              "name": "navigated",
-              "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "tooltip",
-              "description": "Defines the text of the tooltip that would be displayed for the list item.",
+              "name": "format-pattern",
+              "description": "Determines the format, displayed in the input field.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "highlight",
-              "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
-              "value": {
-                "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\"",
-                "default": "\"None\""
-              }
+              "name": "display-format",
+              "description": "Determines the format, displayed in the input field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "selected",
-              "description": "Defines the selected state of the component.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "content",
-              "description": "Defines the content of the `ui5-tree-item`."
+              "name": "value-format",
+              "description": "Determines the format, used for the value attribute.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "default",
-              "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
+              "name": "min-date",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "image",
-              "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit."
+              "name": "max-date",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "deleteButton",
-              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed."
-            }
-          ],
-          "events": [
-            {
-              "name": "detail-click",
-              "description": "Fired when the user clicks on the detail button when type is `Detail`."
+              "name": "calendar-week-numbering",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "value": {
+                "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"",
+                "default": "\"Default\""
+              }
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "hide-selection-element",
-                "description": "Defines whether the tree list item should display the selection element.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "icon",
-                "description": "If set, an icon will be displayed before the text of the tree list item.",
-                "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "expanded",
-                "description": "Defines whether the tree list item will show a collapse or expand icon inside its toggle button.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "movable",
-                "description": "Defines whether the item is movable.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "indeterminate",
-                "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n-  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n-  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n-  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "has-children",
-                "description": "Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.",
-                "value": { "type": "boolean" }
+                "name": "primary-calendar-type",
+                "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+                "value": {
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                }
               },
               {
-                "name": "additional-text-state",
-                "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+                "name": "secondary-calendar-type",
+                "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
                 "value": {
-                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                  "type": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
                 }
               },
               {
-                "name": "accessible-name",
-                "description": "Defines the accessible name of the component.",
+                "name": "format-pattern",
+                "description": "Determines the format, displayed in the input field.",
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "type",
-                "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
-                "value": {
-                  "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
-                }
+                "name": "display-format",
+                "description": "Determines the format, displayed in the input field.",
+                "value": { "type": "string | undefined" }
               },
               {
-                "name": "accessibility-attributes",
-                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
-                "value": { "type": "ListItemAccessibilityAttributes" }
+                "name": "value-format",
+                "description": "Determines the format, used for the value attribute.",
+                "value": { "type": "string | undefined" }
               },
               {
-                "name": "navigated",
-                "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
-                "value": { "type": "boolean" }
+                "name": "min-date",
+                "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
               },
               {
-                "name": "tooltip",
-                "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string | undefined" }
+                "name": "max-date",
+                "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).",
+                "value": { "type": "string" }
               },
               {
-                "name": "highlight",
-                "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
+                "name": "calendar-week-numbering",
+                "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
                 "value": {
-                  "type": "\"None\" | \"Positive\" | \"Negative\" | \"Critical\" | \"Information\""
+                  "type": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
                 }
-              },
-              {
-                "name": "selected",
-                "description": "Defines the selected state of the component.",
-                "value": { "type": "boolean" }
               }
             ],
-            "events": [
-              {
-                "name": "detail-click",
-                "description": "Fired when the user clicks on the detail button when type is `Detail`."
-              }
-            ]
+            "events": []
           }
         }
       ]
@@ -11735,6 +13021,18 @@
           "name": "part(input)",
           "description": "Used to style the input element. This part is forwarded to the underlying ui5-input element."
         },
+        {
+          "name": "part(root)",
+          "description": "Used to style the root DOM element of the Input component"
+        },
+        {
+          "name": "part(input)",
+          "description": "Used to style the native input element"
+        },
+        {
+          "name": "part(clear-icon)",
+          "description": "Used to style the clear icon, which can be pressed to clear user input text"
+        },
         {
           "name": "part(input)",
           "description": "Used to style the input element. This part is forwarded to the underlying ui5-input element."
@@ -11987,6 +13285,50 @@
           "name": "part(header)",
           "description": "Used to style the header item of the group"
         },
+        {
+          "name": "part(title)",
+          "description": "Used to style the title of the suggestion list item"
+        },
+        {
+          "name": "part(description)",
+          "description": "Used to style the description of the suggestion list item"
+        },
+        {
+          "name": "part(info)",
+          "description": "Used to style the info of the suggestion list item"
+        },
+        {
+          "name": "part(additional-text)",
+          "description": "Used to style the additionalText of the list item"
+        },
+        {
+          "name": "part(icon)",
+          "description": "Used to style the icon of the list item"
+        },
+        {
+          "name": "part(native-li)",
+          "description": "Used to style the main li tag of the list item"
+        },
+        {
+          "name": "part(content)",
+          "description": "Used to style the content area of the list item"
+        },
+        {
+          "name": "part(detail-button)",
+          "description": "Used to style the button rendered when the list item is of type detail"
+        },
+        {
+          "name": "part(delete-button)",
+          "description": "Used to style the button rendered when the list item is in delete mode"
+        },
+        {
+          "name": "part(radio)",
+          "description": "Used to style the radio button rendered when the list item is in single selection mode"
+        },
+        {
+          "name": "part(checkbox)",
+          "description": "Used to style the checkbox rendered when the list item is in multiple selection mode"
+        },
         {
           "name": "part(slider)",
           "description": "Used to style the track, where the handle is being slid"
@@ -12035,6 +13377,18 @@
           "name": "part(endIcon)",
           "description": "Used to style the end icon in the native button element"
         },
+        {
+          "name": "part(button)",
+          "description": "Used to style the native button element"
+        },
+        {
+          "name": "part(icon)",
+          "description": "Used to style the icon in the native button element"
+        },
+        {
+          "name": "part(endIcon)",
+          "description": "Used to style the end icon in the native button element"
+        },
         {
           "name": "part(title)",
           "description": "Used to style the title of the tree list item"