xmlui 0.10.18 → 0.10.19

package/dist/scripts/src/components/TimeInput/TimeInput.spec.js

@@ -87,7 +87,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("falls back to ISO time format when standard parsing fails", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("falls back to ISO time format when standard parsing fails", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="15:30:00" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -97,7 +97,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("falls back to ISO time format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("falls back to ISO time format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="09:15:30" seconds="true" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -107,7 +107,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles boolean initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles boolean initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{true}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -117,7 +117,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{123}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -127,7 +127,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles array initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles array initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{['14', '30']}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -137,7 +137,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles object initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles object initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{{ hour: 14, minute: 30 }}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -147,7 +147,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles function initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles function initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{() => '14:30'}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -157,7 +157,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles Date object initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles Date object initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{getDate()}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -167,7 +167,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles Symbol initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles Symbol initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{Symbol('time')}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -177,7 +177,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles BigInt initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles BigInt initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{BigInt(1430)}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -187,7 +187,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles zero numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles zero numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{0}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -197,7 +197,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles negative numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles negative numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="{-1}" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -207,7 +207,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles empty string initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles empty string initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -217,7 +217,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("handles whitespace-only initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("handles whitespace-only initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" initialValue="   " />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -229,7 +229,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
         }));
     });
     fixtures_1.test.describe("hour24 and seconds properties", () => {
-        (0, fixtures_1.test)("displays 24-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("displays 24-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="false" initialValue="14:30" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toBeVisible();
@@ -249,7 +249,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("displays 12-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("displays 12-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="false" initialValue="14:30" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("02");
@@ -315,7 +315,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
         }));
     });
     fixtures_1.test.describe("clearable property", () => {
-        (0, fixtures_1.test)("shows clear button when clearable is true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("shows clear button when clearable is true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" clearable="true" initialValue="14:30" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.clearButton).toBeVisible();
@@ -325,7 +325,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
         }));
-        (0, fixtures_1.test)("clears value when clear button is clicked (clearToInitialValue is true)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("clears value when clear button is clicked (clearToInitialValue is true)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" clearable="true" initialValue="14:30" />`);
             const driver = yield createTimeInputDriver("timeInput");
             driver.hourInput.fill("05");
@@ -333,7 +333,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
             yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
         }));
-        (0, fixtures_1.test)("clears value when clear button is clicked (clearToInitialValue is false)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("clears value when clear button is clicked (clearToInitialValue is false)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`
           <TimeInput testId="timeInput" clearable="true" 
             clearToInitialValue="false" initialValue="14:30" />
@@ -434,7 +434,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component.getByRole("img")).toBeVisible();
         }));
-        (0, fixtures_1.test)("displays multiple adornments together", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+        (0, fixtures_1.test)("displays multiple adornments together", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" startText="Start" endText="End" startIcon="phone" endIcon="email" />`);
             const driver = yield createTimeInputDriver("timeInput");
             yield (0, fixtures_1.expect)(driver.component).toContainText("Start");
@@ -668,7 +668,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield page.keyboard.press("p", { delay: 100 });
             yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("PM");
         }));
-        (0, fixtures_1.test)("auto-tabs from hour to minute after typing two digits", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
+        (0, fixtures_1.test)("auto-tabs from hour to minute after typing two digits", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" />`);
             const driver = yield createTimeInputDriver("timeInput");
             // Focus on hour input and clear it
@@ -680,7 +680,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
             yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
         }));
-        (0, fixtures_1.test)("auto-tabs from minute to second after typing two digits", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
+        (0, fixtures_1.test)("auto-tabs from minute to second after typing two digits", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" seconds="true" />`);
             const driver = yield createTimeInputDriver("timeInput");
             // Focus on minute input and clear it
@@ -692,7 +692,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
             yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
         }));
-        (0, fixtures_1.test)("auto-tabs from second to AM/PM after typing two digits in 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
+        (0, fixtures_1.test)("auto-tabs from second to AM/PM after typing two digits in 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="true" />`);
             const driver = yield createTimeInputDriver("timeInput");
             // Focus on second input and clear it
@@ -704,7 +704,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("45");
             yield (0, fixtures_1.expect)(driver.amPmInput).toBeFocused();
         }));
-        (0, fixtures_1.test)("does not auto-tab from second input in 24-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
+        (0, fixtures_1.test)("does not auto-tab from second input in 24-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
             yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="true" />`);
             const driver = yield createTimeInputDriver("timeInput");
             // Focus on second input and clear it
@@ -738,7 +738,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield page.getByTestId("getIsoBtn").click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("14:30:00");
         }));
-        (0, fixtures_1.test)("isoValue returns ISO format for 24-hour time with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
+        (0, fixtures_1.test)("isoValue returns ISO format for 24-hour time with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <TimeInput id="timeInput" initialValue="14:30:45" hour24="true" seconds="true" />
@@ -788,7 +788,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield page.getByTestId("getIsoBtn").click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("12:00:00");
         }));
-        (0, fixtures_1.test)("isoValue includes seconds when available in 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
+        (0, fixtures_1.test)("isoValue includes seconds when available in 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <TimeInput id="timeInput" initialValue="02:30:15 PM" hour24="false" seconds="true" />
@@ -798,7 +798,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield page.getByTestId("getIsoBtn").click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("14:30:15");
         }));
-        (0, fixtures_1.test)("isoValue updates when time is changed programmatically", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
+        (0, fixtures_1.test)("isoValue updates when time is changed programmatically", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <TimeInput id="timeInput" initialValue="14:30" hour24="true" />
@@ -812,7 +812,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield page.getByTestId("getIsoBtn").click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("09:15:00");
         }));
-        (0, fixtures_1.test)("isoValue returns null when only hour is set", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
+        (0, fixtures_1.test)("isoValue returns null when only hour is set", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <TimeInput id="timeInput" testId="timeInput" />
@@ -836,7 +836,7 @@ fixtures_1.test.describe("Accessibility", () => {
         const driver = yield createTimeInputDriver("timeInput");
         yield (0, fixtures_1.expect)(driver.component).toBeVisible();
     }));
-    (0, fixtures_1.test)("has correct accessibility attributes for inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("has correct accessibility attributes for inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="timeInput" label="Select time" />`);
         const driver = yield createTimeInputDriver("timeInput");
         yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("type", "text");
@@ -859,18 +859,18 @@ fixtures_1.test.describe("Accessibility", () => {
         yield page.keyboard.press("Tab");
         yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
     }));
-    (0, fixtures_1.test)("supports required attribute for accessibility", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("supports required attribute for accessibility", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="timeInput" required="true" label="Required time" />`);
         const driver = yield createTimeInputDriver("timeInput");
         yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("required");
     }));
-    (0, fixtures_1.test)("has proper ARIA attributes for disabled state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("has proper ARIA attributes for disabled state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="timeInput" enabled="false" label="Disabled time" />`);
         const driver = yield createTimeInputDriver("timeInput");
         yield (0, fixtures_1.expect)(driver.hourInput).toBeDisabled();
         yield (0, fixtures_1.expect)(driver.minuteInput).toBeDisabled();
     }));
-    (0, fixtures_1.test)("has proper ARIA attributes for readonly state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("has proper ARIA attributes for readonly state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="timeInput" readOnly="true" label="Readonly time" initialValue="14:30" />`);
         const driver = yield createTimeInputDriver("timeInput");
         yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("readonly");
@@ -891,14 +891,14 @@ fixtures_1.test.describe("Accessibility", () => {
 // THEME VARIABLE TESTS
 // =============================================================================
 fixtures_1.test.describe("Theme Variables", () => {
-    (0, fixtures_1.test)("applies Input borderRadius theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("applies Input borderRadius theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="time-input" />`, {
             testThemeVars: { "borderRadius-TimeInput-default": "10px" },
         });
         const driver = yield createTimeInputDriver("time-input");
         yield (0, fixtures_1.expect)(driver.component).toHaveCSS("border-radius", "10px");
     }));
-    (0, fixtures_1.test)("applies Input borderColor theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("applies Input borderColor theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="time-input" />`, {
             testThemeVars: { "borderColor-TimeInput-default": "rgb(255, 0, 0)" },
         });
@@ -948,7 +948,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
         yield driver.hourInput.blur();
         yield (0, fixtures_1.expect)(driver.component).toBeVisible();
     }));
-    (0, fixtures_1.test)("handles very large numbers in time inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("handles very large numbers in time inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`<TimeInput testId="timeInput" />`);
         const driver = yield createTimeInputDriver("timeInput");
         yield driver.hourInput.click();
@@ -957,7 +957,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
         yield driver.hourInput.blur();
         yield (0, fixtures_1.expect)(driver.component).toBeVisible();
     }));
-    (0, fixtures_1.test)("handles multiple rapid clear button clicks", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("handles multiple rapid clear button clicks", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         yield initTestBed(`
       <TimeInput testId="timeInput" clearable="true" clearToInitialValue="false" initialValue="14:30" />
     `);
@@ -974,7 +974,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
 // EVENT TESTS
 // =============================================================================
 fixtures_1.test.describe("Events", () => {
-    (0, fixtures_1.test)("didChange event fires when value changes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
+    (0, fixtures_1.test)("didChange event fires when value changes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <TimeInput testId="timeInput" initialValue="03:28"
         onDidChange="arg => {testState = arg; console.log('arg', arg)}" />
@@ -1005,6 +1005,13 @@ fixtures_1.test.describe("Events", () => {
         yield driver.hourInput.focus();
         yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("focused");
     }));
+    (0, fixtures_1.test)("gotFocus event fires on label click", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
+        const { testStateDriver } = yield initTestBed(`
+      <TimeInput testId="timeInput" label="Time" onGotFocus="testState = 'focused'" />
+    `);
+        yield page.getByText("Time").click();
+        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("focused");
+    }));
     (0, fixtures_1.test)("lostFocus event fires when component loses focus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <TimeInput testId="timeInput" onLostFocus="testState = 'blurred'" />

package/dist/scripts/src/components/TimeInput/TimeInputNative.js

@@ -195,7 +195,7 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
             const timeString = formatTimeValue(timeValues.hour, timeValues.minute, timeValues.second, amPm, is12HourFormat);
             handleChange(timeString);
         }
-    }, [hour, minute, second, amPm, is12HourFormat, handleChange]);
+    }, [hour, minute, second, formatTimeValue, amPm, is12HourFormat, handleChange]);
     // Handle changes from individual inputs
     const handleHourChange = (0, react_1.useMemo)(() => createInputChangeHandler("hour", setHour, setIsHourCurrentlyInvalid, (value) => isHourInvalid(value, !is12HourFormat)), [createInputChangeHandler, is12HourFormat]);
     const handleHourBlur = (0, react_1.useMemo)(() => createInputBlurHandler("hour", setHour, setIsHourCurrentlyInvalid, (value) => normalizeHour(value, !is12HourFormat)), [createInputBlurHandler, is12HourFormat]);
@@ -209,7 +209,7 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
         // Always call handleChange to update the time value
         const timeString = formatTimeValue(hour, minute, second, newAmPm, is12HourFormat);
         handleChange(timeString);
-    }, [amPm, hour, minute, second, is12HourFormat, handleChange]);
+    }, [amPm, formatTimeValue, hour, minute, second, is12HourFormat, handleChange]);
     const handleAmPmSet = (0, react_1.useCallback)((targetAmPm) => {
         if (amPm === targetAmPm)
             return; // No change needed
@@ -217,7 +217,7 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
         // Always call handleChange to update the time value
         const timeString = formatTimeValue(hour, minute, second, targetAmPm, is12HourFormat);
         handleChange(timeString);
-    }, [amPm, hour, minute, second, is12HourFormat, handleChange]);
+    }, [amPm, formatTimeValue, hour, minute, second, is12HourFormat, handleChange]);
     // Focus method
     const focus = (0, react_1.useCallback)(() => {
         var _a;
@@ -323,21 +323,7 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
         setTimeout(() => {
             focus();
         }, 0);
-    }, [
-        stableInitialValue,
-        handleChange,
-        localValue,
-        controlledValue,
-        hour,
-        minute,
-        second,
-        amPm,
-        setHour,
-        setMinute,
-        setSecond,
-        setAmPm,
-        focus,
-    ]);
+    }, [clearToInitialValue, stableInitialValue, handleChange, is12HourFormat, focus]);
     function stopPropagation(event) {
         event.stopPropagation();
     }
@@ -441,7 +427,7 @@ function AmPmButton({ ariaLabel, autoFocus, className, disabled, locale, maxTime
     return ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-part-id": PART_AMPM, "aria-label": ariaLabel || "Toggle AM/PM (Press A for AM, P for PM)", autoFocus: autoFocus, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.amPmButton, TimeInput_module_scss_1.default.button, className), disabled: isDisabled, onClick: onClick, onKeyDown: handleKeyDown, ref: buttonRef, children: (0, jsx_runtime_1.jsx)("span", { className: TimeInput_module_scss_1.default.amPmValue, children: value ? (value === "am" ? amLabel : pmLabel) : "--" }) }));
 }
 function HourInput(_a) {
-    var { amPm, maxTime, minTime, value, isInvalid = false, is24Hour = false, emptyCharacter = "-" } = _a, otherProps = __rest(_a, ["amPm", "maxTime", "minTime", "value", "isInvalid", "is24Hour", "emptyCharacter"]);
+    var { id, amPm, maxTime, minTime, value, isInvalid = false, is24Hour = false, emptyCharacter = "-" } = _a, otherProps = __rest(_a, ["id", "amPm", "maxTime", "minTime", "value", "isInvalid", "is24Hour", "emptyCharacter"]);
     // Calculate min/max based on format
     const { minHour, maxHour } = (() => {
         if (is24Hour) {
@@ -480,7 +466,7 @@ function HourInput(_a) {
     // Always show the raw value during typing, no conversion
     // This allows users to see invalid input like "23" before it gets normalized on blur
     const displayValue = value || "";
-    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { "data-part-id": PART_HOUR, value: displayValue, emptyCharacter: emptyCharacter, placeholderLength: 2, max: maxHour, min: minHour, maxLength: 2, validateFn: (val) => isHourInvalid(val, is24Hour), onChange: otherProps.onChange, onBlur: (direction, event) => {
+    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { id: id, "data-part-id": PART_HOUR, value: displayValue, emptyCharacter: emptyCharacter, placeholderLength: 2, max: maxHour, min: minHour, maxLength: 2, validateFn: (val) => isHourInvalid(val, is24Hour), onChange: otherProps.onChange, onBlur: (direction, event) => {
             // PartialInput provides direction, but the current onBlur expects just the event
             if (otherProps.onBlur) {
                 otherProps.onBlur(event);

package/dist/scripts/src/components/Toggle/Toggle.js

@@ -65,7 +65,7 @@ exports.defaultProps = {
     indeterminate: false,
 };
 exports.Toggle = (0, react_2.forwardRef)(function Toggle(_a, forwardedRef) {
-    var { id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onClick = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, required, autoFocus, registerComponentApi, inputRenderer } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "style", "readOnly", "validationStatus", "updateState", "onClick", "onDidChange", "onFocus", "onBlur", "variant", "indeterminate", "className", "required", "autoFocus", "registerComponentApi", "inputRenderer"]);
+    var { id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onClick = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, required, autoFocus, registerComponentApi, inputRenderer, forceHover = false } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "style", "readOnly", "validationStatus", "updateState", "onClick", "onDidChange", "onFocus", "onBlur", "variant", "indeterminate", "className", "required", "autoFocus", "registerComponentApi", "inputRenderer", "forceHover"]);
     const innerRef = react_2.default.useRef(null);
     const ref = innerRef ? (0, react_compose_refs_1.composeRefs)(forwardedRef, innerRef) : forwardedRef;
     const transformToLegitValue = (inp) => {
@@ -143,6 +143,7 @@ exports.Toggle = (0, react_2.forwardRef)(function Toggle(_a, forwardedRef) {
                 [Toggle_module_scss_1.default.error]: validationStatus === "error",
                 [Toggle_module_scss_1.default.warning]: validationStatus === "warning",
                 [Toggle_module_scss_1.default.valid]: validationStatus === "valid",
+                [Toggle_module_scss_1.default.forceHover]: forceHover,
             }) })));
     }, [
         rest,
@@ -162,6 +163,7 @@ exports.Toggle = (0, react_2.forwardRef)(function Toggle(_a, forwardedRef) {
         variant,
         indeterminate,
         autoFocus,
+        forceHover,
     ]);
     return (inputRenderer ? ((0, jsx_runtime_1.jsxs)("label", { className: Toggle_module_scss_1.default.label, children: [(0, jsx_runtime_1.jsx)("div", { className: Toggle_module_scss_1.default.inputContainer, children: input }), inputRenderer({
                 $checked: transformToLegitValue(value),