@carbon/web-components 2.60.0 → 2.61.0-rc.0

package/custom-elements.json

@@ -5470,6 +5470,12 @@
           "description": "Provide the text that is displayed when the control is in warning state",
           "type": "string",
           "default": "\"\""
+        },
+        {
+          "name": "is-fluid",
+          "description": "Specify whether this is a fluid variant",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -5592,6 +5598,13 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "is-fluid",
+          "description": "Specify whether this is a fluid variant",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "defaultPattern",
           "description": "The default value for `pattern` property.",
@@ -5806,217 +5819,744 @@
       ]
     },
     {
-      "name": "cds-dialog-body",
-      "path": "./src/components/dialog/dialog-body.ts",
-      "description": "Dialog body.",
-      "properties": [
-        {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "cds-dialog-close-button",
-      "path": "./src/components/dialog/dialog-close-button.ts",
-      "description": "Dialog close button.",
+      "name": "cds-preview-date-picker-calendar",
+      "path": "./src/components/date-picker/next/components/calendar-renderer.ts",
+      "description": "Calendar renderer for date picker.\nReplaces Flatpickr's calendar UI with a lightweight, framework-agnostic implementation.",
       "attributes": [
         {
-          "name": "close-button-label",
-          "description": "Specify a label for the close button of the modal; defaults to close",
+          "name": "selectedDates",
+          "description": "The selected date(s)",
+          "type": "Temporal.PlainDate[]",
+          "default": "[]"
+        },
+        {
+          "name": "viewDate",
+          "description": "The view date from the state machine (used to sync calendar month)"
+        },
+        {
+          "name": "focusedDate",
+          "description": "The focused date for keyboard navigation"
+        },
+        {
+          "name": "minDate",
+          "description": "The minimum selectable date"
+        },
+        {
+          "name": "maxDate",
+          "description": "The maximum selectable date"
+        },
+        {
+          "name": "rangeMode",
+          "description": "Whether range selection is enabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dateFormat",
+          "description": "The date format for display",
           "type": "string",
-          "default": "\"Close\""
+          "default": "\"m/d/Y\""
+        },
+        {
+          "name": "locale",
+          "description": "Locale for date formatting",
+          "type": "string",
+          "default": "\"en-US\""
         }
       ],
       "properties": [
         {
-          "name": "closeButtonLabel",
-          "attribute": "close-button-label",
-          "description": "Specify a label for the close button of the modal; defaults to close",
+          "name": "selectedDates",
+          "attribute": "selectedDates",
+          "description": "The selected date(s)",
+          "type": "Temporal.PlainDate[]",
+          "default": "[]"
+        },
+        {
+          "name": "viewDate",
+          "attribute": "viewDate",
+          "description": "The view date from the state machine (used to sync calendar month)"
+        },
+        {
+          "name": "focusedDate",
+          "attribute": "focusedDate",
+          "description": "The focused date for keyboard navigation"
+        },
+        {
+          "name": "minDate",
+          "attribute": "minDate",
+          "description": "The minimum selectable date"
+        },
+        {
+          "name": "maxDate",
+          "attribute": "maxDate",
+          "description": "The maximum selectable date"
+        },
+        {
+          "name": "rangeMode",
+          "attribute": "rangeMode",
+          "description": "Whether range selection is enabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dateFormat",
+          "attribute": "dateFormat",
+          "description": "The date format for display",
           "type": "string",
-          "default": "\"Close\""
+          "default": "\"m/d/Y\""
         },
         {
-          "name": "shadowRootOptions",
-          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
-          "default": "{\"delegatesFocus\":true}"
+          "name": "locale",
+          "attribute": "locale",
+          "description": "Locale for date formatting",
+          "type": "string",
+          "default": "\"en-US\""
         },
         {
           "name": "styles",
           "default": "\"styles\""
         }
       ],
-      "cssParts": [
+      "events": [
         {
-          "name": "close",
-          "description": "icon The close icon."
-        }
-      ]
-    },
-    {
-      "name": "cds-dialog-controls",
-      "path": "./src/components/dialog/dialog-controls.ts",
-      "description": "Dialog header controls.",
-      "properties": [
+          "name": "cds-preview-date-picker-calendar-date-select",
+          "description": "Fired when a date is selected"
+        },
         {
-          "name": "styles",
-          "default": "\"styles\""
+          "name": "cds-preview-date-picker-calendar-month-change",
+          "description": "Fired when the month changes"
         }
       ]
     },
     {
-      "name": "cds-dialog-footer-button",
-      "path": "./src/components/dialog/dialog-footer-button.ts",
-      "description": "Dialog footer button.",
+      "name": "cds-preview-date-picker-input",
+      "path": "./src/components/date-picker/next/components/date-picker-input.ts",
+      "description": "The input box for date picker.",
       "attributes": [
         {
-          "name": "autofocus",
-          "description": "`true` if the button should have input focus when the page loads.",
+          "name": "color-scheme",
+          "description": "The color scheme.",
+          "type": "FORM_ELEMENT_COLOR_SCHEME",
+          "default": "\"\""
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if the check box should be disabled.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "batch-action",
-          "description": "`true` if the button is being used within a data table batch action toolbar",
+          "name": "hide-label",
+          "description": "`true` if the label should be hidden.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "button-class-name",
-          "description": "Specify an optional className to be added to your Button"
+          "name": "invalid",
+          "description": "Controls the invalid state and visibility of the `validityMessage`.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "danger-description",
-          "description": "Specify the message read by screen readers for the danger button variants",
+          "name": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "disabled",
-          "description": "Specify whether the Button should be disabled, or not",
-          "type": "boolean",
-          "default": "false"
+          "name": "kind",
+          "description": "Date picker input kind.",
+          "type": "DATE_PICKER_INPUT_KIND",
+          "default": "\"simple\""
         },
         {
-          "name": "download",
-          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "name": "label-text",
+          "description": "The label text.",
           "type": "string"
         },
         {
-          "name": "has-main-content",
-          "description": "`true` if there is a non-icon content.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "href",
-          "description": "Optionally specify an href for your Button to become an `<a>` element",
+          "name": "pattern",
+          "description": "The `pattern` attribute for the `<input>` in the shadow DOM.",
           "type": "string"
         },
         {
-          "name": "hreflang",
-          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
+          "name": "placeholder",
+          "description": "The placeholder text.",
           "type": "string"
         },
         {
-          "name": "isExpressive",
-          "description": "Specify whether the Button is expressive, or not.",
+          "name": "readonly",
+          "description": "Specify if the component should be read-only",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "isSelected",
-          "description": "Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.",
+          "name": "required",
+          "description": "`true` if the value is required.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "kind",
-          "description": "Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`",
-          "type": "BUTTON_KIND",
-          "default": "\"primary\""
-        },
-        {
-          "name": "link-role",
-          "description": "The a11y role for `<a>`.",
-          "type": "string",
-          "default": "\"button\""
-        },
-        {
-          "name": "openTooltip",
-          "description": "Boolean to determine if tooltip is open.",
+          "name": "short",
+          "description": "true to use the short version.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "ping",
-          "description": "URLs to ping, if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "size",
+          "description": "Vertical size of this date picker input.",
+          "type": "INPUT_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "rel",
-          "description": "Optionally specify a `rel` when using an `<a>` element.",
+          "name": "type",
+          "description": "The `type` attribute for the `<input>` in the shadow DOM.",
           "type": "string"
         },
         {
-          "name": "size",
-          "description": "Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`",
-          "type": "string | undefined",
-          "default": "\"lg\""
-        },
-        {
-          "name": "tab-index",
-          "description": "Optional prop to specify the tabIndex of the Button",
-          "type": "number",
-          "default": "0"
+          "name": "value",
+          "description": "The value.",
+          "type": "string"
         },
         {
-          "name": "target",
-          "description": "Optionally specify a `target` when using an `<a>` element.",
-          "type": "string"
+          "name": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "tooltip-alignment",
-          "description": "Specify the alignment of the tooltip to the icon-only button.\nCan be one of: start, center, or end.",
-          "type": "BUTTON_TOOLTIP_ALIGNMENT",
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
           "default": "\"\""
-        },
+        }
+      ],
+      "properties": [
         {
-          "name": "tooltip-position",
-          "description": "Specify the direction of the tooltip for icon-only buttons.\nCan be either top, right, bottom, or left.",
-          "type": "BUTTON_TOOLTIP_POSITION",
-          "default": "\"top\""
+          "name": "input",
+          "description": "The `<input>`, used for Flatpickr to grab.",
+          "type": "HTMLInputElement"
         },
         {
-          "name": "tooltip-text",
-          "description": "If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n`cds-badge-indicator` with no count prop then the text should include describing there is a new notification.",
-          "type": "string"
+          "name": "colorScheme",
+          "attribute": "color-scheme",
+          "description": "The color scheme.",
+          "type": "FORM_ELEMENT_COLOR_SCHEME",
+          "default": "\"\""
         },
         {
-          "name": "type",
-          "description": "Optional prop to specify the type of the Button.",
-          "type": "BUTTON_TYPE",
-          "default": "\"button\""
-        }
-      ],
-      "properties": [
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if the check box should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
-          "name": "autofocus",
-          "attribute": "autofocus",
-          "description": "`true` if the button should have input focus when the page loads.",
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "`true` if the label should be hidden.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "batchAction",
-          "attribute": "batch-action",
-          "description": "`true` if the button is being used within a data table batch action toolbar",
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Controls the invalid state and visibility of the `validityMessage`.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "buttonClassName",
-          "attribute": "button-class-name",
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "kind",
+          "attribute": "kind",
+          "description": "Date picker input kind.",
+          "type": "DATE_PICKER_INPUT_KIND",
+          "default": "\"simple\""
+        },
+        {
+          "name": "labelText",
+          "attribute": "label-text",
+          "description": "The label text.",
+          "type": "string"
+        },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "The `pattern` attribute for the `<input>` in the shadow DOM.",
+          "type": "string"
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "The placeholder text.",
+          "type": "string"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Specify if the component should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "short",
+          "attribute": "short",
+          "description": "true to use the short version.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Vertical size of this date picker input.",
+          "type": "INPUT_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "The `type` attribute for the `<input>` in the shadow DOM.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value.",
+          "type": "string"
+        },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "defaultPattern",
+          "description": "The default value for `pattern` property.",
+          "type": "string",
+          "default": "\"\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}\""
+        },
+        {
+          "name": "defaultType",
+          "description": "The default value for `type` property.",
+          "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": "cds-preview-date-picker",
+      "path": "./src/components/date-picker/next/components/date-picker.ts",
+      "description": "Date picker.",
+      "attributes": [
+        {
+          "name": "allow-input",
+          "description": "Allows the user to enter a date directly into the input field",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "close-on-select",
+          "description": "Controls whether the calendar dropdown closes upon selection.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "date-format",
+          "description": "The date format.",
+          "type": "string"
+        },
+        {
+          "name": "locale",
+          "description": "BCP 47 locale tag used to localize the calendar's month and weekday labels.",
+          "type": "string",
+          "default": "\"en\""
+        },
+        {
+          "name": "disabled",
+          "description": "Controls the disabled state of the input",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "max-date",
+          "description": "The maximum date that a user can start picking from.",
+          "type": "string"
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that a user can start picking from.",
+          "type": "string"
+        },
+        {
+          "name": "name",
+          "description": "Name for the input in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "description": "`true` if the date picker should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "description": "Specify if the component should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "value",
+          "description": "The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "allowInput",
+          "attribute": "allow-input",
+          "description": "Allows the user to enter a date directly into the input field",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "closeOnSelect",
+          "attribute": "close-on-select",
+          "description": "Controls whether the calendar dropdown closes upon selection.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "dateFormat",
+          "attribute": "date-format",
+          "description": "The date format.",
+          "type": "string"
+        },
+        {
+          "name": "locale",
+          "attribute": "locale",
+          "description": "BCP 47 locale tag used to localize the calendar's month and weekday labels.",
+          "type": "string",
+          "default": "\"en\""
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Controls the disabled state of the input",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "maxDate",
+          "attribute": "max-date",
+          "description": "The maximum date that a user can start picking from.",
+          "type": "string"
+        },
+        {
+          "name": "minDate",
+          "attribute": "min-date",
+          "description": "The minimum date that a user can start picking from.",
+          "type": "string"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the input in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the date picker should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Specify if the component should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.",
+          "type": "string"
+        },
+        {
+          "name": "classNoBorder",
+          "description": "The CSS class applied to the \"today\" highlight if there are any dates selected.",
+          "type": "string",
+          "default": "\"no-border\""
+        },
+        {
+          "name": "defaultDateFormat",
+          "description": "The default date format.",
+          "type": "string",
+          "default": "\"m/d/Y\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-preview-date-picker-changed",
+          "description": "The custom event fired when the date selection changes."
+        },
+        {
+          "name": "cds-preview-date-picker-error",
+          "description": "The custom event fired when an error occurs."
+        }
+      ]
+    },
+    {
+      "name": "cds-dialog-body",
+      "path": "./src/components/dialog/dialog-body.ts",
+      "description": "Dialog body.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-dialog-close-button",
+      "path": "./src/components/dialog/dialog-close-button.ts",
+      "description": "Dialog close button.",
+      "attributes": [
+        {
+          "name": "close-button-label",
+          "description": "Specify a label for the close button of the modal; defaults to close",
+          "type": "string",
+          "default": "\"Close\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "closeButtonLabel",
+          "attribute": "close-button-label",
+          "description": "Specify a label for the close button of the modal; defaults to close",
+          "type": "string",
+          "default": "\"Close\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "close",
+          "description": "icon The close icon."
+        }
+      ]
+    },
+    {
+      "name": "cds-dialog-controls",
+      "path": "./src/components/dialog/dialog-controls.ts",
+      "description": "Dialog header controls.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-dialog-footer-button",
+      "path": "./src/components/dialog/dialog-footer-button.ts",
+      "description": "Dialog footer button.",
+      "attributes": [
+        {
+          "name": "autofocus",
+          "description": "`true` if the button should have input focus when the page loads.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "batch-action",
+          "description": "`true` if the button is being used within a data table batch action toolbar",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "button-class-name",
+          "description": "Specify an optional className to be added to your Button"
+        },
+        {
+          "name": "danger-description",
+          "description": "Specify the message read by screen readers for the danger button variants",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "disabled",
+          "description": "Specify whether the Button should be disabled, or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "download",
+          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "has-main-content",
+          "description": "`true` if there is a non-icon content.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "href",
+          "description": "Optionally specify an href for your Button to become an `<a>` element",
+          "type": "string"
+        },
+        {
+          "name": "hreflang",
+          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "isExpressive",
+          "description": "Specify whether the Button is expressive, or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "isSelected",
+          "description": "Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "kind",
+          "description": "Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`",
+          "type": "BUTTON_KIND",
+          "default": "\"primary\""
+        },
+        {
+          "name": "link-role",
+          "description": "The a11y role for `<a>`.",
+          "type": "string",
+          "default": "\"button\""
+        },
+        {
+          "name": "openTooltip",
+          "description": "Boolean to determine if tooltip is open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "ping",
+          "description": "URLs to ping, if this button is rendered as `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "description": "Optionally specify a `rel` when using an `<a>` element.",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`",
+          "type": "string | undefined",
+          "default": "\"lg\""
+        },
+        {
+          "name": "tab-index",
+          "description": "Optional prop to specify the tabIndex of the Button",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "target",
+          "description": "Optionally specify a `target` when using an `<a>` element.",
+          "type": "string"
+        },
+        {
+          "name": "tooltip-alignment",
+          "description": "Specify the alignment of the tooltip to the icon-only button.\nCan be one of: start, center, or end.",
+          "type": "BUTTON_TOOLTIP_ALIGNMENT",
+          "default": "\"\""
+        },
+        {
+          "name": "tooltip-position",
+          "description": "Specify the direction of the tooltip for icon-only buttons.\nCan be either top, right, bottom, or left.",
+          "type": "BUTTON_TOOLTIP_POSITION",
+          "default": "\"top\""
+        },
+        {
+          "name": "tooltip-text",
+          "description": "If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n`cds-badge-indicator` with no count prop then the text should include describing there is a new notification.",
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "Optional prop to specify the type of the Button.",
+          "type": "BUTTON_TYPE",
+          "default": "\"button\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "`true` if the button should have input focus when the page loads.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "batchAction",
+          "attribute": "batch-action",
+          "description": "`true` if the button is being used within a data table batch action toolbar",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "buttonClassName",
+          "attribute": "button-class-name",
           "description": "Specify an optional className to be added to your Button"
         },
         {
@@ -7328,169 +7868,562 @@
       "description": "Fluid combo box skeleton.",
       "properties": [
         {
-          "name": "styles",
-          "default": "\"styles\""
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-combo-box",
+      "path": "./src/components/fluid-combo-box/fluid-combo-box.ts",
+      "description": "Fluid combo box.",
+      "attributes": [
+        {
+          "name": "is-condensed",
+          "description": "Specify if the combo box should render its menu items in condensed mode.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "clear-selection-label",
+          "description": "The `aria-label` attribute for the icon to clear selection.",
+          "type": "string",
+          "default": "\"Clear selection\""
+        },
+        {
+          "name": "input-label",
+          "description": "The `aria-label` attribute for the `<input>` for filtering.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "should-filter-item",
+          "description": "Provide custom filtering behavior. This attribute will be ignored if\n`typeahead` is enabled and will default to `true`",
+          "type": "boolean | ShouldFilterItem",
+          "default": "false"
+        },
+        {
+          "name": "typeahead",
+          "description": "**Experimental**: will enable autocomplete and typeahead for the input field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "allow-custom-value",
+          "description": "`true` to allow custom values that do not match any item in the list.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "aria-label",
+          "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "direction",
+          "description": "Specify the direction of the dropdown. Can be either top or bottom.",
+          "type": "DROPDOWN_DIRECTION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if this dropdown should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hide-label",
+          "description": "Specify whether the title text should be hidden or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "title-text",
+          "description": "Provide the title text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "description": "Name for the dropdown in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "description": "`true` if this dropdown should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "read-only",
+          "description": "Whether or not the Dropdown is readonly",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the dropdown is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "Dropdown size.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "toggle-label-closed",
+          "description": "The `aria-label` attribute for the UI indicating the closed state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggle-label-open",
+          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "description": "Generic label that will be used as the textual representation of what this field is for",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "description": "`true` if this dropdown should use the inline UI variant.",
+          "type": "DROPDOWN_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "invalid",
+          "description": "`true` to show the UI of the invalid state.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validity-message",
+          "description": "The validity message.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "The value of the selected item.",
+          "type": "string",
+          "default": "\"\""
         }
-      ]
-    },
-    {
-      "name": "cds-fluid-combo-box",
-      "path": "./src/components/fluid-combo-box/fluid-combo-box.ts",
-      "description": "Fluid combo box.",
-      "attributes": [
+      ],
+      "properties": [
         {
-          "name": "is-condensed",
+          "name": "isCondensed",
+          "attribute": "is-condensed",
           "description": "Specify if the combo box should render its menu items in condensed mode.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "clear-selection-label",
+          "name": "clearSelectionLabel",
+          "attribute": "clear-selection-label",
           "description": "The `aria-label` attribute for the icon to clear selection.",
           "type": "string",
           "default": "\"Clear selection\""
         },
         {
-          "name": "input-label",
+          "name": "inputLabel",
+          "attribute": "input-label",
           "description": "The `aria-label` attribute for the `<input>` for filtering.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "should-filter-item",
+          "name": "itemMatches",
+          "description": "The custom item matching callback.",
+          "type": "(item: CDSComboBoxItem, queryText: string) => boolean"
+        },
+        {
+          "name": "shouldFilterItem",
+          "attribute": "should-filter-item",
           "description": "Provide custom filtering behavior. This attribute will be ignored if\n`typeahead` is enabled and will default to `true`",
           "type": "boolean | ShouldFilterItem",
           "default": "false"
         },
         {
           "name": "typeahead",
+          "attribute": "typeahead",
           "description": "**Experimental**: will enable autocomplete and typeahead for the input field.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "allow-custom-value",
+          "name": "allowCustomValue",
+          "attribute": "allow-custom-value",
           "description": "`true` to allow custom values that do not match any item in the list.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "aria-label",
+          "name": "inputProps",
+          "description": "Additional input attributes to apply to the internal input element.\nAllows passing native HTML input attributes like `maxlength`, `pattern`,\n`autocomplete`, etc.",
+          "type": "Record<string, string | number | boolean> | undefined"
+        },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
           "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
           "type": "string",
           "default": "\"\""
         },
         {
           "name": "direction",
+          "attribute": "direction",
           "description": "Specify the direction of the dropdown. Can be either top or bottom.",
           "type": "DROPDOWN_DIRECTION",
           "default": "\"bottom\""
         },
         {
           "name": "autoalign",
+          "attribute": "autoalign",
           "description": "Specify whether auto align functionality should be applied",
           "type": "boolean",
           "default": "false"
         },
         {
           "name": "disabled",
+          "attribute": "disabled",
           "description": "`true` if this dropdown should be disabled.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "helper-text",
+          "name": "helperText",
+          "attribute": "helper-text",
           "description": "The helper text.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "hide-label",
+          "name": "hideLabel",
+          "attribute": "hide-label",
           "description": "Specify whether the title text should be hidden or not",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "invalid-text",
+          "name": "invalidText",
+          "attribute": "invalid-text",
           "description": "Message which is displayed if the value is invalid.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "title-text",
+          "name": "titleText",
+          "attribute": "title-text",
           "description": "Provide the title text that will be read by a screen reader when visiting this control",
           "type": "string",
           "default": "\"\""
         },
         {
           "name": "name",
+          "attribute": "name",
           "description": "Name for the dropdown in the `FormData`",
           "type": "string",
           "default": "\"\""
         },
         {
           "name": "open",
+          "attribute": "open",
           "description": "`true` if this dropdown should be open.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "read-only",
+          "name": "readOnly",
+          "attribute": "read-only",
           "description": "Whether or not the Dropdown is readonly",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "isFluid",
-          "description": "Specify whether the dropdown is fluid or not",
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the dropdown is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Dropdown size.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "toggleLabelClosed",
+          "attribute": "toggle-label-closed",
+          "description": "The `aria-label` attribute for the UI indicating the closed state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggleLabelOpen",
+          "attribute": "toggle-label-open",
+          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Generic label that will be used as the textual representation of what this field is for",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "`true` if this dropdown should use the inline UI variant.",
+          "type": "DROPDOWN_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggleLabel",
+          "description": "The computed aria-label for the toggle button based on open state.",
+          "type": "string"
+        },
+        {
+          "name": "TRIGGER_KEYS",
+          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
+          "type": "Set<string>",
+          "default": "\"new Set(['Enter'])\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"styles\",\"styles\"]"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "`true` to show the UI of the invalid state.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "requiredValidityMessage",
+          "attribute": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validityMessage",
+          "attribute": "validity-message",
+          "description": "The validity message.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the selected item.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-combo-box-beingselected",
+          "description": "The custom event fired before a combo box item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
+        },
+        {
+          "name": "cds-combo-box-beingtoggled",
+          "description": "The custom event fired before the open state of this combo box is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
+        },
+        {
+          "name": "cds-combo-box-selected",
+          "description": "The custom event fired after a combo box item is selected upon a user gesture."
+        },
+        {
+          "name": "cds-combo-box-toggled",
+          "description": "The custom event fired after the open state of this combo box is toggled upon a user gesture."
+        },
+        {
+          "name": "cds-dropdown-beingselected",
+          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
+        },
+        {
+          "name": "cds-dropdown-beingtoggled",
+          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
+        },
+        {
+          "name": "cds-dropdown-selected",
+          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
+        },
+        {
+          "name": "cds-dropdown-toggled",
+          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
+        },
+        {
+          "name": "input"
+        },
+        {
+          "name": "invalid"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "label",
+          "description": "text The label text."
+        },
+        {
+          "name": "helper",
+          "description": "text The helper text."
+        },
+        {
+          "name": "trigger",
+          "description": "button The trigger button."
+        },
+        {
+          "name": "menu",
+          "description": "body The menu body."
+        },
+        {
+          "name": "validity",
+          "description": "message The validity message."
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-date-picker-input",
+      "path": "./src/components/fluid-date-picker/fluid-date-picker-input.ts",
+      "description": "Fluid date picker input.",
+      "attributes": [
+        {
+          "name": "color-scheme",
+          "description": "The color scheme.",
+          "type": "FORM_ELEMENT_COLOR_SCHEME",
+          "default": "\"\""
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if the check box should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-label",
+          "description": "`true` if the label should be hidden.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "size",
-          "description": "Dropdown size.",
-          "type": "DROPDOWN_SIZE",
-          "default": "\"md\""
-        },
-        {
-          "name": "toggle-label-closed",
-          "description": "The `aria-label` attribute for the UI indicating the closed state.",
-          "type": "string",
-          "default": "\"\""
+          "name": "invalid",
+          "description": "Controls the invalid state and visibility of the `validityMessage`.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "toggle-label-open",
-          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "name": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "label",
-          "description": "Generic label that will be used as the textual representation of what this field is for",
-          "type": "string",
-          "default": "\"\""
+          "name": "kind",
+          "description": "Date picker input kind.",
+          "type": "DATE_PICKER_INPUT_KIND",
+          "default": "\"simple\""
         },
         {
-          "name": "type",
-          "description": "`true` if this dropdown should use the inline UI variant.",
-          "type": "DROPDOWN_TYPE",
-          "default": "\"\""
+          "name": "label-text",
+          "description": "The label text.",
+          "type": "string"
         },
         {
-          "name": "warn",
-          "description": "Specify whether the control is currently in warning state",
-          "type": "boolean",
-          "default": "false"
+          "name": "pattern",
+          "description": "The `pattern` attribute for the `<input>` in the shadow DOM.",
+          "type": "string"
         },
         {
-          "name": "warn-text",
-          "description": "Provide the text that is displayed when the control is in warning state",
-          "type": "string",
-          "default": "\"\""
+          "name": "placeholder",
+          "description": "The placeholder text.",
+          "type": "string"
         },
         {
-          "name": "invalid",
-          "description": "`true` to show the UI of the invalid state.",
+          "name": "readonly",
+          "description": "Specify if the component should be read-only",
           "type": "boolean",
           "default": "false"
         },
@@ -7501,116 +8434,77 @@
           "default": "false"
         },
         {
-          "name": "required-validity-message",
-          "description": "The special validity message for `required`.",
-          "type": "string",
-          "default": "\"Please fill out this field.\""
-        },
-        {
-          "name": "validity-message",
-          "description": "The validity message.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "value",
-          "description": "The value of the selected item.",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "isCondensed",
-          "attribute": "is-condensed",
-          "description": "Specify if the combo box should render its menu items in condensed mode.",
+          "name": "short",
+          "description": "true to use the short version.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "clearSelectionLabel",
-          "attribute": "clear-selection-label",
-          "description": "The `aria-label` attribute for the icon to clear selection.",
-          "type": "string",
-          "default": "\"Clear selection\""
-        },
-        {
-          "name": "inputLabel",
-          "attribute": "input-label",
-          "description": "The `aria-label` attribute for the `<input>` for filtering.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "itemMatches",
-          "description": "The custom item matching callback.",
-          "type": "(item: CDSComboBoxItem, queryText: string) => boolean"
+          "name": "size",
+          "description": "Vertical size of this date picker input.",
+          "type": "INPUT_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "shouldFilterItem",
-          "attribute": "should-filter-item",
-          "description": "Provide custom filtering behavior. This attribute will be ignored if\n`typeahead` is enabled and will default to `true`",
-          "type": "boolean | ShouldFilterItem",
-          "default": "false"
+          "name": "type",
+          "description": "The `type` attribute for the `<input>` in the shadow DOM.",
+          "type": "string"
         },
         {
-          "name": "typeahead",
-          "attribute": "typeahead",
-          "description": "**Experimental**: will enable autocomplete and typeahead for the input field.",
-          "type": "boolean",
-          "default": "false"
+          "name": "value",
+          "description": "The value.",
+          "type": "string"
         },
         {
-          "name": "allowCustomValue",
-          "attribute": "allow-custom-value",
-          "description": "`true` to allow custom values that do not match any item in the list.",
+          "name": "warn",
+          "description": "Specify whether the control is currently in warning state",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "inputProps",
-          "description": "Additional input attributes to apply to the internal input element.\nAllows passing native HTML input attributes like `maxlength`, `pattern`,\n`autocomplete`, etc.",
-          "type": "Record<string, string | number | boolean> | undefined"
-        },
-        {
-          "name": "ariaLabel",
-          "attribute": "aria-label",
-          "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "direction",
-          "attribute": "direction",
-          "description": "Specify the direction of the dropdown. Can be either top or bottom.",
-          "type": "DROPDOWN_DIRECTION",
-          "default": "\"bottom\""
+          "name": "is-fluid",
+          "description": "Fluid variant is always true for this component.\nOverrides the base class default of false.",
+          "type": "boolean",
+          "default": "true"
+        }
+      ],
+      "properties": [
+        {
+          "name": "input",
+          "description": "The `<input>`, used for Flatpickr to grab.",
+          "type": "HTMLInputElement"
         },
         {
-          "name": "autoalign",
-          "attribute": "autoalign",
-          "description": "Specify whether auto align functionality should be applied",
-          "type": "boolean",
-          "default": "false"
+          "name": "colorScheme",
+          "attribute": "color-scheme",
+          "description": "The color scheme.",
+          "type": "FORM_ELEMENT_COLOR_SCHEME",
+          "default": "\"\""
         },
         {
           "name": "disabled",
           "attribute": "disabled",
-          "description": "`true` if this dropdown should be disabled.",
+          "description": "`true` if the check box should be disabled.",
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "helperText",
-          "attribute": "helper-text",
-          "description": "The helper text.",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "hideLabel",
           "attribute": "hide-label",
-          "description": "Specify whether the title text should be hidden or not",
+          "description": "`true` if the label should be hidden.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Controls the invalid state and visibility of the `validityMessage`.",
           "type": "boolean",
           "default": "false"
         },
@@ -7622,74 +8516,69 @@
           "default": "\"\""
         },
         {
-          "name": "titleText",
-          "attribute": "title-text",
-          "description": "Provide the title text that will be read by a screen reader when visiting this control",
-          "type": "string",
-          "default": "\"\""
+          "name": "kind",
+          "attribute": "kind",
+          "description": "Date picker input kind.",
+          "type": "DATE_PICKER_INPUT_KIND",
+          "default": "\"simple\""
         },
         {
-          "name": "name",
-          "attribute": "name",
-          "description": "Name for the dropdown in the `FormData`",
-          "type": "string",
-          "default": "\"\""
+          "name": "labelText",
+          "attribute": "label-text",
+          "description": "The label text.",
+          "type": "string"
         },
         {
-          "name": "open",
-          "attribute": "open",
-          "description": "`true` if this dropdown should be open.",
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "The `pattern` attribute for the `<input>` in the shadow DOM.",
+          "type": "string"
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "The placeholder text.",
+          "type": "string"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Specify if the component should be read-only",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "readOnly",
-          "attribute": "read-only",
-          "description": "Whether or not the Dropdown is readonly",
+          "name": "required",
+          "attribute": "required",
+          "description": "`true` if the value is required.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "isFluid",
-          "attribute": "isFluid",
-          "description": "Specify whether the dropdown is fluid or not",
+          "name": "short",
+          "attribute": "short",
+          "description": "true to use the short version.",
           "type": "boolean",
           "default": "false"
         },
         {
           "name": "size",
           "attribute": "size",
-          "description": "Dropdown size.",
-          "type": "DROPDOWN_SIZE",
+          "description": "Vertical size of this date picker input.",
+          "type": "INPUT_SIZE",
           "default": "\"md\""
         },
-        {
-          "name": "toggleLabelClosed",
-          "attribute": "toggle-label-closed",
-          "description": "The `aria-label` attribute for the UI indicating the closed state.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "toggleLabelOpen",
-          "attribute": "toggle-label-open",
-          "description": "The `aria-label` attribute for the UI indicating the open state.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Generic label that will be used as the textual representation of what this field is for",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "type",
           "attribute": "type",
-          "description": "`true` if this dropdown should use the inline UI variant.",
-          "type": "DROPDOWN_TYPE",
-          "default": "\"\""
+          "description": "The `type` attribute for the `<input>` in the shadow DOM.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value.",
+          "type": "string"
         },
         {
           "name": "warn",
@@ -7706,15 +8595,23 @@
           "default": "\"\""
         },
         {
-          "name": "toggleLabel",
-          "description": "The computed aria-label for the toggle button based on open state.",
-          "type": "string"
+          "name": "isFluid",
+          "attribute": "is-fluid",
+          "description": "Fluid variant is always true for this component.\nOverrides the base class default of false.",
+          "type": "boolean",
+          "default": "true"
         },
         {
-          "name": "TRIGGER_KEYS",
-          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
-          "type": "Set<string>",
-          "default": "\"new Set(['Enter'])\""
+          "name": "defaultPattern",
+          "description": "The default value for `pattern` property.",
+          "type": "string",
+          "default": "\"\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}\""
+        },
+        {
+          "name": "defaultType",
+          "description": "The default value for `type` property.",
+          "type": "string",
+          "default": "\"text\""
         },
         {
           "name": "shadowRootOptions",
@@ -7725,103 +8622,222 @@
           "name": "styles",
           "type": "array",
           "default": "[\"styles\",\"styles\"]"
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-date-picker-skeleton",
+      "path": "./src/components/fluid-date-picker/fluid-date-picker-skeleton.ts",
+      "description": "Fluid date picker skeleton.",
+      "attributes": [
+        {
+          "name": "date-picker-type",
+          "type": "\"simple\" | \"single\" | \"range\"",
+          "default": "\"single\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "datePickerType",
+          "attribute": "date-picker-type",
+          "type": "\"simple\" | \"single\" | \"range\"",
+          "default": "\"single\""
         },
         {
-          "name": "invalid",
-          "attribute": "invalid",
-          "description": "`true` to show the UI of the invalid state.",
+          "name": "styles",
+          "type": "array",
+          "default": "[\"styles\"]"
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-date-picker",
+      "path": "./src/components/fluid-date-picker/fluid-date-picker.ts",
+      "description": "Fluid date picker.",
+      "attributes": [
+        {
+          "name": "allow-input",
+          "description": "flatpickr prop passthrough. Allows the user to enter a date directly into the input field",
           "type": "boolean",
-          "default": "false"
+          "default": "true"
         },
         {
-          "name": "required",
-          "attribute": "required",
-          "description": "`true` if the value is required.",
+          "name": "close-on-select",
+          "description": "flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "date-format",
+          "description": "The date format to let Flatpickr use.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "Controls the disabled state of the input",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "requiredValidityMessage",
-          "attribute": "required-validity-message",
-          "description": "The special validity message for `required`.",
-          "type": "string",
-          "default": "\"Please fill out this field.\""
+          "name": "enabled-range",
+          "description": "The date range that a user can pick in calendar dropdown.",
+          "type": "string"
         },
         {
-          "name": "validityMessage",
-          "attribute": "validity-message",
-          "description": "The validity message.",
+          "name": "max-date",
+          "description": "The maximum date that a user can start picking from.",
+          "type": "string"
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that a user can start picking from.",
+          "type": "string"
+        },
+        {
+          "name": "name",
+          "description": "Name for the input in the `FormData`",
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "open",
+          "description": "`true` if the date picker should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "description": "Specify if the component should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "value",
-          "attribute": "value",
-          "description": "The value of the selected item.",
-          "type": "string",
-          "default": "\"\""
+          "description": "The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.",
+          "type": "string"
         }
       ],
-      "events": [
+      "properties": [
         {
-          "name": "cds-combo-box-beingselected",
-          "description": "The custom event fired before a combo box item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
+          "name": "calendar",
+          "description": "The Flatpickr instance.",
+          "type": "Instance | null"
         },
         {
-          "name": "cds-combo-box-beingtoggled",
-          "description": "The custom event fired before the open state of this combo box is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
+          "name": "allowInput",
+          "attribute": "allow-input",
+          "description": "flatpickr prop passthrough. Allows the user to enter a date directly into the input field",
+          "type": "boolean",
+          "default": "true"
         },
         {
-          "name": "cds-combo-box-selected",
-          "description": "The custom event fired after a combo box item is selected upon a user gesture."
+          "name": "closeOnSelect",
+          "attribute": "close-on-select",
+          "description": "flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.",
+          "type": "boolean",
+          "default": "true"
         },
         {
-          "name": "cds-combo-box-toggled",
-          "description": "The custom event fired after the open state of this combo box is toggled upon a user gesture."
+          "name": "dateFormat",
+          "attribute": "date-format",
+          "description": "The date format to let Flatpickr use.",
+          "type": "string"
         },
         {
-          "name": "cds-dropdown-beingselected",
-          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Controls the disabled state of the input",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "cds-dropdown-beingtoggled",
-          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
+          "name": "enabledRange",
+          "attribute": "enabled-range",
+          "description": "The date range that a user can pick in calendar dropdown.",
+          "type": "string"
         },
         {
-          "name": "cds-dropdown-selected",
-          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
+          "name": "locale",
+          "description": "The localization data.",
+          "type": "Locale"
         },
         {
-          "name": "cds-dropdown-toggled",
-          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
+          "name": "maxDate",
+          "attribute": "max-date",
+          "description": "The maximum date that a user can start picking from.",
+          "type": "string"
         },
         {
-          "name": "input"
+          "name": "minDate",
+          "attribute": "min-date",
+          "description": "The minimum date that a user can start picking from.",
+          "type": "string"
         },
         {
-          "name": "invalid"
-        }
-      ],
-      "cssParts": [
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the input in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
         {
-          "name": "label",
-          "description": "text The label text."
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the date picker should be open.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "helper",
-          "description": "text The helper text."
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Specify if the component should be read-only",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "trigger",
-          "description": "button The trigger button."
+          "name": "value",
+          "attribute": "value",
+          "description": "The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.",
+          "type": "string"
         },
         {
-          "name": "menu",
-          "description": "body The menu body."
+          "name": "classNoBorder",
+          "description": "The CSS class applied to the \"today\" highlight if there are any dates selected.",
+          "type": "string",
+          "default": "\"no-border\""
         },
         {
-          "name": "validity",
-          "description": "message The validity message."
+          "name": "defaultAriaDateFormat",
+          "description": "The default aria date format.",
+          "type": "string",
+          "default": "\"l, F j, Y\""
+        },
+        {
+          "name": "defaultDateFormat",
+          "description": "The default date format.",
+          "type": "string",
+          "default": "\"m/d/Y\""
+        },
+        {
+          "name": "defaultLocale",
+          "description": "The default localization data.",
+          "type": "CustomLocale & Locale",
+          "default": "\"default\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"styles\",\"styles\"]"
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-date-picker-changed",
+          "description": "The custom event fired on this element when Flatpickr updates its value."
+        },
+        {
+          "name": "cds-date-picker-flatpickr-error",
+          "description": "The name of the custom event when Flatpickr throws an error."
         }
       ]
     },
@@ -9439,6 +10455,9 @@
           "name": "cds-number-input",
           "description": "The name of the custom event fired after the value is changed upon a user gesture."
         },
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -9852,6 +10871,9 @@
         }
       ],
       "events": [
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -10917,6 +11939,9 @@
         }
       ],
       "events": [
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -11408,6 +12433,9 @@
         {
           "name": "input"
         },
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -16780,6 +17808,9 @@
           "name": "cds-number-input",
           "description": "The name of the custom event fired after the value is changed upon a user gesture."
         },
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -18487,6 +19518,9 @@
         }
       ],
       "events": [
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -23527,6 +24561,9 @@
         }
       ],
       "events": [
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }
@@ -24015,6 +25052,9 @@
         {
           "name": "input"
         },
+        {
+          "name": "change"
+        },
         {
           "name": "invalid"
         }