chore: add inputmode prop, update changeset

nextui-org · Dec 22, 2024 · 3862259 · 3862259
1 parent 6ae4db7
commit 3862259
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/.changeset/cyan-donkeys-swim.md b/.changeset/cyan-donkeys-swim.md
@@ -1,5 +1,6 @@
 ---
 "@nextui-org/input-otp": patch
+"@nextui-org/shared-utils": patch
 ---
 
 Fix virtual keyboard to display the keys based on allowedKeys(#4408)
diff --git a/packages/components/input-otp/src/use-input-otp.ts b/packages/components/input-otp/src/use-input-otp.ts
@@ -120,6 +120,7 @@ export function useInputOtp(originalProps: UseInputOtpProps) {
     containerClassName,
     noScriptCSSFallback,
     onChange,
+    inputMode,
     ...otherProps
   } = props;
 
@@ -237,23 +238,24 @@ export function useInputOtp(originalProps: UseInputOtpProps) {
         minLength: minLength ?? length,
         textAlign,
         ref: inputRef,
-        name: name,
-        value: value,
+        name,
+        value,
         autoFocus,
         onChange: setValue,
         onBlur: chain(focusProps.onBlur, props?.onBlur),
-        onComplete: onComplete,
+        onComplete,
         pushPasswordManagerStrategy,
         pasteTransformer,
         noScriptCSSFallback,
-        inputMode: isPatternNumeric(allowedKeys) ? "numeric" : "text",
+        inputMode: inputMode ?? (isPatternNumeric(allowedKeys) ? "numeric" : "text"),
         containerClassName: slots.wrapper?.({class: clsx(classNames?.wrapper, containerClassName)}),
         ...props,
       };
 
       return otpProps;
     },
     [
+      inputMode,
       isRequired,
       isDisabled,
       isReadOnly,