Merged in fix/SW-2188-disabled-state (pull request #2597)

fix(SW-2188): readonly for input fields

* fix(SW-2188): readonly for input fields


Approved-by: Anton Gunnarsson

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/index.tsx

@@ -155,7 +155,7 @@ export default function Details({ user }: DetailsProps) {
             })}
             maxLength={30}
             name="firstName"
-            disabled={!!user}
+            readOnly={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           <Input
@@ -165,7 +165,7 @@ export default function Details({ user }: DetailsProps) {
             })}
             maxLength={30}
             name="lastName"
-            disabled={!!user}
+            readOnly={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           <CountrySelect
@@ -190,7 +190,7 @@ export default function Details({ user }: DetailsProps) {
               defaultMessage: "Email address",
             })}
             name="email"
-            disabled={!!user}
+            readOnly={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           <Phone

apps/scandic-web/components/TempDesignSystem/Form/Input/index.tsx

@@ -54,6 +54,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
           aria-label={ariaLabel}
           className={className}
           isDisabled={field.disabled}
+          isReadOnly={readOnly}
           isInvalid={fieldState.invalid}
           isRequired={!!registerOptions.required}
           name={field.name}