fix(input-time-picker): retain focus inside the input when clicked

packages/calcite-components/src/components/input-time-picker/input-time-picker.e2e.ts

@@ -888,6 +888,7 @@ describe("calcite-input-time-picker", () => {
       expect(await getFocusedElementProp(page, "tagName", { shadow: true })).toBe("CALCITE-INPUT-TEXT");
 
       await page.keyboard.press("ArrowDown");
+      await page.keyboard.press("Tab");
       await page.waitForChanges();
 
       expect(await popoverPositionContainer.isVisible()).toBe(true);

packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx

@@ -969,6 +969,7 @@ export class InputTimePicker
         <calcite-popover
           autoClose={true}
           focusTrapDisabled={this.focusTrapDisabled}
+          initialFocusTrapFocus={false}
           label={messages.chooseTime}
           lang={this.messages._lang}
           oncalcitePopoverBeforeClose={this.popoverBeforeCloseHandler}

packages/calcite-components/src/components/popover/popover.tsx

@@ -10,6 +10,7 @@ import {
   JsxNode,
   setAttribute,
 } from "@arcgis/lumina";
+import { FocusTargetOrFalse } from "focus-trap";
 import {
   connectFloatingUI,
   defaultOffsetDistance,
@@ -145,6 +146,12 @@ export class Popover
   /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
   @property({ type: Number, reflect: true }) headingLevel: HeadingLevel;
 
+  /**
+   * Specifies whether focus should move to the popover when the focus trap is activated.
+   *  `@internal`
+   */
+  @property({ type: Boolean }) initialFocusTrapFocus: FocusTargetOrFalse;
+
   /**
    * Accessible name for the component.
    *
@@ -289,6 +296,7 @@ export class Popover
       focusTrapOptions: {
         allowOutsideClick: true,
         clickOutsideDeactivates: this.clickOutsideDeactivates,
+        initialFocus: this.initialFocusTrapFocus,
         onDeactivate: this.focusTrapDeactivates,
       },
     });