diff --git a/packages/calcite-components/src/assets/styles/includes.scss b/packages/calcite-components/src/assets/styles/includes.scss
index 70f265e2100..7c5d7d2b548 100644
--- a/packages/calcite-components/src/assets/styles/includes.scss
+++ b/packages/calcite-components/src/assets/styles/includes.scss
@@ -36,6 +36,81 @@
   }
 }
 
+// mixin for the container of label displayed with form-associated components
+@mixin form-internal-label() {
+  .internal-label-alignment--center {
+    align-items: center;
+  }
+
+  .internal-label-alignment--end {
+    align-items: end;
+  }
+
+  .internal-label--container {
+    display: flex;
+    justify-content: space-between;
+    color: var(--calcite-color-text-1);
+  }
+
+  .internal-label-required--indicator {
+    font-weight: var(--calcite-font-weight-medium);
+    color: var(--calcite-color-status-danger);
+    padding-inline: var(--calcite-spacing-base);
+    &:hover {
+      cursor: help;
+    }
+  }
+
+  .internal-label--text {
+    line-height: 1;
+  }
+
+  :host([scale="s"]) {
+    .internal-label-spacing--bottom {
+      margin-block-end: var(--calcite-spacing-xxs);
+    }
+    .internal-label-spacing-inline--end {
+      margin-inline-end: var(--calcite-spacing-sm);
+    }
+    .internal-label-spacing-inline--start {
+      margin-inline-start: var(--calcite-spacing-sm);
+    }
+    .internal-label--text {
+      font-size: var(--calcite-font-size--2);
+    }
+  }
+
+  :host([scale="m"]) {
+    .internal-label-spacing--bottom {
+      margin-block-end: var(--calcite-spacing-sm);
+    }
+    .internal-label-spacing-inline--end {
+      margin-inline-end: var(--calcite-spacing-sm);
+    }
+    .internal-label-spacing-inline--start {
+      margin-inline-start: var(--calcite-spacing-sm);
+    }
+    .internal-label--text {
+      font-size: var(--calcite-font-size--1);
+    }
+  }
+
+  :host([scale="l"]) {
+    .internal-label-spacing--bottom {
+      margin-block-end: var(--calcite-spacing-sm);
+    }
+    .internal-label-spacing-inline--end {
+      margin-inline-end: var(--calcite-spacing-md);
+    }
+    .internal-label-spacing-inline--start {
+      margin-inline-start: var(--calcite-spacing-md);
+    }
+    .internal-label--text {
+      font-size: var(--calcite-font-size-0);
+    }
+  }
+}
+
 // mixin for the container of validation messages displayed below form-associated components
 @mixin form-validation-message() {
   .validation-container {
diff --git a/packages/calcite-components/src/components/autocomplete/autocomplete.e2e.ts b/packages/calcite-components/src/components/autocomplete/autocomplete.e2e.ts
index ce4ef428daf..e50bf446747 100644
--- a/packages/calcite-components/src/components/autocomplete/autocomplete.e2e.ts
+++ b/packages/calcite-components/src/components/autocomplete/autocomplete.e2e.ts
@@ -8,6 +8,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   openClose,
   reflects,
@@ -478,6 +479,10 @@ describe("calcite-autocomplete", () => {
     focusable("calcite-autocomplete");
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-autocomplete`);
+  });
+
   it("should set screen reader list attribute 'aria-live' to 'polite'", async () => {
     const page = await newE2EPage();
     await page.setContent(simpleHTML);
diff --git a/packages/calcite-components/src/components/autocomplete/autocomplete.scss b/packages/calcite-components/src/components/autocomplete/autocomplete.scss
index 1de42e35968..65722aaeacd 100644
--- a/packages/calcite-components/src/components/autocomplete/autocomplete.scss
+++ b/packages/calcite-components/src/components/autocomplete/autocomplete.scss
@@ -117,6 +117,7 @@
   @apply sr-only;
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/autocomplete/autocomplete.tsx b/packages/calcite-components/src/components/autocomplete/autocomplete.tsx
index aa2307cd849..d433ce69f2e 100644
--- a/packages/calcite-components/src/components/autocomplete/autocomplete.tsx
+++ b/packages/calcite-components/src/components/autocomplete/autocomplete.tsx
@@ -34,7 +34,7 @@ import {
 import { toggleOpenClose, OpenCloseComponent } from "../../utils/openCloseComponent";
 import { Alignment, Scale, Status } from "../interfaces";
 import { IconNameOrString } from "../icon/interfaces";
-import { connectLabel, disconnectLabel, LabelableComponent } from "../../utils/label";
+import { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from "../../utils/label";
 import { TextualInputComponent } from "../input/common/input";
 import {
   afterConnectDefaultValueSet,
@@ -53,6 +53,7 @@ import type { Input } from "../input/input";
 import type { AutocompleteItem } from "../autocomplete-item/autocomplete-item";
 import type { AutocompleteItemGroup } from "../autocomplete-item-group/autocomplete-item-group";
 import type { Label } from "../label/label";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { createObserver } from "../../utils/observers";
 import { useSetFocus } from "../../controllers/useSetFocus";
@@ -73,6 +74,7 @@ declare global {
  * @slot - A slot for adding `calcite-autocomplete-item` elements.
  * @slot content-bottom - A slot for adding content below `calcite-autocomplete-item` elements.
  * @slot content-top - A slot for adding content above `calcite-autocomplete-item` elements.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
  */
 export class Autocomplete
   extends LitElement
@@ -206,6 +208,9 @@ export class Autocomplete
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** When present, a busy indicator is displayed. */
   @property({ reflect: true }) loading = false;
 
@@ -781,11 +786,20 @@ export class Autocomplete
 
     return (
       <InteractiveContainer disabled={disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div class={CSS.inputContainer}>
           <calcite-input
             alignment={this.alignment}
             aria-activedescendant={this.activeDescendant}
             aria-controls={listId}
+            aria-label={getLabelText(this)}
             aria-owns={listId}
             ariaAutoComplete="list"
             ariaExpanded={isOpen}
@@ -817,6 +831,7 @@ export class Autocomplete
             prefixText={this.prefixText}
             readOnly={this.readOnly}
             ref={this.setReferenceEl}
+            required={this.required}
             role="combobox"
             scale={this.scale}
             status={this.status}
diff --git a/packages/calcite-components/src/components/block/block.stories.ts b/packages/calcite-components/src/components/block/block.stories.ts
index 99f878c7e4f..c22fd16ec57 100644
--- a/packages/calcite-components/src/components/block/block.stories.ts
+++ b/packages/calcite-components/src/components/block/block.stories.ts
@@ -415,4 +415,3 @@ export const emptyHeader = (): string => html`
     </calcite-label>
   </calcite-block>
 `;
-
diff --git a/packages/calcite-components/src/components/checkbox/checkbox.e2e.ts b/packages/calcite-components/src/components/checkbox/checkbox.e2e.ts
index ec1856fad8e..16bc81e08da 100644
--- a/packages/calcite-components/src/components/checkbox/checkbox.e2e.ts
+++ b/packages/calcite-components/src/components/checkbox/checkbox.e2e.ts
@@ -7,8 +7,10 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   HYDRATED_ATTR,
   labelable,
+  t9n,
   themed,
 } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
@@ -184,6 +186,10 @@ describe("calcite-checkbox", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-checkbox`);
+  });
+
   describe("WCAG AA recommended minimum 24px click area", () => {
     const testCheckboxClick = async (scale: Scale, maxExtraPixels: number, direction: "ltr" | "rtl"): Promise<void> => {
       const page = await newE2EPage();
@@ -225,6 +231,10 @@ describe("calcite-checkbox", () => {
     });
   });
 
+  describe("translation support", () => {
+    t9n("calcite-checkbox");
+  });
+
   describe("theme", () => {
     describe("default", () => {
       themed(html` <calcite-checkbox name="s-unchecked" scale="s"></calcite-checkbox> `, {
diff --git a/packages/calcite-components/src/components/checkbox/checkbox.scss b/packages/calcite-components/src/components/checkbox/checkbox.scss
index 6ed3331a1de..48f9f4145e3 100644
--- a/packages/calcite-components/src/components/checkbox/checkbox.scss
+++ b/packages/calcite-components/src/components/checkbox/checkbox.scss
@@ -146,6 +146,7 @@
   }
 }
 
+@include form-internal-label();
 @include disabled();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/checkbox/checkbox.tsx b/packages/calcite-components/src/components/checkbox/checkbox.tsx
index 5d9f1ad4c8a..f50b3d8e853 100644
--- a/packages/calcite-components/src/components/checkbox/checkbox.tsx
+++ b/packages/calcite-components/src/components/checkbox/checkbox.tsx
@@ -19,9 +19,12 @@ import { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from
 import { Scale, Status } from "../interfaces";
 import { CSS_UTILITY } from "../../utils/resources";
 import type { Label } from "../label/label";
+import { InternalLabel } from "../functional/InternalLabel";
+import { useT9n } from "../../controllers/useT9n";
 import { useSetFocus } from "../../controllers/useSetFocus";
 import { CSS } from "./resources";
 import { styles } from "./checkbox.scss";
+import T9nStrings from "./assets/t9n/messages.en.json";
 
 declare global {
   interface DeclareElements {
@@ -59,6 +62,13 @@ export class Checkbox
 
   private toggleEl = createRef<HTMLDivElement>();
 
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @private
+   */
+  messages = useT9n<typeof T9nStrings>();
+
   private focusSetter = useSetFocus<this>()(this);
 
   // #endregion
@@ -97,6 +107,12 @@ export class Checkbox
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
+  /** Use this property to override individual strings used by the component. */
+  @property() messageOverrides?: typeof this.messages._overrides;
+
   /**
    * Specifies the name of the component.
    *
@@ -254,6 +270,7 @@ export class Checkbox
         <div
           ariaChecked={this.checked}
           ariaLabel={getLabelText(this)}
+          ariaRequired={this.required}
           class={{
             [CSS.toggle]: true,
             [CSS_UTILITY.rtl]: rtl,
@@ -269,6 +286,15 @@ export class Checkbox
           </svg>
           <slot />
         </div>
+        {this.labelText && (
+          <InternalLabel
+            bottomSpacingDisabled={true}
+            labelText={this.labelText}
+            required={this.required}
+            spacingInlineStart={true}
+            tooltipText={this.messages.required}
+          />
+        )}
         <HiddenFormInputSlot component={this} />
       </InteractiveContainer>
     );
diff --git a/packages/calcite-components/src/components/combobox/combobox.e2e.ts b/packages/calcite-components/src/components/combobox/combobox.e2e.ts
index 05ddf88d38e..64be329f110 100644
--- a/packages/calcite-components/src/components/combobox/combobox.e2e.ts
+++ b/packages/calcite-components/src/components/combobox/combobox.e2e.ts
@@ -9,6 +9,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   openClose,
   reflects,
@@ -150,6 +151,10 @@ describe("calcite-combobox", () => {
     `);
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-combobox`);
+  });
+
   describe("honors hidden attribute", () => {
     hidden("calcite-combobox");
   });
diff --git a/packages/calcite-components/src/components/combobox/combobox.scss b/packages/calcite-components/src/components/combobox/combobox.scss
index 4e5ded5e75e..dc238e36d8f 100644
--- a/packages/calcite-components/src/components/combobox/combobox.scss
+++ b/packages/calcite-components/src/components/combobox/combobox.scss
@@ -292,4 +292,5 @@ calcite-chip {
   padding-block-start: var(--calcite-internal-combobox-spacing-unit-l);
 }
 
+@include form-internal-label();
 @include input-placeholder-text();
diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx
index f076c6e4663..83e38f74034 100644
--- a/packages/calcite-components/src/components/combobox/combobox.tsx
+++ b/packages/calcite-components/src/components/combobox/combobox.tsx
@@ -51,6 +51,7 @@ import { DEBOUNCE } from "../../utils/resources";
 import { Scale, SelectionMode, Status } from "../interfaces";
 import { CSS as XButtonCSS, XButton } from "../functional/XButton";
 import { getIconScale, isHidden } from "../../utils/component";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { useT9n } from "../../controllers/useT9n";
@@ -79,7 +80,10 @@ declare global {
   }
 }
 
-/** @slot - A slot for adding `calcite-combobox-item`s. */
+/**
+ * @slot - A slot for adding `calcite-combobox-item`s.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class Combobox
   extends LitElement
   implements
@@ -369,6 +373,9 @@ export class Combobox
    */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar. */
   @property({ reflect: true }) maxItems = 0;
 
@@ -1757,6 +1764,7 @@ export class Combobox
           placeholder={placeholder}
           readOnly={this.readOnly}
           ref={this.textInput}
+          required={this.required}
           role="combobox"
           tabIndex={this.activeChipIndex === -1 ? 0 : -1}
           type="text"
@@ -1897,6 +1905,14 @@ export class Combobox
 
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           ariaLive="polite"
           class={{
diff --git a/packages/calcite-components/src/components/combobox/resources.ts b/packages/calcite-components/src/components/combobox/resources.ts
index 4135247240a..a4cf07e1be0 100644
--- a/packages/calcite-components/src/components/combobox/resources.ts
+++ b/packages/calcite-components/src/components/combobox/resources.ts
@@ -50,3 +50,7 @@ export const ICONS = {
   chevronUp: "chevron-up",
   chevronDown: "chevron-down",
 };
+
+export const SLOTS = {
+  labelContent: "label-content",
+};
diff --git a/packages/calcite-components/src/components/functional/InternalLabel.tsx b/packages/calcite-components/src/components/functional/InternalLabel.tsx
new file mode 100644
index 00000000000..e67fcdbd4f3
--- /dev/null
+++ b/packages/calcite-components/src/components/functional/InternalLabel.tsx
@@ -0,0 +1,61 @@
+import { TemplateResult } from "lit-html";
+import { h } from "@arcgis/lumina";
+
+interface InternalLabelProps {
+  alignmentCenter?: boolean;
+  bottomSpacingDisabled?: boolean;
+  labelText?: string;
+  onClick?: () => void;
+  required?: boolean;
+  spacingInlineEnd?: boolean;
+  spacingInlineStart?: boolean;
+  tooltipText?: string;
+}
+
+export const CSS = {
+  alignmentCenter: "internal-label-alignment--center",
+  alignmentEnd: "internal-label-alignment--end",
+  container: "internal-label--container",
+  requiredIndicator: "internal-label-required--indicator",
+  spacingBottom: "internal-label-spacing--bottom",
+  spacingInlineEnd: "internal-label-spacing-inline--end",
+  spacingInlineStart: "internal-label-spacing-inline--start",
+  text: "internal-label--text",
+};
+
+/**
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
+
+export const InternalLabel = ({
+  alignmentCenter,
+  bottomSpacingDisabled,
+  labelText,
+  onClick,
+  required,
+  spacingInlineEnd,
+  spacingInlineStart,
+  tooltipText,
+}: InternalLabelProps): TemplateResult => (
+  <div
+    class={{
+      [CSS.alignmentCenter]: alignmentCenter,
+      [CSS.alignmentEnd]: !alignmentCenter,
+      [CSS.container]: true,
+      [CSS.spacingBottom]: !bottomSpacingDisabled,
+      [CSS.spacingInlineEnd]: spacingInlineEnd,
+      [CSS.spacingInlineStart]: spacingInlineStart,
+    }}
+    onClick={onClick}
+  >
+    <div class={CSS.text}>
+      {labelText}
+      {required && (
+        <span aria-hidden="true" class={CSS.requiredIndicator} title={tooltipText}>
+          *
+        </span>
+      )}
+    </div>
+    <slot name="label-content" />
+  </div>
+);
diff --git a/packages/calcite-components/src/components/input-date-picker/input-date-picker.e2e.ts b/packages/calcite-components/src/components/input-date-picker/input-date-picker.e2e.ts
index d42d0d8bcb3..7614ebe311c 100644
--- a/packages/calcite-components/src/components/input-date-picker/input-date-picker.e2e.ts
+++ b/packages/calcite-components/src/components/input-date-picker/input-date-picker.e2e.ts
@@ -9,6 +9,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   openClose,
   renders,
@@ -93,6 +94,10 @@ describe("calcite-input-date-picker", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-input-date-picker`);
+  });
+
   describe("event emitting when the value changes", () => {
     it("emits change event when value is committed for single date", async () => {
       const page = await newE2EPage();
diff --git a/packages/calcite-components/src/components/input-date-picker/input-date-picker.scss b/packages/calcite-components/src/components/input-date-picker/input-date-picker.scss
index 0a922c064a1..f0f11f6ebd1 100644
--- a/packages/calcite-components/src/components/input-date-picker/input-date-picker.scss
+++ b/packages/calcite-components/src/components/input-date-picker/input-date-picker.scss
@@ -286,4 +286,5 @@ calcite-date-picker {
   @apply sr-only;
 }
 
+@include form-internal-label();
 @include base-component();
diff --git a/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx b/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
index 91a62efb182..758275c5abb 100644
--- a/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
+++ b/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
@@ -47,7 +47,7 @@ import {
   updateHostInteraction,
 } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
-import { connectLabel, disconnectLabel, LabelableComponent } from "../../utils/label";
+import { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from "../../utils/label";
 import { getIconScale } from "../../utils/component";
 import {
   getDateFormatSupportedLocale,
@@ -61,6 +61,7 @@ import { DateLocaleData, getLocaleData, getValueAsDateRange } from "../date-pick
 import { HeadingLevel } from "../functional/Heading";
 import { guid } from "../../utils/guid";
 import { Status } from "../interfaces";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { syncHiddenFormInput } from "../input/common/input";
@@ -81,6 +82,9 @@ declare global {
   }
 }
 
+/**
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class InputDatePicker
   extends LitElement
   implements
@@ -214,6 +218,9 @@ export class InputDatePicker
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** Defines the layout of the component. */
   @property({ reflect: true }) layout: "horizontal" | "vertical" = "horizontal";
 
@@ -1095,8 +1102,21 @@ export class InputDatePicker
 
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div class={CSS.container}>
-          <div aria-label={this.label} class={CSS.inputContainer} role="group">
+          <div
+            aria-label={getLabelText(this)}
+            ariaRequired={this.required}
+            class={CSS.inputContainer}
+            role="group"
+          >
             <div
               class={CSS.inputWrapper}
               data-position={POSITION.start}
diff --git a/packages/calcite-components/src/components/input-number/input-number.e2e.ts b/packages/calcite-components/src/components/input-number/input-number.e2e.ts
index c14bb3ed3ff..72b02f18102 100644
--- a/packages/calcite-components/src/components/input-number/input-number.e2e.ts
+++ b/packages/calcite-components/src/components/input-number/input-number.e2e.ts
@@ -9,6 +9,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -233,6 +234,10 @@ describe("calcite-input-number", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-input-number`);
+  });
+
   describe.skip("increment/decrement functionality", () => {
     let page: E2EPage;
     beforeEach(async () => {
diff --git a/packages/calcite-components/src/components/input-number/input-number.scss b/packages/calcite-components/src/components/input-number/input-number.scss
index cae5da49748..a07eb249e0e 100755
--- a/packages/calcite-components/src/components/input-number/input-number.scss
+++ b/packages/calcite-components/src/components/input-number/input-number.scss
@@ -488,6 +488,7 @@ input {
   }
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/input-number/input-number.tsx b/packages/calcite-components/src/components/input-number/input-number.tsx
index 6be5ec7f4cd..cb7c00257c6 100644
--- a/packages/calcite-components/src/components/input-number/input-number.tsx
+++ b/packages/calcite-components/src/components/input-number/input-number.tsx
@@ -42,6 +42,7 @@ import {
 import { CSS_UTILITY } from "../../utils/resources";
 import { InputPlacement, NumberNudgeDirection, SetValueOrigin } from "../input/interfaces";
 import { getIconScale } from "../../utils/component";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import {
   NumericInputComponent,
@@ -63,7 +64,10 @@ declare global {
   }
 }
 
-/** @slot action - A slot for positioning a button next to the component. */
+/**
+ * @slot action - A slot for positioning a `calcite-action` or other interactive content.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class InputNumber
   extends LitElement
   implements
@@ -202,6 +206,9 @@ export class InputNumber
   /** Accessible name for the component's button or hyperlink. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** When present, the component is in the loading state and `calcite-progress` is displayed. */
   @property({ reflect: true }) loading = false;
 
@@ -1036,6 +1043,7 @@ export class InputNumber
         placeholder={this.placeholder || ""}
         readOnly={this.readOnly}
         ref={this.setChildNumberElRef}
+        required={this.required}
         type="text"
         value={this.displayedValue}
       />
@@ -1043,6 +1051,14 @@ export class InputNumber
 
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           class={{
             [CSS.inputWrapper]: true,
diff --git a/packages/calcite-components/src/components/input-text/input-text.e2e.ts b/packages/calcite-components/src/components/input-text/input-text.e2e.ts
index 30ecf643aa9..3d8ab1696aa 100644
--- a/packages/calcite-components/src/components/input-text/input-text.e2e.ts
+++ b/packages/calcite-components/src/components/input-text/input-text.e2e.ts
@@ -8,6 +8,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -114,6 +115,10 @@ describe("calcite-input-text", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-input-text`);
+  });
+
   it("does not fire any input or change events when a focused input is blurred after its value is set directly", async () => {
     const page = await newE2EPage({ html: "<calcite-input-text></calcite-input-text>" });
     const input = await page.find("calcite-input-text");
diff --git a/packages/calcite-components/src/components/input-text/input-text.scss b/packages/calcite-components/src/components/input-text/input-text.scss
index 843a1839896..71fea9d81c5 100755
--- a/packages/calcite-components/src/components/input-text/input-text.scss
+++ b/packages/calcite-components/src/components/input-text/input-text.scss
@@ -421,6 +421,7 @@ input {
   }
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/input-text/input-text.tsx b/packages/calcite-components/src/components/input-text/input-text.tsx
index 7820a44a6ba..3b9d2222a0d 100644
--- a/packages/calcite-components/src/components/input-text/input-text.tsx
+++ b/packages/calcite-components/src/components/input-text/input-text.tsx
@@ -33,6 +33,7 @@ import { CSS_UTILITY } from "../../utils/resources";
 import { SetValueOrigin } from "../input/interfaces";
 import { Alignment, Scale, Status } from "../interfaces";
 import { getIconScale } from "../../utils/component";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { syncHiddenFormInput, TextualInputComponent } from "../input/common/input";
 import { IconNameOrString } from "../icon/interfaces";
@@ -50,7 +51,10 @@ declare global {
   }
 }
 
-/** @slot action - A slot for positioning a button next to the component. */
+/**
+ * @slot action - A slot for positioning a button next to the component.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class InputText
   extends LitElement
   implements LabelableComponent, FormComponent, InteractiveComponent, TextualInputComponent
@@ -170,6 +174,8 @@ export class InputText
   /** Accessible name for the component's button or hyperlink. */
   @property() label: string;
 
+  @property() labelText: string;
+
   /** When present, the component is in the loading state and `calcite-progress` is displayed. */
   @property({ reflect: true }) loading = false;
 
@@ -615,6 +621,14 @@ export class InputText
 
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           class={{
             [CSS.inputWrapper]: true,
diff --git a/packages/calcite-components/src/components/input-time-picker/input-time-picker.e2e.ts b/packages/calcite-components/src/components/input-time-picker/input-time-picker.e2e.ts
index febf5667fa2..a9450dff199 100644
--- a/packages/calcite-components/src/components/input-time-picker/input-time-picker.e2e.ts
+++ b/packages/calcite-components/src/components/input-time-picker/input-time-picker.e2e.ts
@@ -11,6 +11,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -113,6 +114,10 @@ describe("calcite-input-time-picker", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-input-time-picker`);
+  });
+
   describe("disabled", () => {
     disabled("calcite-input-time-picker");
   });
diff --git a/packages/calcite-components/src/components/input-time-picker/input-time-picker.scss b/packages/calcite-components/src/components/input-time-picker/input-time-picker.scss
index 31fccd573f2..4051a51bc3f 100644
--- a/packages/calcite-components/src/components/input-time-picker/input-time-picker.scss
+++ b/packages/calcite-components/src/components/input-time-picker/input-time-picker.scss
@@ -127,5 +127,6 @@ calcite-time-picker {
   --calcite-time-picker-corner-radius: var(--calcite-corner-radius-round);
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include base-component();
diff --git a/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx b/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx
index 13e7ba48481..a6d76ee93a8 100644
--- a/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx
+++ b/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx
@@ -29,6 +29,7 @@ import { HourFormat, TimePart } from "../../utils/time";
 import { Scale, Status } from "../interfaces";
 import { decimalPlaces } from "../../utils/math";
 import { getIconScale } from "../../utils/component";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { getElementDir } from "../../utils/dom";
 import { IconNameOrString } from "../icon/interfaces";
@@ -50,6 +51,9 @@ declare global {
   }
 }
 
+/**
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class InputTimePicker
   extends LitElement
   implements FormComponent, InteractiveComponent, LabelableComponent, TimeComponent
@@ -130,6 +134,9 @@ export class InputTimePicker
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /**
    * When the component resides in a form,
    * specifies the maximum value.
@@ -571,6 +578,14 @@ export class InputTimePicker
     const isInteractive = !this.disabled && !this.readOnly;
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           aria-controls={IDS.inputContainer}
           aria-labelledby={IDS.inputContainer}
@@ -588,6 +603,7 @@ export class InputTimePicker
           />
           <div
             aria-label={getLabelText(this)}
+            ariaRequired={this.required}
             class={CSS.inputContainer}
             dir="ltr"
             id={IDS.inputContainer}
diff --git a/packages/calcite-components/src/components/input-time-zone/input-time-zone.stories.ts b/packages/calcite-components/src/components/input-time-zone/input-time-zone.stories.ts
index 759bcec6305..2347d9570a2 100644
--- a/packages/calcite-components/src/components/input-time-zone/input-time-zone.stories.ts
+++ b/packages/calcite-components/src/components/input-time-zone/input-time-zone.stories.ts
@@ -59,6 +59,12 @@ export const simple = (args: InputTimeZoneStoryArgs): string => html`
   ></calcite-input-time-zone>
 `;
 
+export const internalLabel = (): string => html`
+  <calcite-input-time-zone scale="m" label-text="Label text" required
+    ><calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon
+  ></calcite-input-time-zone>
+`;
+
 export const clearable = (): string => html`
   <label>default</label>
   <calcite-input-time-zone mode="offset" clearable></calcite-input-time-zone>
diff --git a/packages/calcite-components/src/components/input-time-zone/input-time-zone.tsx b/packages/calcite-components/src/components/input-time-zone/input-time-zone.tsx
index 1986fc3a934..011c47be06a 100644
--- a/packages/calcite-components/src/components/input-time-zone/input-time-zone.tsx
+++ b/packages/calcite-components/src/components/input-time-zone/input-time-zone.tsx
@@ -29,8 +29,9 @@ import { IconNameOrString } from "../icon/interfaces";
 import { useT9n } from "../../controllers/useT9n";
 import type { Combobox } from "../combobox/combobox";
 import type { Label } from "../label/label";
+import { SLOTS as COMBOBOX_SLOTS } from "../combobox/resources";
 import { useSetFocus } from "../../controllers/useSetFocus";
-import { CSS } from "./resources";
+import { CSS, SLOTS } from "./resources";
 import {
   createTimeZoneItems,
   findTimeZoneItemByProp,
@@ -49,6 +50,9 @@ declare global {
   }
 }
 
+/**
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class InputTimeZone
   extends LitElement
   implements FormComponent, InteractiveComponent, LabelableComponent
@@ -109,6 +113,9 @@ export class InputTimeZone
    */
   @property({ reflect: true }) form: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** Specifies the component's maximum number of options to display before displaying a scrollbar. */
   @property({ reflect: true }) maxItems = 0;
 
@@ -503,6 +510,7 @@ export class InputTimeZone
           clearDisabled={!this.clearable}
           disabled={this.disabled}
           label={this.messages.chooseTimeZone}
+          labelText={this.labelText}
           lang={this.messages._lang}
           maxItems={this.maxItems}
           oncalciteComboboxBeforeClose={this.onComboboxBeforeClose}
@@ -521,6 +529,7 @@ export class InputTimeZone
           placeholderIcon="search"
           readOnly={this.readOnly}
           ref={this.setComboboxRef}
+          required={this.required}
           scale={this.scale}
           selectionMode={this.clearable ? "single" : "single-persist"}
           status={this.status}
@@ -528,6 +537,7 @@ export class InputTimeZone
           validationMessage={this.validationMessage}
         >
           {this.renderItems()}
+          <slot name={SLOTS.labelContent} slot={COMBOBOX_SLOTS.labelContent} />
         </calcite-combobox>
         <HiddenFormInputSlot component={this} />
       </InteractiveContainer>
diff --git a/packages/calcite-components/src/components/input-time-zone/resources.ts b/packages/calcite-components/src/components/input-time-zone/resources.ts
index f20cb242136..8749c69f17c 100644
--- a/packages/calcite-components/src/components/input-time-zone/resources.ts
+++ b/packages/calcite-components/src/components/input-time-zone/resources.ts
@@ -1,3 +1,7 @@
 export const CSS = {
   offset: "offset",
 };
+
+export const SLOTS = {
+  labelContent: "label-content",
+};
diff --git a/packages/calcite-components/src/components/input/input.e2e.ts b/packages/calcite-components/src/components/input/input.e2e.ts
index 054910c5cbf..28ab05df7db 100644
--- a/packages/calcite-components/src/components/input/input.e2e.ts
+++ b/packages/calcite-components/src/components/input/input.e2e.ts
@@ -8,6 +8,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -256,6 +257,10 @@ describe("calcite-input", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-input`);
+  });
+
   describe("input type number increment/decrement functionality", () => {
     let page: E2EPage;
     beforeEach(async () => {
diff --git a/packages/calcite-components/src/components/input/input.scss b/packages/calcite-components/src/components/input/input.scss
index 60a1ebd461c..228e03be882 100755
--- a/packages/calcite-components/src/components/input/input.scss
+++ b/packages/calcite-components/src/components/input/input.scss
@@ -621,6 +621,7 @@ input {
   }
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/input/input.tsx b/packages/calcite-components/src/components/input/input.tsx
index 4e97af2507b..3c77366649a 100644
--- a/packages/calcite-components/src/components/input/input.tsx
+++ b/packages/calcite-components/src/components/input/input.tsx
@@ -42,6 +42,7 @@ import {
 } from "../../utils/number";
 import { CSS_UTILITY } from "../../utils/resources";
 import { getIconScale } from "../../utils/component";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { useT9n } from "../../controllers/useT9n";
@@ -60,7 +61,10 @@ declare global {
   }
 }
 
-/** @slot action - A slot for positioning a `calcite-button` next to the component. */
+/**
+ * @slot action - A slot for positioning a `calcite-button` next to the component.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class Input
   extends LitElement
   implements
@@ -214,6 +218,9 @@ export class Input
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** When present, a busy indicator is displayed. */
   @property({ reflect: true }) loading = false;
 
@@ -1087,6 +1094,7 @@ export class Input
           placeholder={this.placeholder || ""}
           readOnly={this.readOnly}
           ref={this.setChildNumberElRef}
+          required={this.required}
           type="text"
           value={this.displayedValue}
         />
@@ -1140,6 +1148,15 @@ export class Input
 
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
+
         <div
           class={{
             [CSS.inputWrapper]: true,
diff --git a/packages/calcite-components/src/components/radio-button-group/radio-button-group.e2e.ts b/packages/calcite-components/src/components/radio-button-group/radio-button-group.e2e.ts
index 7b8c11c8f46..7fed8aaf4ee 100644
--- a/packages/calcite-components/src/components/radio-button-group/radio-button-group.e2e.ts
+++ b/packages/calcite-components/src/components/radio-button-group/radio-button-group.e2e.ts
@@ -1,6 +1,16 @@
 import { newE2EPage } from "@arcgis/lumina-compiler/puppeteerTesting";
 import { describe, expect, it } from "vitest";
-import { accessible, defaults, focusable, hidden, reflects, renders, themed } from "../../tests/commonTests";
+import {
+  accessible,
+  defaults,
+  focusable,
+  hidden,
+  internalLabel,
+  reflects,
+  renders,
+  themed,
+  t9n,
+} from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
 import { findAll, getFocusedElementProp } from "../../tests/utils/puppeteer";
 import type { RadioButton } from "../radio-button/radio-button";
@@ -43,6 +53,10 @@ describe("calcite-radio-button-group", () => {
     );
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-radio-button-group`);
+  });
+
   describe("honors hidden attribute", () => {
     hidden("calcite-radio-button");
 
@@ -557,6 +571,10 @@ describe("calcite-radio-button-group", () => {
     expect(await getFocusedElementProp(page, "id")).toBe("shrubs");
   });
 
+  describe("translation support", () => {
+    t9n("calcite-radio-button-group");
+  });
+
   describe("theme", () => {
     describe("default", () => {
       themed(html`<calcite-radio-button-group></calcite-radio-button-group>`, {
diff --git a/packages/calcite-components/src/components/radio-button-group/radio-button-group.scss b/packages/calcite-components/src/components/radio-button-group/radio-button-group.scss
index ef5ab0f20b1..5e9e003375e 100644
--- a/packages/calcite-components/src/components/radio-button-group/radio-button-group.scss
+++ b/packages/calcite-components/src/components/radio-button-group/radio-button-group.scss
@@ -58,5 +58,6 @@
   );
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include base-component();
diff --git a/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx b/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx
index 0d3e2a0d29c..2a8d228514b 100644
--- a/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx
+++ b/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx
@@ -13,11 +13,14 @@ import {
 } from "@arcgis/lumina";
 import { createObserver } from "../../utils/observers";
 import { Layout, Scale, Status } from "../interfaces";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
+import { useT9n } from "../../controllers/useT9n";
 import { IconNameOrString } from "../icon/interfaces";
 import type { RadioButton } from "../radio-button/radio-button";
 import { useSetFocus } from "../../controllers/useSetFocus";
 import { CSS, IDS } from "./resources";
+import T9nStrings from "./assets/t9n/messages.en.json";
 import { styles } from "./radio-button-group.scss";
 
 declare global {
@@ -26,7 +29,10 @@ declare global {
   }
 }
 
-/** @slot - A slot for adding `calcite-radio-button`s. */
+/**
+ * @slot - A slot for adding `calcite-radio-button`s.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class RadioButtonGroup extends LitElement {
   // #region Static Members
 
@@ -36,6 +42,13 @@ export class RadioButtonGroup extends LitElement {
 
   // #region Private Properties
 
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @private
+   */
+  messages = useT9n<typeof T9nStrings>();
+
   private mutationObserver = createObserver("mutation", () => this.passPropsToRadioButtons());
 
   private focusSetter = useSetFocus<this>()(this);
@@ -53,10 +66,16 @@ export class RadioButtonGroup extends LitElement {
   /** When present, interaction is prevented and the component is displayed with lower opacity. */
   @property({ reflect: true }) disabled = false;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** Defines the layout of the component. */
   @property({ reflect: true }) layout: Extract<"horizontal" | "vertical" | "grid", Layout> =
     "horizontal";
 
+  /** Use this property to override individual strings used by the component. */
+  @property() messageOverrides?: typeof this.messages._overrides;
+
   /**
    * Specifies the name of the component on form submission. Must be unique to other component instances.
    *
@@ -196,9 +215,17 @@ export class RadioButtonGroup extends LitElement {
     this.el.role = "radiogroup";
     return (
       <>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           aria-errormessage={IDS.validationMessage}
           ariaInvalid={this.status === "invalid"}
+          ariaRequired={this.required}
           class={CSS.itemWrapper}
         >
           <slot />
diff --git a/packages/calcite-components/src/components/radio-button/radio-button.e2e.ts b/packages/calcite-components/src/components/radio-button/radio-button.e2e.ts
index 06e965980b4..3a2af5fb633 100644
--- a/packages/calcite-components/src/components/radio-button/radio-button.e2e.ts
+++ b/packages/calcite-components/src/components/radio-button/radio-button.e2e.ts
@@ -8,6 +8,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -230,6 +231,10 @@ describe("calcite-radio-button", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-radio-button`);
+  });
+
   describe("reflects", () => {
     reflects("calcite-radio-button", [
       { propertyName: "checked", value: true },
diff --git a/packages/calcite-components/src/components/radio-button/radio-button.scss b/packages/calcite-components/src/components/radio-button/radio-button.scss
index 71e2891171b..54a69a16fe1 100644
--- a/packages/calcite-components/src/components/radio-button/radio-button.scss
+++ b/packages/calcite-components/src/components/radio-button/radio-button.scss
@@ -18,6 +18,7 @@
   .container {
     @apply relative
     outline-none;
+    display: flex;
   }
 
   .radio {
@@ -142,5 +143,6 @@
   }
 }
 
+@include form-internal-label();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/radio-button/radio-button.tsx b/packages/calcite-components/src/components/radio-button/radio-button.tsx
index 5faf35ed94f..ca0ec63f2f1 100644
--- a/packages/calcite-components/src/components/radio-button/radio-button.tsx
+++ b/packages/calcite-components/src/components/radio-button/radio-button.tsx
@@ -15,6 +15,7 @@ import {
   updateHostInteraction,
 } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from "../../utils/label";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Scale } from "../interfaces";
 import type { Label } from "../label/label";
 import { useSetFocus } from "../../controllers/useSetFocus";
@@ -91,6 +92,9 @@ export class RadioButton
    */
   @property() label?: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /**
    * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.
    *
@@ -493,6 +497,7 @@ export class RadioButton
           tabIndex={tabIndex}
         >
           <div class={CSS.radio} />
+          {this.labelText && <InternalLabel labelText={this.labelText} spacingInlineStart={true} />}
         </div>
         <HiddenFormInputSlot component={this} />
       </InteractiveContainer>
diff --git a/packages/calcite-components/src/components/rating/rating.e2e.ts b/packages/calcite-components/src/components/rating/rating.e2e.ts
index 8a350ef333b..36097dd55cd 100644
--- a/packages/calcite-components/src/components/rating/rating.e2e.ts
+++ b/packages/calcite-components/src/components/rating/rating.e2e.ts
@@ -7,6 +7,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -49,6 +50,10 @@ describe("calcite-rating", () => {
       });
     });
 
+    describe("InternalLabel", () => {
+      internalLabel(`calcite-rating`);
+    });
+
     describe("focuses the first star when the label is clicked and no-rating value exists", () => {
       labelable("calcite-rating", {
         shadowFocusTargetSelector: "label[data-value='1']",
diff --git a/packages/calcite-components/src/components/rating/rating.scss b/packages/calcite-components/src/components/rating/rating.scss
index a0242644bff..e5ba2c99704 100644
--- a/packages/calcite-components/src/components/rating/rating.scss
+++ b/packages/calcite-components/src/components/rating/rating.scss
@@ -112,6 +112,7 @@ calcite-chip {
   @apply sr-only;
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/rating/rating.tsx b/packages/calcite-components/src/components/rating/rating.tsx
index fa3d227ec2d..d5de573da6b 100644
--- a/packages/calcite-components/src/components/rating/rating.tsx
+++ b/packages/calcite-components/src/components/rating/rating.tsx
@@ -22,8 +22,9 @@ import {
   InteractiveContainer,
   updateHostInteraction,
 } from "../../utils/interactive";
-import { connectLabel, disconnectLabel, LabelableComponent } from "../../utils/label";
+import { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from "../../utils/label";
 import { Scale, Status } from "../interfaces";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { useT9n } from "../../controllers/useT9n";
@@ -41,6 +42,9 @@ declare global {
   }
 }
 
+/**
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class Rating
   extends LitElement
   implements LabelableComponent, FormComponent, InteractiveComponent
@@ -108,6 +112,9 @@ export class Rating
    */
   @property({ reflect: true }) form: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /** Use this property to override individual strings used by the component. */
   @property() messageOverrides?: typeof this.messages._overrides;
 
@@ -396,6 +403,14 @@ export class Rating
     return (
       <InteractiveContainer disabled={this.disabled}>
         <span class={CSS.wrapper}>
+          {this.labelText && (
+            <InternalLabel
+              labelText={this.labelText}
+              onClick={this.onLabelClick}
+              required={this.required}
+              tooltipText={this.messages.required}
+            />
+          )}
           <fieldset class={CSS.fieldSet} disabled={this.disabled}>
             <legend class={CSS.visuallyHidden}>{this.messages.rating}</legend>
             {this.starsMap.map(
@@ -421,6 +436,8 @@ export class Rating
                     <input
                       aria-errormessage={IDS.validationMessage}
                       ariaInvalid={this.status === "invalid"}
+                      ariaLabel={getLabelText(this)}
+                      ariaRequired={this.required}
                       checked={checked}
                       class={CSS.visuallyHidden}
                       disabled={this.disabled || this.readOnly}
diff --git a/packages/calcite-components/src/components/segmented-control/segmented-control.e2e.ts b/packages/calcite-components/src/components/segmented-control/segmented-control.e2e.ts
index 9a2a98fcc06..097a85607dd 100644
--- a/packages/calcite-components/src/components/segmented-control/segmented-control.e2e.ts
+++ b/packages/calcite-components/src/components/segmented-control/segmented-control.e2e.ts
@@ -8,9 +8,11 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
+  t9n,
   themed,
 } from "../../tests/commonTests";
 import { findAll, getFocusedElementProp, GlobalTestProps } from "../../tests/utils/puppeteer";
@@ -473,6 +475,10 @@ describe("calcite-segmented-control", () => {
     });
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-segmented-control`);
+  });
+
   describe("is form-associated", () => {
     describe("unselected value", () => {
       formAssociated(
@@ -501,6 +507,10 @@ describe("calcite-segmented-control", () => {
     });
   });
 
+  describe("translation support", () => {
+    t9n("calcite-segmented-control");
+  });
+
   describe("theme", () => {
     themed("calcite-segmented-control", {
       "--calcite-segmented-control-border-color": {
diff --git a/packages/calcite-components/src/components/segmented-control/segmented-control.scss b/packages/calcite-components/src/components/segmented-control/segmented-control.scss
index 36ddc1502a8..3571f759f00 100644
--- a/packages/calcite-components/src/components/segmented-control/segmented-control.scss
+++ b/packages/calcite-components/src/components/segmented-control/segmented-control.scss
@@ -43,6 +43,7 @@
   }
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/segmented-control/segmented-control.tsx b/packages/calcite-components/src/components/segmented-control/segmented-control.tsx
index 6f978bbf5a2..e4b89931719 100644
--- a/packages/calcite-components/src/components/segmented-control/segmented-control.tsx
+++ b/packages/calcite-components/src/components/segmented-control/segmented-control.tsx
@@ -24,14 +24,17 @@ import {
   InteractiveContainer,
   updateHostInteraction,
 } from "../../utils/interactive";
-import { connectLabel, disconnectLabel, LabelableComponent } from "../../utils/label";
+import { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from "../../utils/label";
 import { Appearance, Layout, Scale, Status, Width } from "../interfaces";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import type { SegmentedControlItem } from "../segmented-control-item/segmented-control-item";
 import type { Label } from "../label/label";
+import { useT9n } from "../../controllers/useT9n";
 import { useSetFocus } from "../../controllers/useSetFocus";
 import { CSS, IDS } from "./resources";
+import T9nStrings from "./assets/t9n/messages.en.json";
 import { styles } from "./segmented-control.scss";
 
 declare global {
@@ -40,7 +43,10 @@ declare global {
   }
 }
 
-/** @slot - A slot for adding `calcite-segmented-control-item`s. */
+/**
+ * @slot - A slot for adding `calcite-segmented-control-item`s.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class SegmentedControl
   extends LitElement
   implements LabelableComponent, FormComponent, InteractiveComponent
@@ -61,6 +67,13 @@ export class SegmentedControl
 
   labelEl: Label["el"];
 
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @private
+   */
+  messages = useT9n<typeof T9nStrings>();
+
   private focusSetter = useSetFocus<this>()(this);
 
   // #endregion
@@ -86,6 +99,12 @@ export class SegmentedControl
   /** Defines the layout of the component. */
   @property({ reflect: true }) layout: Extract<"horizontal" | "vertical", Layout> = "horizontal";
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
+  /** Use this property to override individual strings used by the component. */
+  @property() messageOverrides?: typeof this.messages._overrides;
+
   /**
    * Specifies the name of the component.
    *
@@ -401,9 +420,19 @@ export class SegmentedControl
     this.el.role = "radiogroup";
     return (
       <>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           aria-errormessage={IDS.validationMessage}
+          aria-label={getLabelText(this)}
           ariaInvalid={this.status === "invalid"}
+          ariaRequired={this.required}
           class={CSS.itemWrapper}
         >
           <InteractiveContainer disabled={this.disabled}>
diff --git a/packages/calcite-components/src/components/select/select.e2e.ts b/packages/calcite-components/src/components/select/select.e2e.ts
index f276ba659c3..78698d1eb68 100644
--- a/packages/calcite-components/src/components/select/select.e2e.ts
+++ b/packages/calcite-components/src/components/select/select.e2e.ts
@@ -8,9 +8,11 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
+  t9n,
   themed,
 } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
@@ -43,6 +45,10 @@ describe("calcite-select", () => {
     focusable(simpleTestMarkup);
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-select`);
+  });
+
   describe("defaults", () => {
     defaults("calcite-select", [
       { propertyName: "scale", defaultValue: "m" },
@@ -461,6 +467,10 @@ describe("calcite-select", () => {
     );
   });
 
+  describe("translation support", () => {
+    t9n("calcite-select");
+  });
+
   describe("theme", () => {
     themed(
       html`
diff --git a/packages/calcite-components/src/components/select/select.scss b/packages/calcite-components/src/components/select/select.scss
index aeafa4414e7..2cc15c1f168 100644
--- a/packages/calcite-components/src/components/select/select.scss
+++ b/packages/calcite-components/src/components/select/select.scss
@@ -123,6 +123,7 @@ select:disabled {
   @apply border-color-transparent;
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/select/select.tsx b/packages/calcite-components/src/components/select/select.tsx
index 2c8409ccb34..b4c73b3271c 100644
--- a/packages/calcite-components/src/components/select/select.tsx
+++ b/packages/calcite-components/src/components/select/select.tsx
@@ -9,6 +9,7 @@ import {
   JsxNode,
   stringOrBoolean,
 } from "@arcgis/lumina";
+import { useT9n } from "../../controllers/useT9n";
 import {
   afterConnectDefaultValueSet,
   connectForm,
@@ -26,6 +27,7 @@ import { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from
 import { createObserver } from "../../utils/observers";
 import { Scale, Status, Width } from "../interfaces";
 import { getIconScale } from "../../utils/component";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import type { Option } from "../option/option";
@@ -33,6 +35,7 @@ import type { OptionGroup } from "../option-group/option-group";
 import type { Label } from "../label/label";
 import { useSetFocus } from "../../controllers/useSetFocus";
 import { styles } from "./select.scss";
+import T9nStrings from "./assets/t9n/messages.en.json";
 import { CSS, IDS } from "./resources";
 
 declare global {
@@ -52,7 +55,10 @@ function isOptionGroup(optionOrGroup: OptionOrGroup): optionOrGroup is OptionGro
   return optionOrGroup.tagName === "CALCITE-OPTION-GROUP";
 }
 
-/** @slot - A slot for adding `calcite-option`s. */
+/**
+ * @slot - A slot for adding `calcite-option`s.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class Select
   extends LitElement
   implements LabelableComponent, FormComponent, InteractiveComponent
@@ -77,6 +83,13 @@ export class Select
 
   private selectEl: HTMLSelectElement;
 
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @private
+   */
+  messages = useT9n<typeof T9nStrings>();
+
   private focusSetter = useSetFocus<this>()(this);
 
   // #endregion
@@ -100,6 +113,9 @@ export class Select
    */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /**
    * Specifies the name of the component.
    *
@@ -160,6 +176,9 @@ export class Select
   /** Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead. */
   @property({ reflect: true }) width: Extract<Width, "auto" | "half" | "full"> = "auto";
 
+  /** Use this property to override individual strings used by the component. */
+  @property() messageOverrides?: typeof this.messages._overrides;
+
   // #endregion
 
   // #region Public Methods
@@ -404,6 +423,14 @@ export class Select
 
     return (
       <InteractiveContainer disabled={disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div class={CSS.wrapper}>
           <select
             aria-errormessage={IDS.validationMessage}
@@ -413,6 +440,7 @@ export class Select
             disabled={disabled}
             onChange={this.handleInternalSelectChange}
             ref={this.storeSelectRef}
+            required={this.required}
           >
             <slot />
           </select>
diff --git a/packages/calcite-components/src/components/slider/slider.e2e.ts b/packages/calcite-components/src/components/slider/slider.e2e.ts
index 25f526372a1..5ac2692dda3 100644
--- a/packages/calcite-components/src/components/slider/slider.e2e.ts
+++ b/packages/calcite-components/src/components/slider/slider.e2e.ts
@@ -7,9 +7,11 @@ import {
   disabled,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
+  t9n,
   themed,
 } from "../../tests/commonTests";
 import { findAll, getElementRect, getElementXY, isElementFocused } from "../../tests/utils/puppeteer";
@@ -108,6 +110,10 @@ describe("calcite-slider", () => {
     disabled("calcite-slider");
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-slider`);
+  });
+
   it("sets aria attributes properly for single value", async () => {
     const page = await newE2EPage();
     await page.setContent(`
@@ -1223,6 +1229,10 @@ describe("calcite-slider", () => {
     });
   });
 
+  describe("translation support", () => {
+    t9n("calcite-slider");
+  });
+
   describe("themed", () => {
     describe("default", () => {
       themed(html`<calcite-slider value="30"></calcite-slider>`, {
diff --git a/packages/calcite-components/src/components/slider/slider.scss b/packages/calcite-components/src/components/slider/slider.scss
index 8b744c8c887..3dd88510555 100644
--- a/packages/calcite-components/src/components/slider/slider.scss
+++ b/packages/calcite-components/src/components/slider/slider.scss
@@ -400,6 +400,7 @@
   }
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/slider/slider.tsx b/packages/calcite-components/src/components/slider/slider.tsx
index bd34927e739..0d45873b87f 100644
--- a/packages/calcite-components/src/components/slider/slider.tsx
+++ b/packages/calcite-components/src/components/slider/slider.tsx
@@ -13,6 +13,7 @@ import {
 } from "@arcgis/lumina";
 import { guid } from "../../utils/guid";
 import { intersects, isPrimaryPointerButton } from "../../utils/dom";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import {
   afterConnectDefaultValueSet,
@@ -41,6 +42,7 @@ import { useSetFocus } from "../../controllers/useSetFocus";
 import { CSS, IDS, maxTickElementThreshold } from "./resources";
 import { ActiveSliderProperty, SetValueProperty, SideOffset, ThumbType } from "./interfaces";
 import { styles } from "./slider.scss";
+import T9nStrings from "./assets/t9n/messages.en.json";
 
 declare global {
   interface DeclareElements {
@@ -52,6 +54,9 @@ function isRange(value: number | number[]): value is number[] {
   return Array.isArray(value);
 }
 
+/**
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
+ */
 export class Slider
   extends LitElement
   implements LabelableComponent, FormComponent, InteractiveComponent
@@ -162,7 +167,12 @@ export class Slider
 
   private maxHandle: HTMLDivElement;
 
-  messages = useT9n<Record<string, never>>({ name: null });
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @private
+   */
+  messages = useT9n<typeof T9nStrings>();
 
   private minHandle: HTMLDivElement;
 
@@ -259,6 +269,12 @@ export class Slider
   /** Accessible name for first (or only) handle, such as `"Temperature, lower bound"`. */
   @property() minLabel: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
+  /** Use this property to override individual strings used by the component. */
+  @property() messageOverrides?: typeof this.messages._overrides;
+
   /** For multiple selections, the component's lower value. */
   @property() minValue: number;
 
@@ -1144,10 +1160,19 @@ export class Slider
 
     return (
       <InteractiveContainer disabled={this.disabled}>
+        {this.labelText && (
+          <InternalLabel
+            labelText={this.labelText}
+            onClick={this.onLabelClick}
+            required={this.required}
+            tooltipText={this.messages.required}
+          />
+        )}
         <div
           aria-errormessage={IDS.validationMessage}
           ariaInvalid={this.status === "invalid"}
           ariaLabel={getLabelText(this)}
+          ariaRequired={this.required}
           class={{
             [CSS.container]: true,
             [CSS.containerRange]: valueIsRange,
diff --git a/packages/calcite-components/src/components/switch/switch.e2e.ts b/packages/calcite-components/src/components/switch/switch.e2e.ts
index 3f4d3ecd0af..dc24e971199 100644
--- a/packages/calcite-components/src/components/switch/switch.e2e.ts
+++ b/packages/calcite-components/src/components/switch/switch.e2e.ts
@@ -7,6 +7,7 @@ import {
   formAssociated,
   hidden,
   HYDRATED_ATTR,
+  internalLabel,
   labelable,
   themed,
 } from "../../tests/commonTests";
@@ -53,6 +54,10 @@ describe("calcite-switch", () => {
     focusable("calcite-switch");
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-switch`);
+  });
+
   it("toggles the checked attributes appropriately when clicked", async () => {
     const page = await newE2EPage();
     await page.setContent("<calcite-switch></calcite-switch>");
diff --git a/packages/calcite-components/src/components/switch/switch.scss b/packages/calcite-components/src/components/switch/switch.scss
index bd80c3c03c1..1f2cb2c904a 100644
--- a/packages/calcite-components/src/components/switch/switch.scss
+++ b/packages/calcite-components/src/components/switch/switch.scss
@@ -63,6 +63,7 @@
 
 .container {
   @apply outline-0;
+  display: flex;
 }
 
 .track {
@@ -123,5 +124,6 @@
   }
 }
 
+@include form-internal-label();
 @include hidden-form-input();
 @include base-component();
diff --git a/packages/calcite-components/src/components/switch/switch.tsx b/packages/calcite-components/src/components/switch/switch.tsx
index 9ae02844e86..02b9ac2fcc4 100644
--- a/packages/calcite-components/src/components/switch/switch.tsx
+++ b/packages/calcite-components/src/components/switch/switch.tsx
@@ -15,6 +15,7 @@ import { isActivationKey } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from "../../utils/label";
 import { Scale } from "../interfaces";
 import type { Label } from "../label/label";
+import { InternalLabel } from "../functional/InternalLabel";
 import { useSetFocus } from "../../controllers/useSetFocus";
 import { CSS } from "./resources";
 import { styles } from "./switch.scss";
@@ -69,6 +70,12 @@ export class Switch
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text at the end of the component */
+  @property() labelTextEnd: string;
+
+  /** When provided, displays label text at the start of the component */
+  @property() labelTextStart: string;
+
   /**
    * Specifies the name of the component.
    *
@@ -185,9 +192,25 @@ export class Switch
           role="switch"
           tabIndex={0}
         >
+          {this.labelTextStart && (
+            <InternalLabel
+              alignmentCenter={true}
+              bottomSpacingDisabled={true}
+              labelText={this.labelTextStart}
+              spacingInlineEnd={true}
+            />
+          )}
           <div class={CSS.track}>
             <div class={CSS.handle} />
           </div>
+          {this.labelTextEnd && (
+            <InternalLabel
+              alignmentCenter={true}
+              bottomSpacingDisabled={true}
+              labelText={this.labelTextEnd}
+              spacingInlineStart={true}
+            />
+          )}
           <HiddenFormInputSlot component={this} />
         </div>
       </InteractiveContainer>
diff --git a/packages/calcite-components/src/components/text-area/text-area.e2e.ts b/packages/calcite-components/src/components/text-area/text-area.e2e.ts
index 4c1a498cd35..859c1f9dc2e 100644
--- a/packages/calcite-components/src/components/text-area/text-area.e2e.ts
+++ b/packages/calcite-components/src/components/text-area/text-area.e2e.ts
@@ -8,6 +8,7 @@ import {
   focusable,
   formAssociated,
   hidden,
+  internalLabel,
   labelable,
   reflects,
   renders,
@@ -106,6 +107,10 @@ describe("calcite-text-area", () => {
     focusable("calcite-text-area");
   });
 
+  describe("InternalLabel", () => {
+    internalLabel(`calcite-text-area`);
+  });
+
   describe("is form associated", () => {
     formAssociated("calcite-text-area", {
       testValue: "zion national park",
diff --git a/packages/calcite-components/src/components/text-area/text-area.scss b/packages/calcite-components/src/components/text-area/text-area.scss
index 9c76d25322d..97381f2cde9 100644
--- a/packages/calcite-components/src/components/text-area/text-area.scss
+++ b/packages/calcite-components/src/components/text-area/text-area.scss
@@ -232,6 +232,7 @@
   }
 }
 
+@include form-internal-label();
 @include form-validation-message();
 @include hidden-form-input();
 @include disabled();
diff --git a/packages/calcite-components/src/components/text-area/text-area.tsx b/packages/calcite-components/src/components/text-area/text-area.tsx
index 5fd3d816a82..ffdb540ec75 100644
--- a/packages/calcite-components/src/components/text-area/text-area.tsx
+++ b/packages/calcite-components/src/components/text-area/text-area.tsx
@@ -30,6 +30,7 @@ import {
 } from "../../utils/interactive";
 import { guid } from "../../utils/guid";
 import { Status } from "../interfaces";
+import { InternalLabel } from "../functional/InternalLabel";
 import { Validation } from "../functional/Validation";
 import { syncHiddenFormInput, TextualInputComponent } from "../input/common/input";
 import { IconNameOrString } from "../icon/interfaces";
@@ -50,6 +51,7 @@ declare global {
 
 /**
  * @slot - A slot for adding text.
+ * @slot label-content - A slot for rendering content next to the component's `labelText`.
  * @slot footer-start - A slot for adding content to the start of the component's footer.
  * @slot footer-end - A slot for adding content to the end of the component's footer.
  */
@@ -181,6 +183,9 @@ export class TextArea
   /** Accessible name for the component. */
   @property() label: string;
 
+  /** When provided, displays label text on the component. */
+  @property() labelText: string;
+
   /**
    * When present, prevents input beyond the `maxLength` value, mimicking native text area behavior.
    */
@@ -481,6 +486,14 @@ export class TextArea
     return (
       <InteractiveContainer disabled={this.disabled}>
         <div class={CSS.wrapper}>
+          {this.labelText && (
+            <InternalLabel
+              labelText={this.labelText}
+              onClick={this.onLabelClick}
+              required={this.required}
+              tooltipText={this.messages.required}
+            />
+          )}
           <textarea
             aria-describedby={this.guid}
             aria-errormessage={IDS.validationMessage}
diff --git a/packages/calcite-components/src/demos/autocomplete.html b/packages/calcite-components/src/demos/autocomplete.html
index b927946da70..ca566a28300 100644
--- a/packages/calcite-components/src/demos/autocomplete.html
+++ b/packages/calcite-components/src/demos/autocomplete.html
@@ -42,6 +42,49 @@ <h1 style="margin: 0; text-align: center">Autocomplete</h1>
         <div class="child">Large</div>
       </div>
 
+      <div class="parent">
+        <div class="child right-aligned-text">Internal label</div>
+        <div class="child">
+          <form class="locate-form">
+            <calcite-autocomplete
+              scale="s"
+              class="locator-autocomplete"
+              name="location"
+              label-text="Label text"
+              required
+            >
+              <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+            </calcite-autocomplete>
+          </form>
+        </div>
+        <div class="child">
+          <form class="locate-form">
+            <calcite-autocomplete
+              scale="m"
+              class="locator-autocomplete"
+              name="location"
+              label-text="Label text"
+              required
+            >
+              <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+            </calcite-autocomplete>
+          </form>
+        </div>
+        <div class="child">
+          <form class="locate-form">
+            <calcite-autocomplete
+              scale="l"
+              class="locator-autocomplete"
+              name="location"
+              label-text="Label text"
+              required
+            >
+              <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+            </calcite-autocomplete>
+          </form>
+        </div>
+      </div>
+
       <div class="parent">
         <div class="child right-aligned-text">Simple</div>
         <div class="child">
diff --git a/packages/calcite-components/src/demos/checkbox.html b/packages/calcite-components/src/demos/checkbox.html
index 34572a13fe8..e8aad994d8b 100644
--- a/packages/calcite-components/src/demos/checkbox.html
+++ b/packages/calcite-components/src/demos/checkbox.html
@@ -42,6 +42,30 @@ <h1 style="margin: 0 auto; text-align: center">Checkbox</h1>
         <div class="child">Large</div>
       </div>
 
+      <!--
+      **************************************************
+      * INTERNAL LABEL
+      **************************************************
+    -->
+      <div class="parent">
+        <!-- small -->
+        <div class="child right-aligned-text">Internal label</div>
+
+        <div class="child">
+          <calcite-checkbox name="s-unchecked" scale="s" label-text="Label text" required></calcite-checkbox>
+        </div>
+
+        <!-- medium -->
+        <div class="child">
+          <calcite-checkbox name="m-unchecked" scale="m" label-text="Label text" required></calcite-checkbox>
+        </div>
+
+        <!-- large -->
+        <div class="child">
+          <calcite-checkbox name="m-unchecked" scale="l" label-text="Label text" required></calcite-checkbox>
+        </div>
+      </div>
+
       <!--
       **************************************************
       * UNCHECKED
diff --git a/packages/calcite-components/src/demos/combobox.html b/packages/calcite-components/src/demos/combobox.html
index 547f5a77dc8..01fb4912cfd 100644
--- a/packages/calcite-components/src/demos/combobox.html
+++ b/packages/calcite-components/src/demos/combobox.html
@@ -46,6 +46,112 @@ <h1 style="margin: 0; text-align: center">Combobox</h1>
         <div class="child">Large</div>
       </div>
 
+      <!-- Internal label -->
+      <div class="parent">
+        <div class="child right-aligned-text">Internal label</div>
+
+        <div class="child">
+          <calcite-combobox
+            label="test"
+            label-text="Label text"
+            placeholder="select element"
+            max-items="6"
+            selection-mode="single"
+            scale="s"
+            required
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-combobox>
+        </div>
+
+        <div class="child">
+          <calcite-combobox
+            label="test"
+            label-text="Label text"
+            placeholder="select element"
+            max-items="6"
+            selection-mode="single"
+            scale="m"
+            required
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-combobox>
+        </div>
+
+        <div class="child">
+          <calcite-combobox
+            label-text="Label text"
+            placeholder="select element"
+            max-items="6"
+            selection-mode="single"
+            scale="l"
+            required
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-combobox>
+        </div>
+      </div>
+
       <!-- Single select -->
       <div class="parent">
         <div class="child right-aligned-text">Single select</div>
diff --git a/packages/calcite-components/src/demos/input-date-picker.html b/packages/calcite-components/src/demos/input-date-picker.html
index 4d17e9394e2..5b1d0ebeb5e 100644
--- a/packages/calcite-components/src/demos/input-date-picker.html
+++ b/packages/calcite-components/src/demos/input-date-picker.html
@@ -49,6 +49,28 @@
         <div class="child-flex font">Large</div>
       </div>
 
+      <!-- Internal label -->
+      <div class="parent-flex">
+        <div class="child-flex font right-aligned-text">Internal label</div>
+        <div class="child-flex">
+          <calcite-input-date-picker scale="s" value="2023-03-07" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-input-date-picker>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input-date-picker scale="m" value="2023-03-07" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-input-date-picker>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input-date-picker scale="l" value="2023-03-07" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-input-date-picker>
+        </div>
+      </div>
+
       <!-- Standard -->
       <div class="parent-flex">
         <div class="child-flex font right-aligned-text">Standard</div>
diff --git a/packages/calcite-components/src/demos/input-number.html b/packages/calcite-components/src/demos/input-number.html
index c71acd2f215..afbfee1a51e 100644
--- a/packages/calcite-components/src/demos/input-number.html
+++ b/packages/calcite-components/src/demos/input-number.html
@@ -155,6 +155,49 @@
         <div class="child-flex font">Large</div>
       </div>
 
+      <!-- Internal label -->
+      <div class="parent-flex">
+        <div class="child-flex font right-aligned-text">Internal label</div>
+        <div class="child-flex">
+          <calcite-input-number
+            placeholder="Placeholder"
+            scale="s"
+            value="123"
+            step="1"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-input-number>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input-number
+            placeholder="Placeholder"
+            scale="m"
+            value="123"
+            step="1"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-input-number>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input-number
+            placeholder="Placeholder"
+            scale="l"
+            value="123"
+            step="1"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-input-number>
+        </div>
+      </div>
+
       <!-- Number Vertical -->
       <div class="parent-flex">
         <div class="child-flex font right-aligned-text">Number Vertical</div>
diff --git a/packages/calcite-components/src/demos/input-text.html b/packages/calcite-components/src/demos/input-text.html
index e94a3111ea8..12d39b2cae1 100644
--- a/packages/calcite-components/src/demos/input-text.html
+++ b/packages/calcite-components/src/demos/input-text.html
@@ -88,6 +88,28 @@
         <div class="child-flex font">Large</div>
       </div>
 
+      <!-- Internal Label -->
+      <div class="parent-flex">
+        <div class="child-flex font right-aligned-text">Internal Label</div>
+        <div class="child-flex">
+          <calcite-input-text placeholder="Placeholder" scale="s" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-input-text>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input-text placeholder="Placeholder" scale="m" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-input-text>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input-text placeholder="Placeholder" scale="l" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-input-text>
+        </div>
+      </div>
+
       <!-- Standard -->
       <div class="parent-flex">
         <div class="child-flex font right-aligned-text">Standard</div>
diff --git a/packages/calcite-components/src/demos/input-time-picker.html b/packages/calcite-components/src/demos/input-time-picker.html
index 569528d500b..470dd6812ff 100644
--- a/packages/calcite-components/src/demos/input-time-picker.html
+++ b/packages/calcite-components/src/demos/input-time-picker.html
@@ -37,6 +37,12 @@
     <demo-dom-swapper>
       <div id="main-container">
         <main>
+          <h3>Internal label</h3>
+          <div class="grid">
+            <calcite-input-time-picker label-text="Label text" required scale="m" step="0.1" value="10:37:09.5"
+              ><calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon
+            ></calcite-input-time-picker>
+          </div>
           <h3>24-Hour Locales</h3>
           <div id="h23" class="grid"></div>
           <h3>12-Hour Locales</h3>
diff --git a/packages/calcite-components/src/demos/input-time-zone.html b/packages/calcite-components/src/demos/input-time-zone.html
index 8b2f717270c..176f190c2cc 100644
--- a/packages/calcite-components/src/demos/input-time-zone.html
+++ b/packages/calcite-components/src/demos/input-time-zone.html
@@ -47,6 +47,27 @@ <h1 style="margin: 0 auto; text-align: center">Select</h1>
         <div class="child">Large</div>
       </div>
 
+      <div class="parent">
+        <div class="child right-aligned-text">Internal label</div>
+        <div class="child">
+          <calcite-input-time-zone scale="s" label-text="Label text" required
+            ><calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon
+          ></calcite-input-time-zone>
+        </div>
+
+        <div class="child">
+          <calcite-input-time-zone scale="m" label-text="Label text" required
+            ><calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon
+          ></calcite-input-time-zone>
+        </div>
+
+        <div class="child">
+          <calcite-input-time-zone scale="l" label-text="Label text" required
+            ><calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon
+          ></calcite-input-time-zone>
+        </div>
+      </div>
+
       <div class="parent">
         <div class="child right-aligned-text">Basic (offset mode)</div>
         <div class="child">
diff --git a/packages/calcite-components/src/demos/input.html b/packages/calcite-components/src/demos/input.html
index 3a2ddfbac1b..3cede25ec97 100644
--- a/packages/calcite-components/src/demos/input.html
+++ b/packages/calcite-components/src/demos/input.html
@@ -166,6 +166,29 @@
           </calcite-segmented-control>
         </div>
       </div>
+
+      <!-- Internal label -->
+      <div class="parent-flex">
+        <div class="child-flex font right-aligned-text">Internal label</div>
+        <div class="child-flex">
+          <calcite-input type="text" placeholder="Placeholder" scale="s" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-input>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input type="text" placeholder="Placeholder" scale="m" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-input>
+        </div>
+
+        <div class="child-flex">
+          <calcite-input type="text" placeholder="Placeholder" scale="l" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-input>
+        </div>
+      </div>
+
       <!-- Standard -->
       <div class="parent-flex">
         <div class="child-flex font right-aligned-text">Standard</div>
diff --git a/packages/calcite-components/src/demos/radio-button-group.html b/packages/calcite-components/src/demos/radio-button-group.html
index 596bef54082..7043b0824c1 100644
--- a/packages/calcite-components/src/demos/radio-button-group.html
+++ b/packages/calcite-components/src/demos/radio-button-group.html
@@ -55,6 +55,47 @@
         <div class="child-flex">Large</div>
       </div>
 
+      <!-- Internal label -->
+      <div class="parent-flex">
+        <div class="child-flex right-aligned-text">Internal label</div>
+
+        <div class="child-flex">
+          <calcite-radio-button-group scale="s" name="def-h-s" label-text="Label text" required>
+            <calcite-radio-button value="stencil-def-s" checked label-text="Stencil"></calcite-radio-button>
+
+            <calcite-radio-button value="react-def-s" label-text="React"></calcite-radio-button>
+
+            <calcite-radio-button value="ember-def-s" label-text="Ember"></calcite-radio-button>
+
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-radio-button-group>
+        </div>
+
+        <div class="child-flex">
+          <calcite-radio-button-group scale="m" name="def-h-m" label-text="Label text" required>
+            <calcite-radio-button value="stencil-def-m" checked label-text="Stencil"></calcite-radio-button>
+
+            <calcite-radio-button value="react-def-m" label-text="React"></calcite-radio-button>
+
+            <calcite-radio-button value="ember-def-m" label-text="Ember"></calcite-radio-button>
+
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-radio-button-group>
+        </div>
+
+        <div class="child-flex">
+          <calcite-radio-button-group scale="l" name="def-h-l" label-text="Label text" required>
+            <calcite-radio-button value="stencil-def-l" checked checked label-text="Stencil"></calcite-radio-button>
+
+            <calcite-radio-button value="react-def-l" label-text="React"></calcite-radio-button>
+
+            <calcite-radio-button value="ember-def-l" label-text="Ember"></calcite-radio-button>
+
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-radio-button-group>
+        </div>
+      </div>
+
       <!-- default -->
       <div class="parent-flex">
         <div class="child-flex right-aligned-text">Default</div>
diff --git a/packages/calcite-components/src/demos/radio-button.html b/packages/calcite-components/src/demos/radio-button.html
index 3301892b37a..08d45f8f6cf 100644
--- a/packages/calcite-components/src/demos/radio-button.html
+++ b/packages/calcite-components/src/demos/radio-button.html
@@ -46,6 +46,92 @@
             <div class="child-flex">Large</div>
           </div>
 
+          <!-- Internal label -->
+          <div class="parent-flex">
+            <div class="child-flex right-aligned-text">Internal label</div>
+
+            <div class="child-flex">
+              <calcite-radio-button
+                id="stencil-def-s"
+                name="def-s"
+                scale="s"
+                value="stencil-def-s"
+                label-text="Stencil"
+              ></calcite-radio-button>
+
+              <calcite-radio-button
+                id="react-def-s"
+                name="def-s"
+                scale="s"
+                value="react-def-s"
+                checked
+                label-text="React"
+              ></calcite-radio-button>
+
+              <calcite-radio-button
+                id="ember-def-s"
+                name="def-s"
+                scale="s"
+                value="ember-def-s"
+                label-text="Ember"
+              ></calcite-radio-button>
+            </div>
+
+            <div class="child-flex">
+              <calcite-radio-button
+                id="stencil-def-m"
+                name="def-m"
+                scale="m"
+                value="stencil-m"
+                label-text="Stencil"
+              ></calcite-radio-button>
+
+              <calcite-radio-button
+                id="react-def-m"
+                name="def-m"
+                scale="m"
+                value="react-m"
+                checked
+                label-text="React"
+              ></calcite-radio-button>
+
+              <calcite-radio-button
+                id="ember-def-m"
+                name="def-m"
+                scale="m"
+                value="ember-m"
+                label-text="Ember"
+              ></calcite-radio-button>
+            </div>
+
+            <div class="child-flex">
+              <calcite-radio-button
+                id="stencil-def-l"
+                name="def-l"
+                scale="l"
+                value="stencil-l"
+                label-text="Stencil"
+              ></calcite-radio-button>
+
+              <calcite-radio-button
+                id="react-def-l"
+                name="def-l"
+                scale="l"
+                value="react-l"
+                checked
+                label-text="React"
+              ></calcite-radio-button>
+
+              <calcite-radio-button
+                id="ember-def-l"
+                name="def-l"
+                scale="l"
+                value="ember-l"
+                label-text="Ember"
+              ></calcite-radio-button>
+            </div>
+          </div>
+
           <!-- default -->
           <div class="parent-flex">
             <div class="child-flex right-aligned-text">Default</div>
diff --git a/packages/calcite-components/src/demos/rating.html b/packages/calcite-components/src/demos/rating.html
index c8bc364b5dd..36882eb576e 100644
--- a/packages/calcite-components/src/demos/rating.html
+++ b/packages/calcite-components/src/demos/rating.html
@@ -53,6 +53,29 @@ <h1 style="margin: 0 auto; text-align: center">Rating</h1>
       **************************************************
     -->
 
+      <!-- Internal label -->
+      <div class="parent">
+        <div class="child right-aligned-text">Internal label</div>
+
+        <div class="child">
+          <calcite-rating scale="s" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-rating>
+        </div>
+
+        <div class="child">
+          <calcite-rating scale="m" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-rating>
+        </div>
+
+        <div class="child">
+          <calcite-rating scale="l" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-rating>
+        </div>
+      </div>
+
       <!-- Default -->
       <div class="parent">
         <div class="child right-aligned-text">Default</div>
diff --git a/packages/calcite-components/src/demos/segmented-control.html b/packages/calcite-components/src/demos/segmented-control.html
index 2f3c8fba87c..0f20a15097c 100644
--- a/packages/calcite-components/src/demos/segmented-control.html
+++ b/packages/calcite-components/src/demos/segmented-control.html
@@ -56,6 +56,41 @@
       * HORIZONTAL
       **************************************************
     -->
+      <div class="parent-flex">
+        <div class="child-flex right-aligned-text">Internal label</div>
+
+        <!-- Internal label -->
+        <div>
+          <calcite-segmented-control scale="s" label-text="Label text" required>
+            <calcite-segmented-control-item value="react" checked>React</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="ember">Ember</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="angular">Angular</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="vue">Vue</calcite-segmented-control-item>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-segmented-control>
+        </div>
+
+        <div style="margin-left: 100px">
+          <calcite-segmented-control scale="m" label-text="Label text" required>
+            <calcite-segmented-control-item value="react" checked>React</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="ember">Ember</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="angular">Angular</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="vue">Vue</calcite-segmented-control-item>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-segmented-control>
+        </div>
+
+        <div style="margin-left: 50px">
+          <calcite-segmented-control scale="l" label-text="Label text" required>
+            <calcite-segmented-control-item value="react" checked>React</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="ember">Ember</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="angular">Angular</calcite-segmented-control-item>
+            <calcite-segmented-control-item value="vue">Vue</calcite-segmented-control-item>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-segmented-control>
+        </div>
+      </div>
+
       <div class="parent-flex">
         <div class="child-flex right-aligned-text">solid</div>
 
diff --git a/packages/calcite-components/src/demos/select.html b/packages/calcite-components/src/demos/select.html
index 81c307ce0eb..a275c8add56 100644
--- a/packages/calcite-components/src/demos/select.html
+++ b/packages/calcite-components/src/demos/select.html
@@ -49,6 +49,37 @@ <h1 style="margin: 0 auto; text-align: center">Select</h1>
         <div class="child">Large</div>
       </div>
 
+      <!-- Internal label -->
+      <div class="parent">
+        <div class="child right-aligned-text">Internal label</div>
+        <div class="child">
+          <calcite-select label="calcite select" scale="s" label-text="Label text" required>
+            <calcite-option value="high">😃</calcite-option>
+            <calcite-option value="medium">😶</calcite-option>
+            <calcite-option value="low">😭</calcite-option>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-select>
+        </div>
+
+        <div class="child">
+          <calcite-select label="calcite select" scale="m" label-text="Label text" required>
+            <calcite-option value="high">😃</calcite-option>
+            <calcite-option value="medium">😶</calcite-option>
+            <calcite-option value="low">😭</calcite-option>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-select>
+        </div>
+
+        <div class="child">
+          <calcite-select label="calcite select" scale="l" label-text="Label text" required>
+            <calcite-option value="high">😃</calcite-option>
+            <calcite-option value="medium">😶</calcite-option>
+            <calcite-option value="low">😭</calcite-option>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-select>
+        </div>
+      </div>
+
       <!-- Basic -->
       <div class="parent">
         <div class="child right-aligned-text">Basic</div>
diff --git a/packages/calcite-components/src/demos/slider.html b/packages/calcite-components/src/demos/slider.html
index b7344a04996..92f638c5c5c 100644
--- a/packages/calcite-components/src/demos/slider.html
+++ b/packages/calcite-components/src/demos/slider.html
@@ -81,6 +81,85 @@ <h1 style="margin: 0 auto; text-align: center">Slider</h1>
         <div class="child">single value (mirrored)</div>
       </div>
 
+      <div class="parent">
+        <div class="child right-aligned-text">Internal label</div>
+
+        <div class="child">
+          <calcite-slider
+            scale="s"
+            min="10000"
+            max="100000"
+            value="100000"
+            step="1000"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-slider>
+          <calcite-slider
+            scale="m"
+            min="10000"
+            max="100000"
+            value="100000"
+            step="1000"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-slider>
+          <calcite-slider
+            scale="l"
+            min="10000"
+            max="100000"
+            value="100000"
+            step="1000"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-slider>
+        </div>
+
+        <div class="child">
+          <calcite-slider
+            mirrored
+            scale="s"
+            min="10000"
+            max="100000"
+            value="100000"
+            step="1000"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-slider>
+          <calcite-slider
+            mirrored
+            scale="m"
+            min="10000"
+            max="100000"
+            value="100000"
+            step="1000"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-slider>
+          <calcite-slider
+            mirrored
+            scale="l"
+            min="10000"
+            max="100000"
+            value="100000"
+            step="1000"
+            label-text="Label text"
+            required
+          >
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-slider>
+        </div>
+      </div>
+
       <div class="parent">
         <div class="child right-aligned-text">disabled</div>
 
diff --git a/packages/calcite-components/src/demos/switch.html b/packages/calcite-components/src/demos/switch.html
index 9c0a85f8367..65355fe70c2 100644
--- a/packages/calcite-components/src/demos/switch.html
+++ b/packages/calcite-components/src/demos/switch.html
@@ -114,6 +114,25 @@ <h1 style="margin: 0 auto; text-align: center">Switch</h1>
       <hr />
       <!-- A horizontal line -->
 
+      <!-- Internal label -->
+      <div class="parent">
+        <div class="child"></div>
+
+        <div class="child">
+          Internal label
+          <p>
+            <calcite-switch label-text-start="Label text start" label-text-end="Label text end"></calcite-switch>
+          </p>
+        </div>
+
+        <div class="child"></div>
+        <div class="child"></div>
+        <div class="child"></div>
+      </div>
+
+      <hr />
+      <!-- A horizontal line -->
+
       <!-- RTL Set Directly on Switch -->
       <div class="parent">
         <div class="child"></div>
diff --git a/packages/calcite-components/src/demos/text-area.html b/packages/calcite-components/src/demos/text-area.html
index e960380d942..c7ef8e82785 100644
--- a/packages/calcite-components/src/demos/text-area.html
+++ b/packages/calcite-components/src/demos/text-area.html
@@ -78,6 +78,25 @@
         <div class="child scale-text">Large</div>
       </div>
 
+      <div class="parent">
+        <div class="child-text">Internal label</div>
+        <div class="child">
+          <calcite-text-area placeholder="add notes" scale="s" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="s"></calcite-icon>
+          </calcite-text-area>
+        </div>
+        <div class="child">
+          <calcite-text-area placeholder="add notes" scale="m" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+          </calcite-text-area>
+        </div>
+        <div class="child">
+          <calcite-text-area placeholder="add notes" scale="l" label-text="Label text" required>
+            <calcite-icon slot="label-content" icon="banana" scale="l"></calcite-icon>
+          </calcite-text-area>
+        </div>
+      </div>
+
       <div class="parent">
         <div class="child-text">Default</div>
         <div class="child">
diff --git a/packages/calcite-components/src/internal-label.stories.ts b/packages/calcite-components/src/internal-label.stories.ts
new file mode 100644
index 00000000000..6f1e80861d3
--- /dev/null
+++ b/packages/calcite-components/src/internal-label.stories.ts
@@ -0,0 +1,83 @@
+import { html } from "../support/formatting";
+import { autocomplete } from "./internal-label/autocomplete";
+import { checkbox } from "./internal-label/checkbox";
+import { combobox } from "./internal-label/combobox";
+import { inputDatePicker } from "./internal-label/input-date-picker";
+import { inputNumber } from "./internal-label/input-number";
+import { inputText } from "./internal-label/input-text";
+import { inputTimePicker } from "./internal-label/input-time-picker";
+import { inputTimeZone } from "./internal-label/input-time-zone";
+import { input } from "./internal-label/input";
+import { radioButtonGroup } from "./internal-label/radio-button-group";
+import { radioButton } from "./internal-label/radio-button";
+import { rating } from "./internal-label/rating";
+import { segmentedControl } from "./internal-label/segmented-control";
+import { select } from "./internal-label/select";
+import { slider } from "./internal-label/slider";
+import { calciteSwitch } from "./internal-label/switch";
+import { textArea } from "./internal-label/text-area";
+
+const kitchenSink = () =>
+  html`<div>
+    <style>
+      .demo {
+        display: flex;
+        align-items: flex-start;
+        justify-items: space-between;
+      }
+      .demo-column {
+        margin-right: 2rem;
+      }
+      .demo-row {
+        display: flex;
+        margin-bottom: 2rem;
+      }
+    </style>
+    <div class="demo">
+      <div class="demo-column">
+        <div class="demo-row">${autocomplete}</div>
+
+        <div class="demo-row">${checkbox}</div>
+
+        <div class="demo-row">${combobox}</div>
+
+        <div class="demo-row">${inputDatePicker}</div>
+
+        <div class="demo-row">${inputNumber}</div>
+
+        <div class="demo-row">${inputText}</div>
+
+        <div class="demo-row">${inputTimePicker}</div>
+
+        <div class="demo-row">${inputTimeZone}</div>
+
+        <div class="demo-row">${input}</div>
+      </div>
+
+      <div class="demo-column">
+        <div class="demo-row">${radioButtonGroup}</div>
+
+        <div class="demo-row">${radioButton}</div>
+
+        <div class="demo-row">${rating}</div>
+
+        <div class="demo-row">${segmentedControl}</div>
+
+        <div class="demo-row">${select}</div>
+
+        <div class="demo-row">${slider}</div>
+
+        <div class="demo-row">${calciteSwitch}</div>
+
+        <div class="demo-row">${textArea}</div>
+      </div>
+    </div>
+  </div>`;
+
+export default {
+  title: "Forms/Internal label",
+};
+
+export const internalLabel = (): string => {
+  return kitchenSink();
+};
diff --git a/packages/calcite-components/src/internal-label/autocomplete.ts b/packages/calcite-components/src/internal-label/autocomplete.ts
new file mode 100644
index 00000000000..aa42f9ee31f
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/autocomplete.ts
@@ -0,0 +1,5 @@
+import { html } from "../../support/formatting";
+
+export const autocomplete = html`<calcite-autocomplete scale="m" label-text="Label text" required>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-autocomplete>`;
diff --git a/packages/calcite-components/src/internal-label/checkbox.ts b/packages/calcite-components/src/internal-label/checkbox.ts
new file mode 100644
index 00000000000..7454b4fb91d
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/checkbox.ts
@@ -0,0 +1,8 @@
+import { html } from "../../support/formatting";
+
+export const checkbox = html`<calcite-checkbox
+  name="m-unchecked"
+  scale="m"
+  label-text="Label text"
+  required
+></calcite-checkbox>`;
diff --git a/packages/calcite-components/src/internal-label/combobox.ts b/packages/calcite-components/src/internal-label/combobox.ts
new file mode 100644
index 00000000000..f7d7548b5b4
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/combobox.ts
@@ -0,0 +1,16 @@
+import { html } from "../../support/formatting";
+
+export const combobox = html`<calcite-combobox
+  label="test"
+  label-text="Label text"
+  placeholder="select element"
+  max-items="6"
+  selection-mode="single"
+  scale="m"
+  required
+>
+  <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+  <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+  <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-combobox>`;
diff --git a/packages/calcite-components/src/internal-label/input-date-picker.ts b/packages/calcite-components/src/internal-label/input-date-picker.ts
new file mode 100644
index 00000000000..d422f048781
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/input-date-picker.ts
@@ -0,0 +1,10 @@
+import { html } from "../../support/formatting";
+
+export const inputDatePicker = html`<calcite-input-date-picker
+  scale="m"
+  value="2023-03-07"
+  label-text="Label text"
+  required
+>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-input-date-picker>`;
diff --git a/packages/calcite-components/src/internal-label/input-number.ts b/packages/calcite-components/src/internal-label/input-number.ts
new file mode 100644
index 00000000000..196062d3aa1
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/input-number.ts
@@ -0,0 +1,12 @@
+import { html } from "../../support/formatting";
+
+export const inputNumber = html`<calcite-input-number
+  placeholder="Placeholder"
+  scale="m"
+  value="123"
+  step="1"
+  label-text="Label text"
+  required
+>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-input-number>`;
diff --git a/packages/calcite-components/src/internal-label/input-text.ts b/packages/calcite-components/src/internal-label/input-text.ts
new file mode 100644
index 00000000000..333469e1e80
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/input-text.ts
@@ -0,0 +1,5 @@
+import { html } from "../../support/formatting";
+
+export const inputText = html`<calcite-input-text placeholder="Placeholder" scale="m" label-text="Label text" required>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-input-text>`;
diff --git a/packages/calcite-components/src/internal-label/input-time-picker.ts b/packages/calcite-components/src/internal-label/input-time-picker.ts
new file mode 100644
index 00000000000..f7dd163c8ee
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/input-time-picker.ts
@@ -0,0 +1,10 @@
+import { html } from "../../support/formatting";
+
+export const inputTimePicker = html`<calcite-input-time-picker
+  label-text="Label text"
+  required
+  scale="m"
+  step="0.1"
+  value="10:37:09.5"
+  ><calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon
+></calcite-input-time-picker>`;
diff --git a/packages/calcite-components/src/internal-label/input-time-zone.ts b/packages/calcite-components/src/internal-label/input-time-zone.ts
new file mode 100644
index 00000000000..68f026e499c
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/input-time-zone.ts
@@ -0,0 +1,5 @@
+import { html } from "../../support/formatting";
+
+export const inputTimeZone = html`<calcite-input-time-zone scale="m" label-text="Label text" required
+  ><calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon
+></calcite-input-time-zone>`;
diff --git a/packages/calcite-components/src/internal-label/input.ts b/packages/calcite-components/src/internal-label/input.ts
new file mode 100644
index 00000000000..c4059fbb000
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/input.ts
@@ -0,0 +1,11 @@
+import { html } from "../../support/formatting";
+
+export const input = html`<calcite-input
+  type="text"
+  placeholder="Placeholder"
+  scale="m"
+  label-text="Label text"
+  required
+>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-input>`;
diff --git a/packages/calcite-components/src/internal-label/radio-button-group.ts b/packages/calcite-components/src/internal-label/radio-button-group.ts
new file mode 100644
index 00000000000..769ca35a2a7
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/radio-button-group.ts
@@ -0,0 +1,13 @@
+import { html } from "../../support/formatting";
+
+export const radioButtonGroup = html`<calcite-radio-button-group
+  scale="m"
+  name="def-h-m"
+  label-text="Label text"
+  required
+>
+  <calcite-radio-button value="stencil-def-m" checked label-text="Stencil"></calcite-radio-button>
+  <calcite-radio-button value="react-def-m" label-text="React"></calcite-radio-button>
+  <calcite-radio-button value="ember-def-m" label-text="Ember"></calcite-radio-button>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-radio-button-group>`;
diff --git a/packages/calcite-components/src/internal-label/radio-button.ts b/packages/calcite-components/src/internal-label/radio-button.ts
new file mode 100644
index 00000000000..e0bd97537f3
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/radio-button.ts
@@ -0,0 +1,3 @@
+import { html } from "../../support/formatting";
+
+export const radioButton = html`<calcite-radio-button scale="m" label-text="Label text"></calcite-radio-button>`;
diff --git a/packages/calcite-components/src/internal-label/rating.ts b/packages/calcite-components/src/internal-label/rating.ts
new file mode 100644
index 00000000000..fa122c86597
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/rating.ts
@@ -0,0 +1,5 @@
+import { html } from "../../support/formatting";
+
+export const rating = html`<calcite-rating scale="m" label-text="Label text" required>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-rating>`;
diff --git a/packages/calcite-components/src/internal-label/segmented-control.ts b/packages/calcite-components/src/internal-label/segmented-control.ts
new file mode 100644
index 00000000000..e33b63c6c16
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/segmented-control.ts
@@ -0,0 +1,9 @@
+import { html } from "../../support/formatting";
+
+export const segmentedControl = html`<calcite-segmented-control scale="m" label-text="Label text" required>
+  <calcite-segmented-control-item value="react" checked>React</calcite-segmented-control-item>
+  <calcite-segmented-control-item value="ember">Ember</calcite-segmented-control-item>
+  <calcite-segmented-control-item value="angular">Angular</calcite-segmented-control-item>
+  <calcite-segmented-control-item value="vue">Vue</calcite-segmented-control-item>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-segmented-control>`;
diff --git a/packages/calcite-components/src/internal-label/select.ts b/packages/calcite-components/src/internal-label/select.ts
new file mode 100644
index 00000000000..b005d5fcd7e
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/select.ts
@@ -0,0 +1,14 @@
+import { html } from "../../support/formatting";
+
+export const select = html`<calcite-select
+  label="calcite select"
+  width="auto"
+  scale="m"
+  label-text="Label text"
+  required
+>
+  <calcite-option value="high">😃</calcite-option>
+  <calcite-option value="medium">😶</calcite-option>
+  <calcite-option value="low">😭</calcite-option>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-select>`;
diff --git a/packages/calcite-components/src/internal-label/slider.ts b/packages/calcite-components/src/internal-label/slider.ts
new file mode 100644
index 00000000000..45c1714e639
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/slider.ts
@@ -0,0 +1,13 @@
+import { html } from "../../support/formatting";
+
+export const slider = html`<calcite-slider
+  scale="m"
+  min="10000"
+  max="100000"
+  value="100000"
+  step="1000"
+  label-text="Label text"
+  required
+>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-slider>`;
diff --git a/packages/calcite-components/src/internal-label/switch.ts b/packages/calcite-components/src/internal-label/switch.ts
new file mode 100644
index 00000000000..53cd83e5ab5
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/switch.ts
@@ -0,0 +1,6 @@
+import { html } from "../../support/formatting";
+
+export const calciteSwitch = html`<calcite-switch
+  label-text-start="Label text start"
+  label-text-end="Label text end"
+></calcite-switch>`;
diff --git a/packages/calcite-components/src/internal-label/text-area.ts b/packages/calcite-components/src/internal-label/text-area.ts
new file mode 100644
index 00000000000..fad4af5a87a
--- /dev/null
+++ b/packages/calcite-components/src/internal-label/text-area.ts
@@ -0,0 +1,5 @@
+import { html } from "../../support/formatting";
+
+export const textArea = html`<calcite-text-area placeholder="add notes" scale="m" label-text="Label text" required>
+  <calcite-icon slot="label-content" icon="banana" scale="m"></calcite-icon>
+</calcite-text-area>`;
diff --git a/packages/calcite-components/src/tests/commonTests/index.ts b/packages/calcite-components/src/tests/commonTests/index.ts
index 5842da83559..0adf49888cb 100644
--- a/packages/calcite-components/src/tests/commonTests/index.ts
+++ b/packages/calcite-components/src/tests/commonTests/index.ts
@@ -12,4 +12,5 @@ export { slots } from "./slots";
 export { labelable } from "./labelable";
 export { themed } from "./themed";
 export { t9n } from "./t9n";
+export { internalLabel } from "./internalLabel";
 export { HYDRATED_ATTR } from "./utils";
diff --git a/packages/calcite-components/src/tests/commonTests/internalLabel.ts b/packages/calcite-components/src/tests/commonTests/internalLabel.ts
new file mode 100644
index 00000000000..f413841a181
--- /dev/null
+++ b/packages/calcite-components/src/tests/commonTests/internalLabel.ts
@@ -0,0 +1,87 @@
+// @ts-strict-ignore
+import { expect, it } from "vitest";
+import { CSS } from "../../components/functional/InternalLabel";
+import { getTagAndPage } from "./utils";
+import { ComponentTestSetup } from "./interfaces";
+
+/**
+ * Helper to test InternalLabel functional component.
+ * Verifies rendering and all configuration options.
+ * Use within a describe block.
+ *
+ * @param componentTestSetup - The component tag, HTML, or the tag and e2e page for setting up a test.
+ * @example
+ * describe("InternalLabel", () => {
+ *   internalLabel(`calcite-input`);
+ * });
+ */
+export function internalLabel(componentTestSetup: ComponentTestSetup): void {
+  it("renders label text (not for calcite-switch)", async () => {
+    const { page, tag } = await getTagAndPage(componentTestSetup);
+    if (tag === "calcite-switch") {
+      return;
+    }
+    const element = await page.find(tag);
+    element.setProperty("labelText", "Test Label");
+    await page.waitForChanges();
+    const labelContainer = await page.find(`${tag} >>> .${CSS.container}`);
+    expect(labelContainer).not.toBeNull();
+    const labelText = await page.find(`${tag} >>> .${CSS.text}`);
+    expect(labelText).not.toBeNull();
+    expect(labelText.textContent).toContain("Test Label");
+  });
+
+  it("renders label text start (only for calcite-switch)", async () => {
+    const { page, tag } = await getTagAndPage(componentTestSetup);
+    if (tag !== "calcite-switch") {
+      return;
+    }
+    const element = await page.find(tag);
+    element.setProperty("labelTextStart", "Test Label Start");
+    await page.waitForChanges();
+    const labelTextStart = await page.find(`${tag} >>> .${CSS.container}`);
+    expect(labelTextStart).not.toBeNull();
+    expect(labelTextStart.textContent).toContain("Test Label Start");
+  });
+
+  it("renders label text end (only for calcite-switch)", async () => {
+    const { page, tag } = await getTagAndPage(componentTestSetup);
+    if (tag !== "calcite-switch") {
+      return;
+    }
+    const element = await page.find(tag);
+    element.setProperty("labelTextEnd", "Test Label End");
+    await page.waitForChanges();
+    const labelTextEnd = await page.find(`${tag} >>> .${CSS.container}`);
+    expect(labelTextEnd).not.toBeNull();
+    expect(labelTextEnd.textContent).toContain("Test Label End");
+  });
+
+  it("renders required indicator when required is true (not for calcite-radio-button or calcite-switch)", async () => {
+    const { page, tag } = await getTagAndPage(componentTestSetup);
+    if (tag === "calcite-radio-button" || tag === "calcite-switch") {
+      return;
+    }
+    const element = await page.find(tag);
+    element.setProperty("labelText", "Required Label");
+    element.setProperty("required", true);
+    await page.waitForChanges();
+    const requiredIndicator = await page.find(`${tag} >>> .${CSS.requiredIndicator}`);
+    expect(requiredIndicator).not.toBeNull();
+    expect(requiredIndicator.textContent).toBe("*");
+  });
+
+  it("renders tooltip text on required indicator (not for calcite-radio-button or calcite-switch)", async () => {
+    const { page, tag } = await getTagAndPage(componentTestSetup);
+    if (tag === "calcite-radio-button" || tag === "calcite-switch") {
+      return;
+    }
+    const element = await page.find(tag);
+    element.setProperty("labelText", "Tooltip Label");
+    element.setProperty("required", true);
+    await page.waitForChanges();
+    const requiredIndicator = await page.find(`${tag} >>> .${CSS.requiredIndicator}`);
+    expect(requiredIndicator).not.toBeNull();
+    expect(requiredIndicator.getAttribute("title")).toBe("Required");
+  });
+}
diff --git a/packages/calcite-ui-icons/bin/build.js b/packages/calcite-ui-icons/bin/build.js
index b26c8f74c1f..4e221038e8c 100644
--- a/packages/calcite-ui-icons/bin/build.js
+++ b/packages/calcite-ui-icons/bin/build.js
@@ -3,26 +3,26 @@ import optimize from "./optimize.js";
 import generatePathFile from "./path-data.js";
 const { existsSync, mkdirSync } = fsExtra;
 export default (function () {
-    if (!existsSync("js")) {
-        mkdirSync("js");
-    }
-    return optimize("*.svg")
-        .then(() => optimize("icons/*.svg", true))
-        .catch((error) => {
-        console.error("🚨  Error while optimizing icons");
-        throw error;
+  if (!existsSync("js")) {
+    mkdirSync("js");
+  }
+  return optimize("*.svg")
+    .then(() => optimize("icons/*.svg", true))
+    .catch((error) => {
+      console.error("🚨  Error while optimizing icons");
+      throw error;
     })
-        .then(() => {
-        console.log("✨ icons optimized successfully");
-        return generatePathFile();
+    .then(() => {
+      console.log("✨ icons optimized successfully");
+      return generatePathFile();
     })
-        .catch((error) => {
-        console.error("🚨  Error while generating icons.json");
-        console.error(error);
-        throw error;
+    .catch((error) => {
+      console.error("🚨  Error while generating icons.json");
+      console.error(error);
+      throw error;
     })
-        .then((files) => {
-        console.log("✨ path file generated at ./docs/icons.json");
-        return files;
+    .then((files) => {
+      console.log("✨ path file generated at ./docs/icons.json");
+      return files;
     });
 });
diff --git a/packages/calcite-ui-icons/bin/cli.js b/packages/calcite-ui-icons/bin/cli.js
index c8392e51b3b..cc2d43c2d42 100644
--- a/packages/calcite-ui-icons/bin/cli.js
+++ b/packages/calcite-ui-icons/bin/cli.js
@@ -2,5 +2,5 @@
 import build from "./build.js";
 console.log("🗜  optimizing icons... \n");
 build(true)
-    .then(() => process.exit(0))
-    .catch(() => process.exit(1));
+  .then(() => process.exit(0))
+  .catch(() => process.exit(1));