@carbon/web-components 2.25.2 → 2.26.0-rc.0

package/custom-elements.json

@@ -1417,7 +1417,22 @@
       "name": "cds-button-set",
       "path": "./src/components/button/button-set.ts",
       "description": "Button set.",
+      "attributes": [
+        {
+          "name": "stacked",
+          "description": "`true` if the Button should be stacked, or not. Only applies to the button-set variant.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
       "properties": [
+        {
+          "name": "stacked",
+          "attribute": "stacked",
+          "description": "`true` if the Button should be stacked, or not. Only applies to the button-set variant.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -6347,6 +6362,12 @@
           "description": "`true` if expressive theme enabled.",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "nested",
+          "description": "Specify whether the list is nested, or not",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -6364,6 +6385,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "nested",
+          "attribute": "nested",
+          "description": "Specify whether the list is nested, or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -6380,6 +6408,12 @@
           "description": "`true` if expressive theme enabled.",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "nested",
+          "description": "Specify whether the list is nested, or not",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -6390,6 +6424,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "nested",
+          "attribute": "nested",
+          "description": "Specify whether the list is nested, or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -6494,6 +6535,273 @@
         }
       ]
     },
+    {
+      "name": "cds-menu-item-divider",
+      "path": "./src/components/menu/menu-item-divider.ts",
+      "description": "Menu Item.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-menu-item-group",
+      "path": "./src/components/menu/menu-item-group.ts",
+      "description": "Menu Item.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label for the menu item."
+        }
+      ],
+      "properties": [
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label for the menu item."
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-menu-item-radio-group",
+      "path": "./src/components/menu/menu-item-radio-group.ts",
+      "description": "Menu Item.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label for the menu item radio group."
+        },
+        {
+          "name": "items",
+          "description": "List of items in the radio group.",
+          "type": "never[]",
+          "default": "[]"
+        },
+        {
+          "name": "selectedItem",
+          "description": "Selected item in the radio group."
+        },
+        {
+          "name": "itemToString",
+          "description": "List of items in the radio group.",
+          "type": "((item: (number | String)[]) => String) | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "context"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label for the menu item radio group."
+        },
+        {
+          "name": "items",
+          "attribute": "items",
+          "description": "List of items in the radio group.",
+          "type": "never[]",
+          "default": "[]"
+        },
+        {
+          "name": "selectedItem",
+          "attribute": "selectedItem",
+          "description": "Selected item in the radio group."
+        },
+        {
+          "name": "itemToString",
+          "attribute": "itemToString",
+          "description": "List of items in the radio group.",
+          "type": "((item: (number | String)[]) => String) | undefined"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-menu-item",
+      "path": "./src/components/menu/menu-item-selectable.ts",
+      "description": "Menu Item.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label for the menu item selectable."
+        },
+        {
+          "name": "selected",
+          "description": "Whether the menu item is selected or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "renderIcon",
+          "description": "Sets the menu item's icon.",
+          "type": "(() => void) | undefined"
+        },
+        {
+          "name": "shortcut"
+        }
+      ],
+      "properties": [
+        {
+          "name": "context"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label for the menu item selectable."
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "Whether the menu item is selected or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "renderIcon",
+          "attribute": "renderIcon",
+          "description": "Sets the menu item's icon.",
+          "type": "(() => void) | undefined"
+        },
+        {
+          "name": "shortcut",
+          "attribute": "shortcut"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-menu-item",
+      "path": "./src/components/menu/menu-item.ts",
+      "description": "Menu Item.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label for the menu item."
+        },
+        {
+          "name": "shortcut",
+          "description": "Shortcut for the menu item."
+        },
+        {
+          "name": "disabled",
+          "description": "Disabled property for the menu item."
+        },
+        {
+          "name": "submenuOpen",
+          "description": "Whether the menu submen for an item is open or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "kind",
+          "type": "MENU_ITEM_KIND",
+          "default": "\"default\""
+        },
+        {
+          "name": "boundaries",
+          "description": "Menu boundaries.",
+          "type": "{ x: number | [number, number]; y: number | [number, number]; }",
+          "default": "{\"x\":-1,\"y\":-1}"
+        },
+        {
+          "name": "aria-checked",
+          "type": "string | null",
+          "default": "\"this.getAttribute('selected') ?? 'false'\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "context"
+        },
+        {
+          "name": "hoverIntentDelay",
+          "type": "150",
+          "default": "150"
+        },
+        {
+          "name": "hoverIntentTimeout"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label for the menu item."
+        },
+        {
+          "name": "shortcut",
+          "attribute": "shortcut",
+          "description": "Shortcut for the menu item."
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disabled property for the menu item."
+        },
+        {
+          "name": "submenuOpen",
+          "attribute": "submenuOpen",
+          "description": "Whether the menu submen for an item is open or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "kind",
+          "attribute": "kind",
+          "type": "MENU_ITEM_KIND",
+          "default": "\"default\""
+        },
+        {
+          "name": "boundaries",
+          "attribute": "boundaries",
+          "description": "Menu boundaries.",
+          "type": "{ x: number | [number, number]; y: number | [number, number]; }",
+          "default": "{\"x\":-1,\"y\":-1}"
+        },
+        {
+          "name": "ariaChecked",
+          "attribute": "aria-checked",
+          "type": "string | null",
+          "default": "\"this.getAttribute('selected') ?? 'false'\""
+        },
+        {
+          "name": "submenuEntry",
+          "description": "Entrypoint."
+        },
+        {
+          "name": "isRtl",
+          "description": "Checks if document direction is rtl.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hasSubmenu",
+          "description": "Checks if document direction is rtl.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "icon-detect"
+        }
+      ]
+    },
     {
       "name": "cds-modal-body-content",
       "path": "./src/components/modal/modal-body-content.ts",
@@ -8995,6 +9303,12 @@
           "name": "styles",
           "default": "\"styles\""
         }
+      ],
+      "events": [
+        {
+          "name": "cds-overflow-menu-item-clicked",
+          "description": "The custom event fired when an overflow menu item is clicked."
+        }
       ]
     },
     {
@@ -12884,70 +13198,182 @@
       ]
     },
     {
-      "name": "cds-tearsheet",
-      "path": "./src/components/tearsheet/tearsheet.ts",
-      "description": "Tearsheet.",
+      "name": "cds-tag",
+      "path": "./src/components/tag/tag.ts",
+      "description": "Tag.",
       "attributes": [
         {
-          "name": "aria-label",
-          "description": "Optional aria label for the tearsheet",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "close-icon-description",
-          "description": "Sets the close button icon description",
+          "name": "title",
+          "description": "Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name",
           "type": "string",
-          "default": "\"Close\""
+          "default": "\"Clear filter\""
         },
         {
-          "name": "has-close-icon",
-          "description": "Enable a close icon ('x') in the header area of the tearsheet. By default,\n(when this prop is omitted, or undefined or null) a tearsheet does not\ndisplay a close icon if there are navigation actions (\"transactional\ntearsheet\") and displays one if there are no navigation actions (\"passive\ntearsheet\"), and that behavior can be overridden if required by setting\nthis prop to either true or false.",
+          "name": "disabled",
+          "description": "`true` if the tag should be disabled",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "influencer-placement",
-          "description": "The placement of the influencer section, 'left' or 'right'.",
-          "type": "TEARSHEET_INFLUENCER_PLACEMENT",
-          "default": "\"right\""
-        },
-        {
-          "name": "influencer-width",
-          "description": "The width of the influencer section, 'narrow' or 'wide'.",
-          "type": "TEARSHEET_INFLUENCER_WIDTH",
-          "default": "\"narrow\""
+          "name": "hasCustomIcon",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "open",
-          "description": "`true` if the tearsheet should be open.",
+          "name": "filter",
+          "description": "Determine if is a filter/chip",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of tearsheet",
+          "name": "open",
+          "description": "`true` if the tag should be open.",
           "type": "boolean",
-          "default": "false"
+          "default": "true"
         },
         {
-          "name": "selector-initial-focus",
-          "description": "The initial location of focus in the side panel"
+          "name": "size",
+          "description": "The size of the tag.",
+          "type": "TAG_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "width",
-          "description": "The width of the influencer section, 'narrow' or 'wide'.",
-          "type": "TEARSHEET_WIDTH",
-          "default": "\"narrow\""
+          "name": "type",
+          "description": "The type of the tag.",
+          "type": "TAG_TYPE",
+          "default": "\"gray\""
         }
       ],
       "properties": [
         {
-          "name": "ariaLabel",
-          "attribute": "aria-label",
-          "description": "Optional aria label for the tearsheet",
+          "name": "title",
+          "attribute": "title",
+          "description": "Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name",
           "type": "string",
-          "default": "\"\""
+          "default": "\"Clear filter\""
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if the tag should be disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hasCustomIcon",
+          "attribute": "hasCustomIcon",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "filter",
+          "attribute": "filter",
+          "description": "Determine if is a filter/chip",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the tag should be open.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The size of the tag.",
+          "type": "TAG_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "The type of the tag.",
+          "type": "TAG_TYPE",
+          "default": "\"gray\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-tag-beingclosed",
+          "description": "The custom event fired as the element is being closed"
+        },
+        {
+          "name": "cds-tag-closed",
+          "description": "The custom event fired after the element has been closed"
+        }
+      ]
+    },
+    {
+      "name": "cds-tearsheet",
+      "path": "./src/components/tearsheet/tearsheet.ts",
+      "description": "Tearsheet.",
+      "attributes": [
+        {
+          "name": "aria-label",
+          "description": "Optional aria label for the tearsheet",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "close-icon-description",
+          "description": "Sets the close button icon description",
+          "type": "string",
+          "default": "\"Close\""
+        },
+        {
+          "name": "has-close-icon",
+          "description": "Enable a close icon ('x') in the header area of the tearsheet. By default,\n(when this prop is omitted, or undefined or null) a tearsheet does not\ndisplay a close icon if there are navigation actions (\"transactional\ntearsheet\") and displays one if there are no navigation actions (\"passive\ntearsheet\"), and that behavior can be overridden if required by setting\nthis prop to either true or false.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "influencer-placement",
+          "description": "The placement of the influencer section, 'left' or 'right'.",
+          "type": "TEARSHEET_INFLUENCER_PLACEMENT",
+          "default": "\"right\""
+        },
+        {
+          "name": "influencer-width",
+          "description": "The width of the influencer section, 'narrow' or 'wide'.",
+          "type": "TEARSHEET_INFLUENCER_WIDTH",
+          "default": "\"narrow\""
+        },
+        {
+          "name": "open",
+          "description": "`true` if the tearsheet should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "prevent-close-on-click-outside",
+          "description": "Prevent closing on click outside of tearsheet",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selector-initial-focus",
+          "description": "The initial location of focus in the side panel"
+        },
+        {
+          "name": "width",
+          "description": "The width of the influencer section, 'narrow' or 'wide'.",
+          "type": "TEARSHEET_WIDTH",
+          "default": "\"narrow\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "Optional aria label for the tearsheet",
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "closeIconDescription",
@@ -14466,6 +14892,400 @@
         }
       ]
     },
+    {
+      "name": "cds-time-picker-select",
+      "path": "./src/components/time-picker/time-picker-select.ts",
+      "description": "Time picker select dropdown.",
+      "attributes": [
+        {
+          "name": "aria-label",
+          "description": "The ARIA label for the UI control.",
+          "type": "string",
+          "default": "\"open list of options\""
+        },
+        {
+          "name": "default-value",
+          "description": "Optionally provide the default value of the select",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "readOnly",
+          "description": "Controls the readOnly state of the select",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "Specify whether the control is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "id",
+          "description": "Specify a custom id for the select box",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "description": "Name for the select in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "The value of the select.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "description": "Size of the time picker select",
+          "type": "TIME_PICKER_SIZE",
+          "default": "\"md\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "The ARIA label for the UI control.",
+          "type": "string",
+          "default": "\"open list of options\""
+        },
+        {
+          "name": "defaultValue",
+          "attribute": "default-value",
+          "description": "Optionally provide the default value of the select",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "readOnly",
+          "attribute": "readOnly",
+          "description": "Controls the readOnly state of the select",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Specify whether the control is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "id",
+          "attribute": "id",
+          "description": "Specify a custom id for the select box",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the select in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the select.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Size of the time picker select",
+          "type": "TIME_PICKER_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-time-picker",
+      "path": "./src/components/time-picker/time-picker.ts",
+      "description": "Time Picker component.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Specify whether the control is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Provide the text that is displayed when the control is in an invalid state",
+          "type": "string",
+          "default": "\"Invalid time format.\""
+        },
+        {
+          "name": "warning",
+          "description": "Specify whether the control is in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warning-text",
+          "description": "Provide the text that is displayed when the control is in a warning state",
+          "type": "string",
+          "default": "\"Warning message.\""
+        },
+        {
+          "name": "hide-label",
+          "description": "Specify whether the label should be hidden",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "name",
+          "description": "Name for the input in FormData",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label-text",
+          "description": "Provide label text to be read by screen readers",
+          "type": "string",
+          "default": "\"Select a time\""
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text for the input",
+          "type": "string",
+          "default": "\"hh:mm\""
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify whether the control should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "max-length",
+          "description": "Specify the maximum length of the input value",
+          "type": "number",
+          "default": "5"
+        },
+        {
+          "name": "pattern",
+          "description": "Pattern for input validation",
+          "type": "string",
+          "default": "\"(1[012]|[1-9]):[0-5][0-9](\\\\s)?\""
+        },
+        {
+          "name": "size",
+          "description": "Size of the time picker",
+          "type": "TIME_PICKER_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "type",
+          "description": "Input type",
+          "type": "string",
+          "default": "\"text\""
+        },
+        {
+          "name": "invalid",
+          "description": "Specify whether the control is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required-validity-message",
+          "description": "Custom message for required validation",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validity-message",
+          "description": "Validity message",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "Value of the input",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Specify whether the control is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Provide the text that is displayed when the control is in an invalid state",
+          "type": "string",
+          "default": "\"Invalid time format.\""
+        },
+        {
+          "name": "warning",
+          "attribute": "warning",
+          "description": "Specify whether the control is in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warningText",
+          "attribute": "warning-text",
+          "description": "Provide the text that is displayed when the control is in a warning state",
+          "type": "string",
+          "default": "\"Warning message.\""
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the label should be hidden",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the input in FormData",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "labelText",
+          "attribute": "label-text",
+          "description": "Provide label text to be read by screen readers",
+          "type": "string",
+          "default": "\"Select a time\""
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "Placeholder text for the input",
+          "type": "string",
+          "default": "\"hh:mm\""
+        },
+        {
+          "name": "readOnly",
+          "attribute": "readOnly",
+          "description": "Specify whether the control should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "maxLength",
+          "attribute": "max-length",
+          "description": "Specify the maximum length of the input value",
+          "type": "number",
+          "default": "5"
+        },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "Pattern for input validation",
+          "type": "string",
+          "default": "\"(1[012]|[1-9]):[0-5][0-9](\\\\s)?\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Size of the time picker",
+          "type": "TIME_PICKER_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "Input type",
+          "type": "string",
+          "default": "\"text\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Specify whether the control is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "Whether the input is required",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "requiredValidityMessage",
+          "attribute": "required-validity-message",
+          "description": "Custom message for required validation",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validityMessage",
+          "attribute": "validity-message",
+          "description": "Validity message",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of the input",
+          "type": "string"
+        }
+      ],
+      "events": [
+        {
+          "name": "change"
+        },
+        {
+          "name": "invalid"
+        }
+      ],
+      "slots": [
+        {
+          "name": "label-text",
+          "description": "The label text."
+        },
+        {
+          "name": "time-picker-select",
+          "description": "Slot for time picker select components."
+        },
+        {
+          "name": "validity-message",
+          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
+        }
+      ]
+    },
     {
       "name": "cds-toggletip",
       "path": "./src/components/toggle-tip/toggletip.ts",