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 a48fb1f9b7d..d89e2e19a11 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
@@ -564,7 +564,8 @@ export class InputTimePicker
     return (
       <InteractiveContainer disabled={this.disabled}>
         <div
-          aria-label={getLabelText(this)}
+          aria-controls={CSS.inputContainer}
+          aria-labelledby={IDS.inputContainer}
           class={{
             [CSS.container]: true,
             [CSS.readOnly]: readOnly,
@@ -573,7 +574,13 @@ export class InputTimePicker
           role="combobox"
         >
           <calcite-icon class={CSS.clockIcon} icon="clock" scale={scale === "l" ? "m" : "s"} />
-          <div class={CSS.inputContainer} dir="ltr">
+          <div
+            aria-label={getLabelText(this)}
+            class={CSS.inputContainer}
+            dir="ltr"
+            id={IDS.inputContainer}
+            role="group"
+          >
             {showMeridiem && meridiemStart && this.renderMeridiem("start")}
             <span
               aria-label={this.messages.hour}
diff --git a/packages/calcite-components/src/components/input-time-picker/resources.ts b/packages/calcite-components/src/components/input-time-picker/resources.ts
index ece0830c102..35989e03ce9 100644
--- a/packages/calcite-components/src/components/input-time-picker/resources.ts
+++ b/packages/calcite-components/src/components/input-time-picker/resources.ts
@@ -21,5 +21,6 @@ export const CSS = {
 };
 
 export const IDS = {
+  inputContainer: "inputContainer",
   validationMessage: "inputTimePickerValidationMessage",
 };