fix: enable single-field editing in OTP input (#8307)

* fix: enable single-field editing in OTP input

* npm run lint

Author: navedqb

components/lib/inputotp/InputOtp.js

@@ -185,7 +185,12 @@ export const InputOtp = React.memo(
 
                 default: {
                     //Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
-                    if ((props?.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (tokens.join('').length >= props.length && event.code !== 'Delete')) {
+                    const target = event.target;
+                    const hasSelection = target.selectionStart !== target.selectionEnd;
+                    const isAtMaxLength = tokens.join('').length >= props.length;
+                    const isValidKey = props.integerOnly ? /^[0-9]$/.test(event.key) : true;
+
+                    if (!isValidKey || (isAtMaxLength && event.code !== 'Delete' && !hasSelection)) {
                         event.preventDefault();
                     }