From a341f4793c6f699abee305ee28e624ac6bed0455 Mon Sep 17 00:00:00 2001
From: Jialecl <jialestrabajos@gmail.com>
Date: Mon, 4 May 2026 11:16:38 +0200
Subject: [PATCH] Correct Structure applied with error message and do not allow
 the picker to open when readOnly

Co-authored-by: Copilot <copilot@github.com>
---
 packages/lib/src/time-input/TimeInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/lib/src/time-input/TimeInput.tsx b/packages/lib/src/time-input/TimeInput.tsx
index 9ca7969b7..01af3b9aa 100644
--- a/packages/lib/src/time-input/TimeInput.tsx
+++ b/packages/lib/src/time-input/TimeInput.tsx
@@ -406,13 +406,13 @@ const DxcTimeInput = forwardRef<RefType, TimeInputPropsType>(
                   disabled={disabled}
                   icon="schedule"
                   title={!disabled ? translatedLabels.timeInput.timePickerActionTitle : undefined}
-                  onClick={() => setIsOpen(true)}
+                  onClick={() => !readOnly && setIsOpen(true)}
                 />
               </DxcPopover>
             </DxcFlex>
           </TimeInputField>
+          {!disabled && typeof error === "string" && <ErrorMessage error={error} id={errorId} />}
         </TimeInputContainer>
-        {!disabled && typeof error === "string" && <ErrorMessage error={error} id={errorId} />}
         <input
           aria-label={label ?? ariaLabel}
           aria-errormessage={error ? errorId : undefined}