diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index a886f15d..121b73cb 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -4260,7 +4260,7 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
 | :---------- | :------- | :--------------- | :------- | ----------------------------------------- | --------------------------------------------------- | ----------------------------------------------------- |
 | ref         | No       | <code>let</code> | Yes      | <code>null &#124; HTMLInputElement</code> | <code>null</code>                                   | Obtain a reference to the input HTML element          |
 | value       | No       | <code>let</code> | Yes      | <code>string</code>                       | <code>""</code>                                     | Specify the input value                               |
-| size        | No       | <code>let</code> | No       | <code>"sm" &#124; "xl"</code>             | <code>undefined</code>                              | Specify the size of the input                         |
+| size        | No       | <code>let</code> | No       | <code>"sm" &#124; "lg"</code>             | <code>undefined</code>                              | Specify the size of the input                         |
 | placeholder | No       | <code>let</code> | No       | <code>string</code>                       | <code>"hh:mm"</code>                                | Specify the input placeholder text                    |
 | pattern     | No       | <code>let</code> | No       | <code>string</code>                       | <code>"(1[012]&#124;[1-9]):[0-5][0-9](\\s)?"</code> | Specify the `pattern` attribute for the input element |
 | maxlength   | No       | <code>let</code> | No       | <code>number</code>                       | <code>5</code>                                      | Specify the `maxlength` input attribute               |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 33ae71f0..664a8c94 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -13165,7 +13165,7 @@
           "name": "size",
           "kind": "let",
           "description": "Specify the size of the input",
-          "type": "\"sm\" | \"xl\"",
+          "type": "\"sm\" | \"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
diff --git a/docs/src/pages/components/TimePicker.svx b/docs/src/pages/components/TimePicker.svx
index 7f0d123d..d0a9e497 100644
--- a/docs/src/pages/components/TimePicker.svx
+++ b/docs/src/pages/components/TimePicker.svx
@@ -33,9 +33,9 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
   </TimePickerSelect>
 </TimePicker>
 
-## Extra-large size
+## Large size
 
-<TimePicker size="xl" labelText="Cron job" placeholder="hh:mm">
+<TimePicker size="lg" labelText="Cron job" placeholder="hh:mm">
   <TimePickerSelect value="pm">
     <SelectItem value="am" text="AM" />
     <SelectItem value="pm" text="PM" />
diff --git a/src/TimePicker/TimePicker.svelte b/src/TimePicker/TimePicker.svelte
index 29def9a6..3d812f12 100644
--- a/src/TimePicker/TimePicker.svelte
+++ b/src/TimePicker/TimePicker.svelte
@@ -1,7 +1,7 @@
 <script>
   /**
    * Specify the size of the input
-   * @type {"sm" | "xl"}
+   * @type {"sm" | "lg"}
    */
   export let size = undefined;
 
@@ -66,7 +66,7 @@
     class:bx--time-picker--light="{light}"
     class:bx--time-picker--invalid="{invalid}"
     class:bx--time-picker--sm="{size === 'sm'}"
-    class:bx--time-picker--xl="{size === 'xl'}"
+    class:bx--time-picker--lg="{size === 'lg' || size === 'xl'}"
     class:bx--select--light="{light}"
   >
     <div class:bx--time-picker__input="{true}">
diff --git a/tests/TimePicker.test.svelte b/tests/TimePicker.test.svelte
index 51d31b98..faa116b8 100644
--- a/tests/TimePicker.test.svelte
+++ b/tests/TimePicker.test.svelte
@@ -29,7 +29,7 @@
   </TimePickerSelect>
 </TimePicker>
 
-<TimePicker size="xl" labelText="Cron job" placeholder="hh:mm">
+<TimePicker size="lg" labelText="Cron job" placeholder="hh:mm">
   <TimePickerSelect value="PM">
     <SelectItem value="am" text="AM" />
     <SelectItem value="pm" text="PM" />
diff --git a/types/TimePicker/TimePicker.svelte.d.ts b/types/TimePicker/TimePicker.svelte.d.ts
index 25f11194..4e4970f2 100644
--- a/types/TimePicker/TimePicker.svelte.d.ts
+++ b/types/TimePicker/TimePicker.svelte.d.ts
@@ -8,7 +8,7 @@ export interface TimePickerProps extends RestProps {
    * Specify the size of the input
    * @default undefined
    */
-  size?: "sm" | "xl";
+  size?: "sm" | "lg";
 
   /**
    * Specify the input value