igniteui-webcomponents 4.9.0 → 4.11.0

package/custom-elements.json

@@ -31,6 +31,14 @@
             "module": "./components/badge/badge.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcBannerComponent",
+          "declaration": {
+            "name": "default",
+            "module": "./components/banner/banner.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcButtonComponent",
@@ -135,6 +143,14 @@
             "module": "./components/combo/combo.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcDatePickerComponent",
+          "declaration": {
+            "name": "default",
+            "module": "./components/date-picker/date-picker.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcDateTimeInputComponent",
@@ -151,6 +167,14 @@
             "module": "./components/dialog/dialog.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcDividerComponent",
+          "declaration": {
+            "name": "default",
+            "module": "./components/divider/divider.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcDropdownComponent",
@@ -1561,6 +1585,328 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/banner/banner.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `igc-banner` component displays important and concise message(s) for a user to address, that is specific to a page or feature.",
+          "name": "IgcBannerComponent",
+          "cssParts": [
+            {
+              "description": "The base wrapper of the banner component.",
+              "name": "base"
+            },
+            {
+              "description": "The inner wrapper that sets the space around the banner.",
+              "name": "spacer"
+            },
+            {
+              "description": "The part that holds the text and the illustration.",
+              "name": "message"
+            },
+            {
+              "description": "The part that holds the banner icon/illustration.",
+              "name": "illustration"
+            },
+            {
+              "description": "The part that holds the banner text content.",
+              "name": "content"
+            },
+            {
+              "description": "The part that holds the banner action buttons.",
+              "name": "actions"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the text content of the banner message.",
+              "name": ""
+            },
+            {
+              "description": "Renders additional content at the start of the message block.",
+              "name": "prefix"
+            },
+            {
+              "description": "Renders any action elements.",
+              "name": "actions"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-banner'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_bannerRef",
+              "type": {
+                "text": "Ref<HTMLElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_animationPlayer",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Determines whether the banner is being shown/hidden.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "description": "Shows the banner if not already shown. Returns `true` when the animation has completed."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "description": "Hides the banner if not already hidden. Returns `true` when the animation has completed."
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "description": "Toggles between shown/hidden state. Returns `true` when the animation has completed."
+            },
+            {
+              "kind": "method",
+              "name": "toggleAnimation",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "dir",
+                  "type": {
+                    "text": "'open' | 'close'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'status'"
+            },
+            {
+              "kind": "field",
+              "name": "ariaLive",
+              "type": {
+                "text": "string"
+              },
+              "default": "'polite'"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | EventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "eventInitDict",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<D>"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted before closing the banner - when a user interacts (click) with the default action of the banner.",
+              "name": "igcClosing"
+            },
+            {
+              "description": "Emitted after the banner is closed - when a user interacts (click) with the default action of the banner.",
+              "name": "igcClosed"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the banner is being shown/hidden.",
+              "fieldName": "open",
+              "attribute": "open"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/components/common/mixins/event-emitter.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-banner",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcBannerComponent",
+            "module": "src/components/banner/banner.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/button/button-base.ts",
@@ -1591,6 +1937,11 @@
               "static": true,
               "default": "{\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  }"
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "__internals",
@@ -2232,6 +2583,15 @@
                 "module": "src/components/button/button-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IgcButtonBaseComponent",
+                "module": "src/components/button/button-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "__internals",
@@ -2906,6 +3266,15 @@
                 "module": "src/components/button/button-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IgcButtonBaseComponent",
+                "module": "src/components/button/button-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "__internals",
@@ -3764,6 +4133,11 @@
               "privacy": "public",
               "static": true
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_nativeButton",
@@ -3888,6 +4262,10 @@
       "kind": "javascript-module",
       "path": "src/components/calendar/calendar.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "focusActiveDate"
+        },
         {
           "kind": "class",
           "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.",
@@ -4199,8 +4577,8 @@
             },
             {
               "kind": "method",
-              "name": "focusActiveDate",
-              "privacy": "private"
+              "name": "[focusActiveDate]",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -4892,6 +5270,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "focusActiveDate",
+          "declaration": {
+            "name": "focusActiveDate",
+            "module": "src/components/calendar/calendar.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
@@ -5258,6 +5644,11 @@
                 "module": "src/components/common/mixins/form-associated.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -5291,15 +5682,6 @@
               },
               "privacy": "protected"
             },
-            {
-              "kind": "field",
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false"
-            },
             {
               "kind": "field",
               "name": "hideLabel",
@@ -5341,11 +5723,6 @@
               "attribute": "label-position",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "click",
@@ -5388,29 +5765,6 @@
               "name": "handleFocus",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "handleMouseDown",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyUp",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "required",
@@ -6607,6 +6961,15 @@
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcCheckboxBaseComponent",
+                "module": "src/components/checkbox/checkbox-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -6656,19 +7019,6 @@
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "hideLabel",
@@ -6726,15 +7076,6 @@
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "click",
@@ -6791,41 +7132,6 @@
                 "name": "IgcCheckboxBaseComponent",
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseDown",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyUp",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
             }
           ],
           "events": [
@@ -7543,6 +7849,15 @@
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcCheckboxBaseComponent",
+                "module": "src/components/checkbox/checkbox-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -7592,19 +7907,6 @@
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "hideLabel",
@@ -7662,15 +7964,6 @@
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "click",
@@ -7736,41 +8029,6 @@
                 "name": "IgcCheckboxBaseComponent",
                 "module": "src/components/checkbox/checkbox-base.ts"
               }
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseDown",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyUp",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcCheckboxBaseComponent",
-                "module": "src/components/checkbox/checkbox-base.ts"
-              }
             }
           ],
           "events": [
@@ -9044,6 +9302,11 @@
               "name": "toggleDirectiveChange",
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "updateOnDisableFiltering",
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "_rootClickController",
@@ -9327,6 +9590,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "selectByIndex",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "navigateTo",
@@ -10214,6 +10490,10 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "noop"
+        },
         {
           "kind": "function",
           "name": "asPercent",
@@ -10289,7 +10569,8 @@
                 "text": "HTMLElement"
               }
             }
-          ]
+          ],
+          "description": "Returns whether an element has a Left-to-Right directionality."
         },
         {
           "kind": "function",
@@ -10493,6 +10774,14 @@
             "module": "src/components/common/util.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "noop",
+          "declaration": {
+            "name": "noop",
+            "module": "src/components/common/util.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "asPercent",
@@ -10623,7 +10912,7 @@
           "kind": "variable",
           "name": "requiredValidator",
           "type": {
-            "text": "Validator<{\n  required: boolean;\n  value?: string;\n}>"
+            "text": "Validator<{\n  required: boolean;\n  value?: unknown;\n}>"
           },
           "default": "{\n  key: 'valueMissing',\n  message: validatorMessages.required,\n  isValid: ({ required, value }) => (required ? !!value : true),\n}"
         },
@@ -10706,6 +10995,22 @@
             "text": "Validator<{ value: string }>"
           },
           "default": "{\n  key: 'typeMismatch',\n  message: validatorMessages.url,\n  isValid: ({ value }) => URL.canParse(value),\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "minDateValidator",
+          "type": {
+            "text": "Validator<{\n  value?: Date | null;\n  min?: Date | null;\n}>"
+          },
+          "default": "{\n  key: 'rangeUnderflow',\n  message: ({ min }) => formatString(validatorMessages.min, min),\n  isValid: ({ value, min }) =>\n    min\n      ? !DateTimeUtil.lessThanMinValue(value ?? new Date(), min, false, true)\n      : true,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "maxDateValidator",
+          "type": {
+            "text": "Validator<{\n  value?: Date | null;\n  max?: Date | null;\n}>"
+          },
+          "default": "{\n  key: 'rangeOverflow',\n  message: ({ max }) => formatString(validatorMessages.max, max),\n  isValid: ({ value, max }) =>\n    max\n      ? !DateTimeUtil.greaterThanMaxValue(value ?? new Date(), max, false, true)\n      : true,\n}"
         }
       ],
       "exports": [
@@ -10796,18 +11101,38 @@
             "name": "urlValidator",
             "module": "src/components/common/validators.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "minDateValidator",
+          "declaration": {
+            "name": "minDateValidator",
+            "module": "src/components/common/validators.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "maxDateValidator",
+          "declaration": {
+            "name": "maxDateValidator",
+            "module": "src/components/common/validators.ts"
+          }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/date-time-input/date-time-input.ts",
+      "path": "src/components/date-picker/date-picker.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A date time input is an input field that lets you set and edit the date and time in a chosen input element\nusing customizable display and input formats.",
-          "name": "IgcDateTimeInputComponent",
+          "description": "igc-date-picker is a feature rich component used for entering a date through manual text input or\nchoosing date values from a calendar dialog that pops up.",
+          "name": "IgcDatePickerComponent",
           "cssParts": [
+            {
+              "description": "The label wrapper that renders content above the target input.",
+              "name": "label"
+            },
             {
               "description": "The main wrapper that holds all main input elements.",
               "name": "container"
@@ -10816,10 +11141,6 @@
               "description": "The native input element.",
               "name": "input"
             },
-            {
-              "description": "The native label element.",
-              "name": "label"
-            },
             {
               "description": "The prefix wrapper.",
               "name": "prefix"
@@ -10829,8 +11150,168 @@
               "name": "suffix"
             },
             {
-              "description": "The helper text wrapper.",
+              "description": "The calendar icon wrapper for closed state.",
+              "name": "calendar-icon"
+            },
+            {
+              "description": "The calendar icon wrapper for opened state.",
+              "name": "calendar-icon-open"
+            },
+            {
+              "description": "The clear icon wrapper.",
+              "name": "clear-icon"
+            },
+            {
+              "description": "The actions wrapper.",
+              "name": "actions"
+            },
+            {
+              "description": "The helper-text wrapper that renders content below the target input.",
               "name": "helper-text"
+            },
+            {
+              "description": "The calendar header element.",
+              "name": "header"
+            },
+            {
+              "description": "The calendar header title element.",
+              "name": "header-title"
+            },
+            {
+              "description": "The calendar header date element.",
+              "name": "header-date"
+            },
+            {
+              "description": "The calendar content element which contains the views and navigation elements.",
+              "name": "calendar-content"
+            },
+            {
+              "description": "The calendar navigation container element.",
+              "name": "navigation"
+            },
+            {
+              "description": "The calendar months navigation button element.",
+              "name": "months-navigation"
+            },
+            {
+              "description": "The calendar years navigation button element.",
+              "name": "years-navigation"
+            },
+            {
+              "description": "The calendar years range element.",
+              "name": "years-range"
+            },
+            {
+              "description": "The calendar navigation buttons container.",
+              "name": "navigation-buttons"
+            },
+            {
+              "description": "The calendar previous/next navigation button.",
+              "name": "navigation-button"
+            },
+            {
+              "description": "The calendar days view container element.",
+              "name": "days-view-container"
+            },
+            {
+              "description": "The calendar days view element.",
+              "name": "days-view"
+            },
+            {
+              "description": "The calendar months view element.",
+              "name": "months-view"
+            },
+            {
+              "description": "The calendar years view element.",
+              "name": "years-view"
+            },
+            {
+              "description": "The calendar days row element.",
+              "name": "days-row"
+            },
+            {
+              "description": "The calendar week header label element.",
+              "name": "calendar-label"
+            },
+            {
+              "description": "The calendar week number element.",
+              "name": "week-number"
+            },
+            {
+              "description": "The calendar week number inner element.",
+              "name": "week-number-inner"
+            },
+            {
+              "description": "The calendar date element.",
+              "name": "date"
+            },
+            {
+              "description": "The calendar date inner element.",
+              "name": "date-inner"
+            },
+            {
+              "description": "The calendar first selected date element in range selection.",
+              "name": "first"
+            },
+            {
+              "description": "The calendar last selected date element in range selection.",
+              "name": "last"
+            },
+            {
+              "description": "The calendar inactive date element.",
+              "name": "inactive"
+            },
+            {
+              "description": "The calendar hidden date element.",
+              "name": "hidden"
+            },
+            {
+              "description": "The calendar weekend date element.",
+              "name": "weekend"
+            },
+            {
+              "description": "The calendar range selected element.",
+              "name": "range"
+            },
+            {
+              "description": "The calendar special date element.",
+              "name": "special"
+            },
+            {
+              "description": "The calendar disabled date element.",
+              "name": "disabled"
+            },
+            {
+              "description": "The calendar single selected date element.",
+              "name": "single"
+            },
+            {
+              "description": "The calendar range selection preview date element.",
+              "name": "preview"
+            },
+            {
+              "description": "The calendar month element.",
+              "name": "month"
+            },
+            {
+              "description": "The calendar month inner element.",
+              "name": "month-inner"
+            },
+            {
+              "description": "The calendar year element.",
+              "name": "year"
+            },
+            {
+              "description": "The calendar year inner element.",
+              "name": "year-inner"
+            },
+            {
+              "description": "The calendar selected state for element(s). Applies to date, month and year elements.",
+              "name": "selected"
+            },
+            {
+              "description": "The calendar current state for element(s). Applies to date, month and year elements.",
+              "name": "current"
             }
           ],
           "slots": [
@@ -10839,12 +11320,32 @@
               "name": "prefix"
             },
             {
-              "description": "Renders content after input.",
+              "description": "Renders content after the input.",
               "name": "suffix"
             },
             {
               "description": "Renders content below the input.",
               "name": "helper-text"
+            },
+            {
+              "description": "Renders content in the calendar title.",
+              "name": "title"
+            },
+            {
+              "description": "Renders a clear icon template.",
+              "name": "clear-icon"
+            },
+            {
+              "description": "Renders the icon/content for the calendar picker.",
+              "name": "calendar-icon"
+            },
+            {
+              "description": "Renders the icon/content for the picker in open state.",
+              "name": "calendar-icon-open"
+            },
+            {
+              "description": "Renders content in the action part of the picker in open state.",
+              "name": "actions"
             }
           ],
           "members": [
@@ -10857,13 +11358,39 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-date-time-input'"
+              "default": "'igc-date-picker'"
             },
             {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "protected",
+              "static": true,
+              "default": "{\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  }"
+            },
+            {
+              "kind": "field",
+              "name": "increment",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "inputId",
+              "privacy": "protected",
+              "default": "`date-picker-${IgcDatePickerComponent.increment()}`"
+            },
+            {
+              "kind": "field",
+              "name": "[themeSymbol]",
+              "type": {
+                "text": "Theme"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -10872,145 +11399,1964 @@
                 "text": "Validator[]"
               },
               "privacy": "protected",
-              "default": "[\n    {\n      key: 'valueMissing',\n      message: messages.required,\n      isValid: () => (this.required ? !!this.value : true),\n    },\n    {\n      key: 'rangeUnderflow',\n      message: () => formatString(messages.min, this.min),\n      isValid: () =>\n        this.min\n          ? !DateTimeUtil.lessThanMinValue(\n              this.value || new Date(),\n              this.min,\n              this.hasTimeParts,\n              this.hasDateParts\n            )\n          : true,\n    },\n    {\n      key: 'rangeOverflow',\n      message: () => formatString(messages.max, this.max),\n      isValid: () =>\n        this.max\n          ? !DateTimeUtil.greaterThanMaxValue(\n              this.value || new Date(),\n              this.max,\n              this.hasTimeParts,\n              this.hasDateParts\n            )\n          : true,\n    },\n  ]",
+              "default": "[\n    requiredValidator,\n    minDateValidator,\n    maxDateValidator,\n    {\n      key: 'badInput',\n      message: () => formatString(messages.disabledDate, this.value),\n      isValid: () =>\n        this.value\n          ? !isDateInRanges(this.value, this.disabledDates ?? [])\n          : true,\n    },\n  ]",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/components/common/mixins/form-associated.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "_defaultMask",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected"
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
             },
             {
               "kind": "field",
               "name": "_value",
               "type": {
-                "text": "Date | null"
+                "text": "Date | null | undefined"
               },
-              "privacy": "protected",
-              "default": "null"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_oldValue",
+              "name": "_activeDate",
               "type": {
-                "text": "Date | null"
+                "text": "Date | null | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_inputDateParts",
+              "name": "_min",
               "type": {
-                "text": "DatePartInfo[]"
+                "text": "Date | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_inputFormat",
+              "name": "_max",
               "type": {
-                "text": "string"
+                "text": "Date | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_datePartDeltas",
+              "name": "_disabledDates",
               "type": {
-                "text": "DatePartDeltas"
+                "text": "DateRangeDescriptor[] | undefined"
               },
-              "privacy": "private",
-              "default": "{\n    date: 1,\n    month: 1,\n    year: 1,\n    hours: 1,\n    minutes: 1,\n    seconds: 1,\n  }"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "inputFormat",
+              "name": "_dateConstraints",
               "type": {
-                "text": "string"
+                "text": "DateRangeDescriptor[] | undefined"
               },
-              "privacy": "public",
-              "description": "The date format to apply on the input.",
-              "attribute": "input-format"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_displayFormat",
               "type": {
-                "text": "string | Date | null"
+                "text": "string | undefined"
               },
-              "privacy": "public",
-              "description": "The value of the input.",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "IgcInputBaseComponent",
-                "module": "src/components/input/input-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "_inputFormat",
               "type": {
-                "text": "Date"
+                "text": "string | undefined"
               },
-              "privacy": "public",
-              "description": "The minimum value required for the input to remain valid.",
-              "attribute": "min"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "Date"
-              },
-              "privacy": "public",
-              "description": "The maximum value required for the input to remain valid.",
-              "attribute": "max"
+              "name": "_rootClickController",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "minValue",
-              "privacy": "public",
-              "description": "The minimum value required for the input to remain valid.",
-              "deprecated": "since v4.4.0. Use the `min` property instead.",
-              "attribute": "min-value"
+              "name": "isDropDown",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "maxValue",
-              "privacy": "public",
-              "description": "The maximum value required for the input to remain valid.",
-              "deprecated": "since v4.4.0. Use the `max` property instead.",
-              "attribute": "max-value"
+              "name": "isMaterialTheme",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "displayFormat",
+              "name": "_input",
               "type": {
-                "text": "string"
+                "text": "IgcDateTimeInputComponent"
               },
-              "privacy": "public",
-              "description": "Format to display the value in when not editing.\nDefaults to the input format if not set.",
-              "attribute": "display-format"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "spinDelta",
+              "name": "_calendar",
               "type": {
-                "text": "DatePartDeltas"
+                "text": "IgcCalendarComponent"
               },
-              "privacy": "public",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "prefixes",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "suffixes",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "helperText",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Sets the state of the datepicker dropdown.",
+              "attribute": "open",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The label of the datepicker.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'dropdown' | 'dialog'"
+              },
+              "privacy": "public",
+              "default": "'dropdown'",
+              "description": "Determines whether the calendar is opened in a dropdown or a modal dialog",
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "nonEditable",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to allow typing in the input.",
+              "attribute": "non-editable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Makes the control a readonly field.",
+              "attribute": "readonly",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "description": "The value of the picker",
+              "attribute": "value",
+              "type": {
+                "text": "Date | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "activeDate",
+              "privacy": "public",
+              "description": "Gets/Sets the date which is shown in the calendar picker and is highlighted.\nBy default it is the current date.",
+              "type": {
+                "text": "Date"
+              },
+              "attribute": "active-date"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "privacy": "public",
+              "description": "The minimum value required for the date picker to remain valid.",
+              "attribute": "min",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "privacy": "public",
+              "description": "The maximum value required for the date picker to remain valid.",
+              "attribute": "max",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "headerOrientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              },
+              "privacy": "public",
+              "default": "'horizontal'",
+              "description": "The orientation of the calendar header.",
+              "attribute": "header-orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              },
+              "privacy": "public",
+              "default": "'horizontal'",
+              "description": "The orientation of the multiple months displayed in the calendar's days view.",
+              "attribute": "orientation"
+            },
+            {
+              "kind": "field",
+              "name": "hideHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Determines whether the calendar hides its header.",
+              "attribute": "hide-header",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideOutsideDays",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Controls the visibility of the dates that do not belong to the current month.",
+              "attribute": "hide-outside-days",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabledDates",
+              "privacy": "public",
+              "description": "Gets/sets disabled dates."
+            },
+            {
+              "kind": "field",
+              "name": "specialDates",
+              "type": {
+                "text": "DateRangeDescriptor[]"
+              },
+              "privacy": "public",
+              "description": "Gets/sets special dates."
+            },
+            {
+              "kind": "field",
+              "name": "outlined",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the control will have outlined appearance.",
+              "attribute": "outlined",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The placeholder attribute of the control.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "visibleMonths",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "default": "1",
+              "description": "The number of months displayed in the calendar.",
+              "attribute": "visible-months"
+            },
+            {
+              "kind": "field",
+              "name": "showWeekNumbers",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to show the number of the week in the calendar.",
+              "attribute": "show-week-numbers",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "privacy": "public",
+              "description": "Format to display the value in when not editing.\nDefaults to the input format if not set.",
+              "attribute": "display-format",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputFormat",
+              "privacy": "public",
+              "description": "The date format to apply on the input.\nDefaults to the current locale Intl.DateTimeFormat",
+              "attribute": "input-format",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'en'",
+              "description": "The locale settings used to display the value.",
+              "attribute": "locale"
+            },
+            {
+              "kind": "field",
+              "name": "prompt",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'_'",
+              "description": "The prompt symbol to use for unfilled parts of the mask.",
+              "attribute": "prompt"
+            },
+            {
+              "kind": "field",
+              "name": "resourceStrings",
+              "type": {
+                "text": "IgcCalendarResourceStrings"
+              },
+              "privacy": "public",
+              "default": "IgcCalendarResourceStringEN",
+              "description": "The resource strings of the calendar."
+            },
+            {
+              "kind": "method",
+              "name": "openChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "weekStart",
+              "type": {
+                "text": "| 'sunday'\n    | 'monday'\n    | 'tuesday'\n    | 'wednesday'\n    | 'thursday'\n    | 'friday'\n    | 'saturday'"
+              },
+              "privacy": "public",
+              "default": "'sunday'",
+              "description": "Sets the start day of the week for the calendar.",
+              "attribute": "week-start"
+            },
+            {
+              "kind": "method",
+              "name": "clear",
+              "privacy": "public",
+              "description": "Clears the input part of the component of any user input"
+            },
+            {
+              "kind": "method",
+              "name": "stepUp",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "datePart",
+                  "optional": true,
+                  "type": {
+                    "text": "DatePart"
+                  }
+                },
+                {
+                  "name": "delta",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Increments the passed in date part"
+            },
+            {
+              "kind": "method",
+              "name": "stepDown",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "datePart",
+                  "optional": true,
+                  "type": {
+                    "text": "DatePart"
+                  }
+                },
+                {
+                  "name": "delta",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Decrements the passed in date part"
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Selects the text in the input of the component"
+            },
+            {
+              "kind": "method",
+              "name": "setSelectionRange",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "start",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "end",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "direction",
+                  "optional": true,
+                  "type": {
+                    "text": "'none' | 'backward' | 'forward'"
+                  }
+                }
+              ],
+              "description": "Sets the text selection range in the input of the component"
+            },
+            {
+              "kind": "method",
+              "name": "setRangeText",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "replacement",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "start",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "end",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "mode",
+                  "optional": true,
+                  "type": {
+                    "text": "'select' | 'start' | 'end' | 'preserve'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onEscapeKey",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusIn",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusOut",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "{ relatedTarget }",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlerCalendarIconSlotPointerDown",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleInputClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleAnchorClick",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_shouldCloseCalendarDropdown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInputChangeEvent",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<Date>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleCalendarChangeEvent",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<Date>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleInputEvent",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<Date>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClosing",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleDialogClosing",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDialogClosed",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setDateConstraints",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderClearIcon",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderCalendarIcon",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderCalendar",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderActions",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "renderPicker",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderHelperText",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderInput",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Makes the control a required field in a form context.",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedRequiredMixin",
+                "module": "src/components/common/mixins/form-associated-required.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requiredChange",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedRequiredMixin",
+                "module": "src/components/common/mixins/form-associated-required.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dirty",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_defaultValue",
+              "type": {
+                "text": "unknown"
+              },
+              "privacy": "protected",
+              "description": "The default value of the control at \"creation\" time.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The name attribute of the control.",
+              "attribute": "name",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "description": "Returns the HTMLFormElement associated with this element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "privacy": "public",
+              "description": "Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "A string containing the validation message of this element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "willValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "The disabled state of the component",
+              "default": "false",
+              "attribute": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "privacy": "public",
+              "description": "Control the validity of the control.",
+              "default": "false",
+              "attribute": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setDefaultValue",
+              "privacy": "protected",
+              "description": "Saves the initial value/checked state of the control.\n\nCalled on connectedCallback.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "restoreDefaultValue",
+              "privacy": "protected",
+              "description": "Called when the parent form is reset.\n\nRestores the initially bound value/checked state of the control.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleInvalid",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setFormValue",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | File | FormData | null"
+                  }
+                },
+                {
+                  "name": "state",
+                  "optional": true,
+                  "type": {
+                    "text": "string | File | FormData | null | undefined"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags | undefined"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement | undefined"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formDisabledCallback",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateValidity",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Executes the component validators and updates the internal validity state.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setInvalidState",
+              "privacy": "protected",
+              "description": "Applies the FormAssociatedElementInterface.invalid| `invalid` attribute on the control and the associated styles\nif the element has completed the first update cycle or it has been interacted with by the user.\n\nUsually, it should be called after FormAssociatedElementInterface.updateValidity| `updateValidity()`",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "privacy": "public",
+              "description": "Checks for validity of the control and shows the browser message if it invalid.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
+              "description": "Checks for validity of the control and emits the invalid event if it invalid.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message for the control.\nAs long as `message` is not empty, the control is considered invalid.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | EventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitEvent",
+              "type": {
+                "text": "<\n    K extends keyof IgcBaseComboBoxEventMap,\n    D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>,\n  >(\n    event: K,\n    eventInitDict?: CustomEventInit<D>\n  ) => boolean"
+              },
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "eventInitDict",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<D>"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "keepOpenOnSelect",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the component dropdown should be kept open on selection.",
+              "attribute": "keep-open-on-select",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "keepOpenOnOutsideClick",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the component dropdown should be kept open on clicking outside of it.",
+              "attribute": "keep-open-on-outside-click",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitClosing",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitClosed",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitOpening",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitOpened",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hide",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "emitEvent",
+                  "default": "false"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_show",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "emitEvent",
+                  "default": "false"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "privacy": "public",
+              "description": "Shows the component.",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "privacy": "public",
+              "description": "Hides the component.",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "description": "Toggles the open state of the component.",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted just before the calendar dropdown is shown.",
+              "name": "igcOpening"
+            },
+            {
+              "description": "Emitted after the calendar dropdown is shown.",
+              "name": "igcOpened"
+            },
+            {
+              "description": "Emitted just before the calendar dropdown is hidden.",
+              "name": "igcClosing"
+            },
+            {
+              "description": "Emitted after the calendar dropdown is hidden.",
+              "name": "igcClosed"
+            },
+            {
+              "description": "Emitted when the user modifies and commits the elements's value.",
+              "name": "igcChange"
+            },
+            {
+              "description": "Emitted when when the user types in the element.",
+              "name": "igcInput"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the state of the datepicker dropdown.",
+              "fieldName": "open",
+              "attribute": "open",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label of the datepicker.",
+              "fieldName": "label",
+              "attribute": "label"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "'dropdown' | 'dialog'"
+              },
+              "default": "'dropdown'",
+              "description": "Determines whether the calendar is opened in a dropdown or a modal dialog",
+              "fieldName": "mode",
+              "attribute": "mode"
+            },
+            {
+              "name": "non-editable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to allow typing in the input.",
+              "fieldName": "nonEditable",
+              "attribute": "non-editable"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the control a readonly field.",
+              "fieldName": "readOnly",
+              "attribute": "readonly"
+            },
+            {
+              "name": "value",
+              "description": "The value of the picker",
+              "fieldName": "value",
+              "attribute": "value",
+              "type": {
+                "text": "Date | null"
+              }
+            },
+            {
+              "name": "min",
+              "description": "The minimum value required for the date picker to remain valid.",
+              "fieldName": "min",
+              "attribute": "min",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "max",
+              "description": "The maximum value required for the date picker to remain valid.",
+              "fieldName": "max",
+              "attribute": "max",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "header-orientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation of the calendar header.",
+              "fieldName": "headerOrientation",
+              "attribute": "header-orientation"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation of the multiple months displayed in the calendar's days view.",
+              "fieldName": "orientation",
+              "attribute": "orientation"
+            },
+            {
+              "name": "hide-header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the calendar hides its header.",
+              "fieldName": "hideHeader",
+              "attribute": "hide-header"
+            },
+            {
+              "name": "hide-outside-days",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls the visibility of the dates that do not belong to the current month.",
+              "fieldName": "hideOutsideDays",
+              "attribute": "hide-outside-days"
+            },
+            {
+              "name": "outlined",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the control will have outlined appearance.",
+              "fieldName": "outlined",
+              "attribute": "outlined"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "The placeholder attribute of the control.",
+              "fieldName": "placeholder",
+              "attribute": "placeholder"
+            },
+            {
+              "name": "visible-months",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The number of months displayed in the calendar.",
+              "fieldName": "visibleMonths",
+              "attribute": "visible-months"
+            },
+            {
+              "name": "show-week-numbers",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show the number of the week in the calendar.",
+              "fieldName": "showWeekNumbers",
+              "attribute": "show-week-numbers"
+            },
+            {
+              "name": "display-format",
+              "description": "Format to display the value in when not editing.\nDefaults to the input format if not set.",
+              "fieldName": "displayFormat",
+              "attribute": "display-format",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "input-format",
+              "description": "The date format to apply on the input.\nDefaults to the current locale Intl.DateTimeFormat",
+              "fieldName": "inputFormat",
+              "attribute": "input-format",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The locale settings used to display the value.",
+              "fieldName": "locale",
+              "attribute": "locale"
+            },
+            {
+              "name": "prompt",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_'",
+              "description": "The prompt symbol to use for unfilled parts of the mask.",
+              "fieldName": "prompt",
+              "attribute": "prompt"
+            },
+            {
+              "name": "active-date",
+              "description": "Gets/Sets the date which is shown in the calendar picker and is highlighted.\nBy default it is the current date.",
+              "type": {
+                "text": "Date"
+              },
+              "fieldName": "activeDate"
+            },
+            {
+              "name": "week-start",
+              "type": {
+                "text": "| 'sunday'\n    | 'monday'\n    | 'tuesday'\n    | 'wednesday'\n    | 'thursday'\n    | 'friday'\n    | 'saturday'"
+              },
+              "default": "'sunday'",
+              "description": "Sets the start day of the week for the calendar.",
+              "fieldName": "weekStart"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the control a required field in a form context.",
+              "fieldName": "required",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "FormAssociatedRequiredMixin",
+                "module": "src/components/common/mixins/form-associated-required.ts"
+              }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name attribute of the control.",
+              "fieldName": "name",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled state of the component",
+              "default": "false",
+              "fieldName": "disabled",
+              "attribute": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "name": "invalid",
+              "description": "Control the validity of the control.",
+              "default": "false",
+              "fieldName": "invalid",
+              "attribute": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "name": "keep-open-on-select",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the component dropdown should be kept open on selection.",
+              "fieldName": "keepOpenOnSelect",
+              "attribute": "keep-open-on-select",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
+            {
+              "name": "keep-open-on-outside-click",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the component dropdown should be kept open on clicking outside of it.",
+              "fieldName": "keepOpenOnOutsideClick",
+              "attribute": "keep-open-on-outside-click",
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociatedRequiredMixin",
+              "module": "/src/components/common/mixins/form-associated-required.js"
+            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/components/common/mixins/event-emitter.js"
+            }
+          ],
+          "superclass": {
+            "name": "IgcBaseComboBoxLikeComponent",
+            "module": "/src/components/common/mixins/combo-box.js"
+          },
+          "tagName": "igc-date-picker",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcDatePickerComponent",
+            "module": "src/components/date-picker/date-picker.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/date-time-input/date-time-input.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A date time input is an input field that lets you set and edit the date and time in a chosen input element\nusing customizable display and input formats.",
+          "name": "IgcDateTimeInputComponent",
+          "cssParts": [
+            {
+              "description": "The main wrapper that holds all main input elements.",
+              "name": "container"
+            },
+            {
+              "description": "The native input element.",
+              "name": "input"
+            },
+            {
+              "description": "The native label element.",
+              "name": "label"
+            },
+            {
+              "description": "The prefix wrapper.",
+              "name": "prefix"
+            },
+            {
+              "description": "The suffix wrapper.",
+              "name": "suffix"
+            },
+            {
+              "description": "The helper text wrapper.",
+              "name": "helper-text"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders content before the input.",
+              "name": "prefix"
+            },
+            {
+              "description": "Renders content after input.",
+              "name": "suffix"
+            },
+            {
+              "description": "Renders content below the input.",
+              "name": "helper-text"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-date-time-input'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "validators",
+              "type": {
+                "text": "Validator[]"
+              },
+              "privacy": "protected",
+              "default": "[\n    requiredValidator,\n\n    {\n      ...minDateValidator,\n      isValid: () =>\n        this.min\n          ? !DateTimeUtil.lessThanMinValue(\n              this.value || new Date(),\n              this.min,\n              this.hasTimeParts,\n              this.hasDateParts\n            )\n          : true,\n    },\n    {\n      ...maxDateValidator,\n      isValid: () =>\n        this.max\n          ? !DateTimeUtil.greaterThanMaxValue(\n              this.value || new Date(),\n              this.max,\n              this.hasTimeParts,\n              this.hasDateParts\n            )\n          : true,\n    },\n  ]",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_defaultMask",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "Date | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_oldValue",
+              "type": {
+                "text": "Date | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_inputDateParts",
+              "type": {
+                "text": "DatePartInfo[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_inputFormat",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_datePartDeltas",
+              "type": {
+                "text": "DatePartDeltas"
+              },
+              "privacy": "private",
+              "default": "{\n    date: 1,\n    month: 1,\n    year: 1,\n    hours: 1,\n    minutes: 1,\n    seconds: 1,\n  }"
+            },
+            {
+              "kind": "field",
+              "name": "inputFormat",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The date format to apply on the input.",
+              "attribute": "input-format"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | Date | null"
+              },
+              "privacy": "public",
+              "description": "The value of the input.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "IgcInputBaseComponent",
+                "module": "src/components/input/input-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateFormValue",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "Date"
+              },
+              "privacy": "public",
+              "description": "The minimum value required for the input to remain valid.",
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "Date"
+              },
+              "privacy": "public",
+              "description": "The maximum value required for the input to remain valid.",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "minValue",
+              "privacy": "public",
+              "description": "The minimum value required for the input to remain valid.",
+              "deprecated": "since v4.4.0. Use the `min` property instead.",
+              "attribute": "min-value"
+            },
+            {
+              "kind": "field",
+              "name": "maxValue",
+              "privacy": "public",
+              "description": "The maximum value required for the input to remain valid.",
+              "deprecated": "since v4.4.0. Use the `max` property instead.",
+              "attribute": "max-value"
+            },
+            {
+              "kind": "field",
+              "name": "displayFormat",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Format to display the value in when not editing.\nDefaults to the input format if not set.",
+              "attribute": "display-format"
+            },
+            {
+              "kind": "field",
+              "name": "spinDelta",
+              "type": {
+                "text": "DatePartDeltas"
+              },
+              "privacy": "public",
               "description": "Delta values used to increment or decrement each date part on step actions.\nAll values default to `1`."
             },
             {
@@ -11173,12 +13519,12 @@
             },
             {
               "kind": "method",
-              "name": "updateMask",
+              "name": "setToday",
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleChange",
+              "name": "updateMask",
               "privacy": "protected"
             },
             {
@@ -12554,11 +14900,11 @@
             },
             {
               "name": "value",
+              "description": "The value of the input.",
+              "fieldName": "value",
               "type": {
                 "text": "Date | null"
               },
-              "description": "The value of the input.",
-              "fieldName": "value",
               "attribute": "value"
             },
             {
@@ -13934,7 +16280,12 @@
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
+              "name": "slotChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleContentChange",
               "privacy": "private"
             },
             {
@@ -14142,6 +16493,157 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/divider/divider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.",
+          "name": "IgcDividerComponent",
+          "cssProperties": [
+            {
+              "description": "Sets the color of the divider.",
+              "name": "--color"
+            },
+            {
+              "description": "Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.",
+              "name": "--inset"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-divider'"
+            },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "_vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "privacy": "public",
+              "description": "Whether to render a vertical divider line.",
+              "attribute": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "middle",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "When set and inset is provided, it will shrink the divider line from both sides.",
+              "attribute": "middle",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'solid' | 'dashed'"
+              },
+              "privacy": "public",
+              "default": "'solid'",
+              "description": "Whether to render a solid or a dashed divider line.",
+              "attribute": "type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'separator'"
+            },
+            {
+              "kind": "field",
+              "name": "ariaOrientation"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "vertical",
+              "description": "Whether to render a vertical divider line.",
+              "fieldName": "vertical",
+              "attribute": "vertical",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "middle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set and inset is provided, it will shrink the divider line from both sides.",
+              "fieldName": "middle",
+              "attribute": "middle"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'solid' | 'dashed'"
+              },
+              "default": "'solid'",
+              "description": "Whether to render a solid or a dashed divider line.",
+              "fieldName": "type",
+              "attribute": "type"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-divider",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcDividerComponent",
+            "module": "src/components/divider/divider.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/dropdown/dropdown-group.ts",
@@ -14291,15 +16793,15 @@
           "name": "IgcDropdownItemComponent",
           "cssParts": [
             {
-              "description": "The prefix wrapper.",
+              "description": "The prefix wrapper of the igc-dropdown-item.",
               "name": "prefix"
             },
             {
-              "description": "The main content wrapper.",
+              "description": "The main content wrapper of the igc-dropdown-item.",
               "name": "content"
             },
             {
-              "description": "The suffix wrapper.",
+              "description": "The suffix wrapper of the igc-dropdown-item.",
               "name": "suffix"
             }
           ],
@@ -14347,6 +16849,45 @@
                 "module": "src/components/common/mixins/option.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_active",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -14384,11 +16925,7 @@
             {
               "kind": "field",
               "name": "active",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is active.",
               "attribute": "active",
               "reflects": true,
@@ -14400,11 +16937,7 @@
             {
               "kind": "field",
               "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is disabled.",
               "attribute": "disabled",
               "reflects": true,
@@ -14416,11 +16949,7 @@
             {
               "kind": "field",
               "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is selected.",
               "attribute": "selected",
               "reflects": true,
@@ -14432,30 +16961,12 @@
             {
               "kind": "field",
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "privacy": "public",
               "description": "The current value of the item.\nIf not specified, the element's text content is used.",
               "attribute": "value",
-              "inheritedFrom": {
-                "name": "IgcBaseOptionLikeComponent",
-                "module": "src/components/common/mixins/option.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "disabledChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcBaseOptionLikeComponent",
-                "module": "src/components/common/mixins/option.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "selectedChange",
-              "privacy": "protected",
+              "type": {
+                "text": "string"
+              },
               "inheritedFrom": {
                 "name": "IgcBaseOptionLikeComponent",
                 "module": "src/components/common/mixins/option.ts"
@@ -14483,10 +16994,6 @@
           "attributes": [
             {
               "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is active.",
               "fieldName": "active",
               "attribute": "active",
@@ -14497,10 +17004,6 @@
             },
             {
               "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is disabled.",
               "fieldName": "disabled",
               "attribute": "disabled",
@@ -14511,10 +17014,6 @@
             },
             {
               "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is selected.",
               "fieldName": "selected",
               "attribute": "selected",
@@ -14525,12 +17024,12 @@
             },
             {
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "description": "The current value of the item.\nIf not specified, the element's text content is used.",
               "fieldName": "value",
               "attribute": "value",
+              "type": {
+                "text": "string"
+              },
               "inheritedFrom": {
                 "name": "IgcBaseOptionLikeComponent",
                 "module": "src/components/common/mixins/option.ts"
@@ -14560,11 +17059,11 @@
           "name": "IgcDropdownComponent",
           "cssParts": [
             {
-              "description": "The dropdown list wrapper.",
+              "description": "The dropdown list wrapper container.",
               "name": "base"
             },
             {
-              "description": "The dropdown list.",
+              "description": "The dropdown list element.",
               "name": "list"
             }
           ],
@@ -14681,7 +17180,7 @@
               "privacy": "public",
               "default": "'absolute'",
               "description": "Sets the component's positioning strategy.",
-              "deprecated": "since v4.9.0 - Stacking context is now handled through the popover API.",
+              "deprecated": "since v4.9.0. Stacking context is now handled through the popover API.",
               "attribute": "position-strategy"
             },
             {
@@ -15074,7 +17573,7 @@
                 "text": "\"small\" | \"medium\" | \"large\""
               },
               "privacy": "public",
-              "default": "'large'",
+              "default": "'medium'",
               "description": "Determines the size of the component.",
               "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
@@ -15378,7 +17877,7 @@
               },
               "default": "'absolute'",
               "description": "Sets the component's positioning strategy.",
-              "deprecated": "since v4.9.0 - Stacking context is now handled through the popover API.",
+              "deprecated": "since v4.9.0. Stacking context is now handled through the popover API.",
               "fieldName": "positionStrategy",
               "attribute": "position-strategy"
             },
@@ -15929,6 +18428,125 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/focus-trap/focus-trap.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "IgcFocusTrapComponent",
+          "slots": [
+            {
+              "description": "The content of the focus trap component",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-focus-trap'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "_focused",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to manage focus state for the slotted children.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "focused",
+              "privacy": "public",
+              "description": "Whether focus in currently inside the trap component.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "focusableElements",
+              "privacy": "public",
+              "description": "An array of focusable elements including elements in Shadow roots",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "onFocusIn",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onFocusOut",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focusFirstElement",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "focusLastElement",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to manage focus state for the slotted children.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-focus-trap",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcFocusTrapComponent",
+            "module": "src/components/focus-trap/focus-trap.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/form/form.ts",
@@ -16695,7 +19313,7 @@
           "type": {
             "text": "IconCollection"
           },
-          "default": "{\n  navigate_before: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.61 7.41L14.2 6l-6 6 6 6 1.41-1.41L11.03 12l4.58-4.59z\"/></svg>`,\n  },\n  navigate_next: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z\"/></svg>`,\n  },\n  keyboard_arrow_up: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/></svg>`,\n  },\n  keyboard_arrow_down: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"/></svg>`,\n  },\n  keyboard_arrow_right: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"/></svg>`,\n  },\n  chip_cancel: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n  },\n  chip_select: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>`,\n  },\n  star: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/></svg>`,\n  },\n  star_border: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"/></svg>`,\n  },\n  case_sensitive: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M21.2 16.5c0-.2-.1-.5-.1-.7v-4.4c0-.4-.1-.8-.3-1.2-.2-.3-.5-.6-.8-.7-.3-.2-.7-.3-1.1-.3-.4-.1-.8-.1-1.2-.1-.5 0-.9 0-1.4.1-.4.1-.8.3-1.2.5-.3.2-.6.5-.8.9s-.3.9-.3 1.3h1.4c0-.5.2-1 .7-1.3.5-.2 1-.4 1.5-.3.2 0 .5 0 .7.1.2 0 .4.1.6.2.2.1.3.2.5.4.1.2.2.5.2.7s-.1.4-.2.6c-.2.2-.4.3-.6.3-.3.1-.6.1-.9.2-.4 0-.7.1-1.1.2-.4.1-.7.1-1.1.2-.3.1-.7.2-1 .4s-.5.5-.7.8c-.2.4-.3.8-.3 1.2s.1.8.2 1.1c.1.3.4.5.6.7.3.2.6.3.9.4.9.2 1.9.2 2.8-.2.5-.2 1-.6 1.4-1 0 .4.1.7.3 1 .2.2.6.3.9.3.4 0 .7-.1 1-.2v-1.1c-.1 0-.3.1-.4.1-.1.1-.2 0-.2-.2zm-1.5-1.7c0 .2-.1.4-.2.6-.1.2-.3.5-.5.6-.2.2-.5.4-.8.5-.4.1-.8.2-1.2.2-.2 0-.4 0-.6-.1-.2 0-.4-.1-.5-.2-.2-.1-.3-.2-.4-.4-.1-.2-.2-.4-.1-.6 0-.3.1-.6.2-.8.2-.2.4-.4.6-.5.3-.1.6-.2.9-.2s.7-.1 1-.1.6-.1.9-.1.5-.1.7-.3v1.4zm-9.6-.4l1.3 3.6h1.8L8.5 6H6.7L2 18h1.7L5 14.4h5.1zm-2.5-7l2.1 5.5H5.5l2.1-5.5z\"></path></svg>`,\n  },\n  clear: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n  },\n  arrow_drop_up: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 14l5-5 5 5z\"/></svg>`,\n  },\n  arrow_drop_down: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\"/></svg>`,\n  },\n  arrow_downward: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"/></svg>`,\n  },\n  arrow_upward: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"/></svg>`,\n  },\n}"
+          "default": "{\n  navigate_before: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.61 7.41L14.2 6l-6 6 6 6 1.41-1.41L11.03 12l4.58-4.59z\"/></svg>`,\n  },\n  navigate_next: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z\"/></svg>`,\n  },\n  keyboard_arrow_up: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/></svg>`,\n  },\n  keyboard_arrow_down: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"/></svg>`,\n  },\n  keyboard_arrow_right: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"/></svg>`,\n  },\n  chip_cancel: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n  },\n  chip_select: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>`,\n  },\n  star: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/></svg>`,\n  },\n  star_border: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"/></svg>`,\n  },\n  case_sensitive: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M21.2 16.5c0-.2-.1-.5-.1-.7v-4.4c0-.4-.1-.8-.3-1.2-.2-.3-.5-.6-.8-.7-.3-.2-.7-.3-1.1-.3-.4-.1-.8-.1-1.2-.1-.5 0-.9 0-1.4.1-.4.1-.8.3-1.2.5-.3.2-.6.5-.8.9s-.3.9-.3 1.3h1.4c0-.5.2-1 .7-1.3.5-.2 1-.4 1.5-.3.2 0 .5 0 .7.1.2 0 .4.1.6.2.2.1.3.2.5.4.1.2.2.5.2.7s-.1.4-.2.6c-.2.2-.4.3-.6.3-.3.1-.6.1-.9.2-.4 0-.7.1-1.1.2-.4.1-.7.1-1.1.2-.3.1-.7.2-1 .4s-.5.5-.7.8c-.2.4-.3.8-.3 1.2s.1.8.2 1.1c.1.3.4.5.6.7.3.2.6.3.9.4.9.2 1.9.2 2.8-.2.5-.2 1-.6 1.4-1 0 .4.1.7.3 1 .2.2.6.3.9.3.4 0 .7-.1 1-.2v-1.1c-.1 0-.3.1-.4.1-.1.1-.2 0-.2-.2zm-1.5-1.7c0 .2-.1.4-.2.6-.1.2-.3.5-.5.6-.2.2-.5.4-.8.5-.4.1-.8.2-1.2.2-.2 0-.4 0-.6-.1-.2 0-.4-.1-.5-.2-.2-.1-.3-.2-.4-.4-.1-.2-.2-.4-.1-.6 0-.3.1-.6.2-.8.2-.2.4-.4.6-.5.3-.1.6-.2.9-.2s.7-.1 1-.1.6-.1.9-.1.5-.1.7-.3v1.4zm-9.6-.4l1.3 3.6h1.8L8.5 6H6.7L2 18h1.7L5 14.4h5.1zm-2.5-7l2.1 5.5H5.5l2.1-5.5z\"></path></svg>`,\n  },\n  clear: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n  },\n  arrow_drop_up: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 14l5-5 5 5z\"/></svg>`,\n  },\n  arrow_drop_down: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\"/></svg>`,\n  },\n  arrow_downward: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"/></svg>`,\n  },\n  arrow_upward: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"/></svg>`,\n  },\n  calendar: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z\"/></svg>`,\n  },\n  calendar_today: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>`,\n  },\n}"
         }
       ],
       "exports": [
@@ -17786,11 +20404,21 @@
             {
               "kind": "field",
               "name": "inputmode",
+              "privacy": "public",
+              "description": "The input mode attribute of the control.",
+              "deprecated": "since v4.10.0. Use `inputMode` property instead.",
               "type": {
-                "text": "| 'none'\n    | 'txt'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputMode",
+              "type": {
+                "text": "string"
               },
               "privacy": "public",
-              "description": "The input mode attribute of the control.",
+              "description": "The input mode attribute of the control.\nSee [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
               "attribute": "inputmode"
             },
             {
@@ -18885,10 +21513,10 @@
             {
               "name": "inputmode",
               "type": {
-                "text": "| 'none'\n    | 'txt'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+                "text": "string"
               },
-              "description": "The input mode attribute of the control.",
-              "fieldName": "inputmode",
+              "description": "The input mode attribute of the control.\nSee [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
+              "fieldName": "inputMode",
               "attribute": "inputmode"
             },
             {
@@ -20745,7 +23373,7 @@
                 "text": "Validator[]"
               },
               "privacy": "protected",
-              "default": "[\n    {\n      ...requiredValidator,\n      isValid: () => (this.required ? !!this._value : true),\n    },\n    {\n      key: 'badInput',\n      message: messages.mask,\n      isValid: () => this.parser.isValidString(this.maskedValue),\n    },\n  ]",
+              "default": "[\n    requiredValidator,\n    {\n      key: 'badInput',\n      message: messages.mask,\n      isValid: () => this.parser.isValidString(this.maskedValue),\n    },\n  ]",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
                 "module": "src/components/input/input-base.ts"
@@ -22641,25 +25269,25 @@
           "name": "IgcNavDrawerComponent",
           "cssParts": [
             {
-              "description": "The base wrapper of the navigation drawer.",
+              "description": "The base wrapper of the igc-navigation-drawer.",
               "name": "base"
             },
             {
-              "description": "The main container.",
+              "description": "The main container of the igc-navigation-drawer.",
               "name": "main"
             },
             {
-              "description": "The mini container.",
+              "description": "The mini container of the igc-navigation-drawer.",
               "name": "mini"
             }
           ],
           "slots": [
             {
-              "description": "The default slot for the drawer.",
+              "description": "The default slot for the igc-navigation-drawer.",
               "name": ""
             },
             {
-              "description": "The slot for the mini variant of the drawer.",
+              "description": "The slot for the mini variant of the igc-navigation-drawer.",
               "name": "mini"
             }
           ],
@@ -22730,19 +25358,6 @@
               "name": "toggle",
               "privacy": "public",
               "description": "Toggles the open state of the drawer."
-            },
-            {
-              "kind": "method",
-              "name": "resolvePartNames",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "base",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
             }
           ],
           "attributes": [
@@ -22872,6 +25487,12 @@
           "kind": "class",
           "description": "",
           "name": "IgcPopoverComponent",
+          "cssParts": [
+            {
+              "description": "The container wrapping the slotted content in the popover.",
+              "name": "container"
+            }
+          ],
           "slots": [
             {
               "description": "Content of the popover.",
@@ -23320,11 +25941,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "slotChanged",
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "_updateARIA",
@@ -23601,42 +26217,55 @@
           "name": "IgcCircularProgressComponent",
           "cssParts": [
             {
+              "description": "The igc-circular-progress SVG element.",
               "name": "svg"
             },
             {
+              "description": "The igc-circular-progress linear-gradient start color.",
               "name": "gradient_start"
             },
             {
+              "description": "The igc-circular-progress linear-gradient end color.",
               "name": "gradient_end"
             },
             {
+              "description": "The igc-circular-progress ring track area.",
               "name": "track"
             },
             {
+              "description": "The igc-circular-progress indicator area.",
               "name": "fill"
             },
             {
+              "description": "The igc-circular-progress label.",
               "name": "label"
             },
             {
+              "description": "The igc-circular-progress label value.",
               "name": "value"
             },
             {
+              "description": "The igc-circular-progress indeterminate state.",
               "name": "indeterminate"
             },
             {
+              "description": "The igc-circular-progress primary state.",
               "name": "primary"
             },
             {
+              "description": "The igc-circular-progress error state.",
               "name": "danger"
             },
             {
+              "description": "The igc-circular-progress warning state.",
               "name": "warning"
             },
             {
+              "description": "The igc-circular-progress info state.",
               "name": "info"
             },
             {
+              "description": "The igc-circular-progress success state.",
               "name": "success"
             }
           ],
@@ -23913,15 +26542,6 @@
                 "module": "src/components/progress/base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "slotChanged",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcProgressBaseComponent",
-                "module": "src/components/progress/base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_updateARIA",
@@ -24152,36 +26772,47 @@
           "name": "IgcLinearProgressComponent",
           "cssParts": [
             {
+              "description": "The igc-linear-progress track area.",
               "name": "track"
             },
             {
+              "description": "The igc-linear-progress indicator area.",
               "name": "fill"
             },
             {
+              "description": "The igc-linear-progress striped indicator.",
               "name": "striped"
             },
             {
+              "description": "The igc-linear-progress label.",
               "name": "label"
             },
             {
+              "description": "The igc-linear-progress label value.",
               "name": "value"
             },
             {
+              "description": "The igc-linear-progress indeterminate state.",
               "name": "indeterminate"
             },
             {
+              "description": "The igc-linear-progress indicator primary state.",
               "name": "primary"
             },
             {
+              "description": "The igc-linear-progress indicator error state.",
               "name": "danger"
             },
             {
+              "description": "The igc-linear-progress indicator warning state.",
               "name": "warning"
             },
             {
+              "description": "The igc-linear-progress indicator info state.",
               "name": "info"
             },
             {
+              "description": "The igc-linear-progress indicator success state.",
               "name": "success"
             }
           ],
@@ -24447,15 +27078,6 @@
                 "module": "src/components/progress/base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "slotChanged",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcProgressBaseComponent",
-                "module": "src/components/progress/base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_updateARIA",
@@ -24756,7 +27378,7 @@
                 "text": "Validator[]"
               },
               "privacy": "protected",
-              "default": "[\n    {\n      key: 'valueMissing',\n      message: messages.required,\n      isValid: () => {\n        const { radios, checked } = this.group;\n        return radios.some((radio) => radio.required)\n          ? checked.length > 0\n          : true;\n      },\n    },\n  ]",
+              "default": "[\n    {\n      key: 'valueMissing',\n      message: messages.required,\n      isValid: () => {\n        const radios = this._radios;\n        const checked = this._checkedRadios;\n        return radios.some((radio) => radio.required)\n          ? checked.length > 0\n          : true;\n      },\n    },\n  ]",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/components/common/mixins/form-associated.ts"
@@ -24774,6 +27396,11 @@
               "privacy": "private",
               "default": "`radio-label-${this.inputId}`"
             },
+            {
+              "kind": "field",
+              "name": "_kbFocus",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_checked",
@@ -24818,26 +27445,39 @@
             },
             {
               "kind": "field",
-              "name": "focused",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
+              "privacy": "protected",
               "default": "false"
             },
             {
               "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false"
+              "name": "_radios",
+              "privacy": "private",
+              "description": "Returns all radio elements from the group, that is having the same name property.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "group",
+              "name": "_siblings",
               "privacy": "private",
+              "description": "All sibling radio elements of the one invoking the getter.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_active",
+              "privacy": "private",
+              "description": "All non-disabled radio elements from the group.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_checkedRadios",
+              "privacy": "private",
+              "description": "All checked radio elements from the group.",
               "readonly": true
             },
             {
@@ -24963,35 +27603,32 @@
             },
             {
               "kind": "method",
-              "name": "handleMouseDown",
+              "name": "formResetCallback",
               "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/components/common/mixins/form-associated.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "handleClick",
-              "privacy": "protected"
+              "name": "_resetTabIndexes",
+              "privacy": "private",
+              "description": "Called after a form reset callback to restore default keyboard navigation."
             },
             {
               "kind": "method",
-              "name": "handleBlur",
+              "name": "handleClick",
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleBlur",
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleKeyUp",
+              "name": "handleFocus",
               "privacy": "protected"
             },
             {
@@ -25007,11 +27644,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "required",
@@ -25285,15 +27917,6 @@
                 "module": "src/components/common/mixins/form-associated.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/components/common/mixins/form-associated.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "formDisabledCallback",
@@ -25657,6 +28280,38 @@
               "privacy": "public",
               "static": true
             },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_name",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_radios",
+              "type": {
+                "text": "NodeListOf<IgcRadioComponent>"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "alignment",
@@ -25668,6 +28323,45 @@
               "description": "Alignment of the radio controls inside this group.",
               "attribute": "alignment",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Gets/Sets the name for all child igc-radio components.",
+              "attribute": "name",
+              "type": {
+                "text": "string"
+              },
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "description": "Gets/Sets the checked igc-radio element that matches `value`",
+              "attribute": "value",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setRadiosName",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_setSelectedRadio",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'radiogroup'"
             }
           ],
           "attributes": [
@@ -25680,6 +28374,24 @@
               "description": "Alignment of the radio controls inside this group.",
               "fieldName": "alignment",
               "attribute": "alignment"
+            },
+            {
+              "name": "name",
+              "description": "Gets/Sets the name for all child igc-radio components.",
+              "fieldName": "name",
+              "attribute": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Gets/Sets the checked igc-radio element that matches `value`",
+              "fieldName": "value",
+              "attribute": "value",
+              "type": {
+                "text": "string"
+              }
             }
           ],
           "superclass": {
@@ -27154,15 +29866,15 @@
           "name": "IgcSelectItemComponent",
           "cssParts": [
             {
-              "description": "The prefix wrapper.",
+              "description": "The prefix wrapper of the igc-select-item.",
               "name": "prefix"
             },
             {
-              "description": "The main content wrapper.",
+              "description": "The main content wrapper of the igc-select-item.",
               "name": "content"
             },
             {
-              "description": "The suffix wrapper.",
+              "description": "The suffix wrapper of the igc-select-item.",
               "name": "suffix"
             }
           ],
@@ -27199,9 +29911,16 @@
               "static": true
             },
             {
-              "kind": "method",
-              "name": "activeChange",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "active",
+              "privacy": "public",
+              "description": "Whether the item is disabled.",
+              "attribute": "active",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
             },
             {
               "kind": "field",
@@ -27215,6 +29934,45 @@
                 "module": "src/components/common/mixins/option.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_active",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "IgcBaseOptionLikeComponent",
+                "module": "src/components/common/mixins/option.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -27249,30 +30007,10 @@
                 "module": "src/components/common/mixins/option.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the item is active.",
-              "attribute": "active",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "IgcBaseOptionLikeComponent",
-                "module": "src/components/common/mixins/option.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is disabled.",
               "attribute": "disabled",
               "reflects": true,
@@ -27284,11 +30022,7 @@
             {
               "kind": "field",
               "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is selected.",
               "attribute": "selected",
               "reflects": true,
@@ -27300,30 +30034,12 @@
             {
               "kind": "field",
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "privacy": "public",
               "description": "The current value of the item.\nIf not specified, the element's text content is used.",
               "attribute": "value",
-              "inheritedFrom": {
-                "name": "IgcBaseOptionLikeComponent",
-                "module": "src/components/common/mixins/option.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "disabledChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcBaseOptionLikeComponent",
-                "module": "src/components/common/mixins/option.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "selectedChange",
-              "privacy": "protected",
+              "type": {
+                "text": "string"
+              },
               "inheritedFrom": {
                 "name": "IgcBaseOptionLikeComponent",
                 "module": "src/components/common/mixins/option.ts"
@@ -27342,20 +30058,10 @@
               }
             }
           ],
-          "superclass": {
-            "name": "IgcBaseOptionLikeComponent",
-            "module": "/src/components/common/mixins/option.js"
-          },
-          "tagName": "igc-select-item",
-          "customElement": true,
           "attributes": [
             {
               "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the item is active.",
+              "description": "Whether the item is disabled.",
               "fieldName": "active",
               "attribute": "active",
               "inheritedFrom": {
@@ -27365,10 +30071,6 @@
             },
             {
               "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is disabled.",
               "fieldName": "disabled",
               "attribute": "disabled",
@@ -27379,10 +30081,6 @@
             },
             {
               "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is selected.",
               "fieldName": "selected",
               "attribute": "selected",
@@ -27393,18 +30091,24 @@
             },
             {
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "description": "The current value of the item.\nIf not specified, the element's text content is used.",
               "fieldName": "value",
               "attribute": "value",
+              "type": {
+                "text": "string"
+              },
               "inheritedFrom": {
                 "name": "IgcBaseOptionLikeComponent",
                 "module": "src/components/common/mixins/option.ts"
               }
             }
-          ]
+          ],
+          "superclass": {
+            "name": "IgcBaseOptionLikeComponent",
+            "module": "/src/components/common/mixins/option.js"
+          },
+          "tagName": "igc-select-item",
+          "customElement": true
         }
       ],
       "exports": [
@@ -27428,31 +30132,31 @@
           "name": "IgcSelectComponent",
           "cssParts": [
             {
-              "description": "The list of options wrapper.",
+              "description": "The list wrapping container for the items of the igc-select.",
               "name": "list"
             },
             {
-              "description": "The encapsulated igc-input.",
+              "description": "The encapsulated igc-input of the igc-select.",
               "name": "input"
             },
             {
-              "description": "The encapsulated text label.",
+              "description": "The encapsulated text label of the igc-select.",
               "name": "label"
             },
             {
-              "description": "The prefix wrapper.",
+              "description": "The prefix wrapper of the input of the igc-select.",
               "name": "prefix"
             },
             {
-              "description": "The suffix wrapper.",
+              "description": "The suffix wrapper of the input of the igc-select.",
               "name": "suffix"
             },
             {
-              "description": "The toggle icon wrapper.",
+              "description": "The toggle icon wrapper of the igc-select.",
               "name": "toggle-icon"
             },
             {
-              "description": "The helper text wrapper.",
+              "description": "The helper text wrapper of the igc-select.",
               "name": "helper-text"
             }
           ],
@@ -27840,6 +30544,20 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleAnchorClick",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "IgcBaseComboBoxLikeComponent",
+                "module": "src/components/common/mixins/combo-box.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "onEnterKey",
@@ -27981,6 +30699,11 @@
               "name": "clearSelectedItem",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "focusItemOnOpen",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "getItem",
@@ -28744,15 +31467,6 @@
                 "module": "src/components/common/mixins/combo-box.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "handleAnchorClick",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcBaseComboBoxLikeComponent",
-                "module": "src/components/common/mixins/combo-box.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_hide",
@@ -35810,6 +38524,15 @@
               "static": true,
               "default": "{\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  }"
             },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
             {
               "kind": "field",
               "name": "observer",
@@ -35986,13 +38709,12 @@
             {
               "kind": "field",
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "privacy": "public",
-              "default": "''",
               "description": "The value of the component",
-              "attribute": "value"
+              "attribute": "value",
+              "type": {
+                "text": "string"
+              }
             },
             {
               "kind": "field",
@@ -36869,13 +39591,12 @@
             },
             {
               "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
               "description": "The value of the component",
               "fieldName": "value",
-              "attribute": "value"
+              "attribute": "value",
+              "type": {
+                "text": "string"
+              }
             },
             {
               "name": "spellcheck",
@@ -42419,6 +45140,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "select",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "currentItem",
@@ -42904,6 +45638,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "selectByIndex",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "hostConnected",
@@ -43037,6 +45784,97 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/controllers/focus-ring.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A controller class which determines whether a focus ring should be shown to indicate keyboard focus.\nFocus rings are visible only when the user is interacting with a keyboard, not with a mouse, touch, or other input methods.\n\nBy default the class attaches a keyup event handler on the component host and will update its keyboard focus\nstate based on it.",
+          "name": "KeyboardFocusRingController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_host",
+              "type": {
+                "text": "ReactiveControllerHost & HTMLElement"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "_focused",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "focused",
+              "privacy": "public",
+              "description": "Gets whether the current focus state is activated through a keyboard interaction.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "handleEvent",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "reset",
+              "privacy": "public",
+              "description": "Resets the keyboard focus state.\n\nUsually called on blur of the component or when a pointer based interaction\nis executed."
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "addKeyboardFocusRing",
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "ReactiveControllerHost & HTMLElement"
+              }
+            }
+          ],
+          "description": "Adds a KeyboardFocusRingController responsible for managing keyboard focus state."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KeyboardFocusRingController",
+          "declaration": {
+            "name": "KeyboardFocusRingController",
+            "module": "src/components/common/controllers/focus-ring.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "addKeyboardFocusRing",
+          "declaration": {
+            "name": "addKeyboardFocusRing",
+            "module": "src/components/common/controllers/focus-ring.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/common/controllers/key-bindings.ts",
@@ -46035,6 +48873,33 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "field",
+              "name": "_active",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -46060,11 +48925,7 @@
             {
               "kind": "field",
               "name": "active",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is active.",
               "attribute": "active",
               "reflects": true
@@ -46072,11 +48933,7 @@
             {
               "kind": "field",
               "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is disabled.",
               "attribute": "disabled",
               "reflects": true
@@ -46084,11 +48941,7 @@
             {
               "kind": "field",
               "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Whether the item is selected.",
               "attribute": "selected",
               "reflects": true
@@ -46096,22 +48949,12 @@
             {
               "kind": "field",
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "privacy": "public",
               "description": "The current value of the item.\nIf not specified, the element's text content is used.",
-              "attribute": "value"
-            },
-            {
-              "kind": "method",
-              "name": "disabledChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "selectedChange",
-              "privacy": "protected"
+              "attribute": "value",
+              "type": {
+                "text": "string"
+              }
             },
             {
               "kind": "field",
@@ -46125,42 +48968,30 @@
           "attributes": [
             {
               "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is active.",
               "fieldName": "active",
               "attribute": "active"
             },
             {
               "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is disabled.",
               "fieldName": "disabled",
               "attribute": "disabled"
             },
             {
               "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Whether the item is selected.",
               "fieldName": "selected",
               "attribute": "selected"
             },
             {
               "name": "value",
-              "type": {
-                "text": "string"
-              },
               "description": "The current value of the item.\nIf not specified, the element's text content is used.",
               "fieldName": "value",
-              "attribute": "value"
+              "attribute": "value",
+              "type": {
+                "text": "string"
+              }
             }
           ],
           "superclass": {