internal clicks outside time inputs focus the hour input

src/components/input-time/input-time.tsx

@@ -231,11 +231,6 @@ export class InputTime
   //
   //--------------------------------------------------------------------------
 
-  /**
-   * @internal
-   */
-  @Event() calciteInternalInputTimeBlur: EventEmitter<void>;
-
   /**
    * Fires when the time value is committed.
    */
@@ -246,6 +241,11 @@ export class InputTime
    */
   @Event() calciteInputTimeInput: EventEmitter<string>;
 
+  /**
+   * @internal
+   */
+  @Event() calciteInternalInputTimeBlur: EventEmitter<void>;
+
   /**
    * @internal
    */
@@ -259,10 +259,29 @@ export class InputTime
 
   @Listen("blur")
   blurHandler(): void {
+    this.activeEl = undefined;
     this.calciteInternalInputTimeBlur.emit();
     this.emitChangeIfUserModified();
   }
 
+  @Listen("click")
+  clickHandler(event: MouseEvent): void {
+    const composedEventPath = event.composedPath();
+    if (composedEventPath.includes(this.hourEl)) {
+      return;
+    }
+    if (composedEventPath.includes(this.minuteEl)) {
+      return;
+    }
+    if (composedEventPath.includes(this.secondEl)) {
+      return;
+    }
+    if (composedEventPath.includes(this.meridiemEl)) {
+      return;
+    }
+    this.setFocus();
+  }
+
   @Listen("focus")
   focusHandler(): void {
     this.calciteInternalInputTimeFocus.emit();