diff --git a/packages/gluestack-core/src/input/creator/Input.tsx b/packages/gluestack-core/src/input/creator/Input.tsx
index 5f49cb4379..44ecc24396 100644
--- a/packages/gluestack-core/src/input/creator/Input.tsx
+++ b/packages/gluestack-core/src/input/creator/Input.tsx
@@ -1,24 +1,45 @@
 import React, { forwardRef, useMemo } from 'react';
-import { Platform } from 'react-native';
+import { Platform, NativeSyntheticEvent, TextInputKeyPressEventData } from 'react-native';
 import { useFormControl } from '../../form-control/creator';
 import { useInput } from './InputContext';
 import { mergeRefs } from '@gluestack-ui/utils/common';
 
+export interface InputProps {
+  children?: React.ReactNode;
+  name?: string;
+  type?: string;
+  onKeyPress?: (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
+  editable?: boolean;
+  disabled?: boolean;
+  secureTextEntry?: boolean;
+  id?: string;
+  isDisabled?: boolean;
+  isInvalid?: boolean;
+  isReadOnly?: boolean;
+  isRequired?: boolean;
+  onFocus?: (e: any) => void;
+  onBlur?: (e: any) => void;
+  [key: string]: any;
+}
+
+
 export const Input = (StyledInput: any) =>
-  forwardRef(
+  forwardRef<any, InputProps>(
     (
       {
         children,
         onKeyPress,
+        name,
         type = 'text',
         'aria-label': ariaLabel = 'Input Field',
         secureTextEntry,
         editable,
         disabled,
         ...props
-      }: any,
-      ref?: any
+      },
+      ref
     ) => {
+
       const {
         isDisabled,
         isReadOnly,
@@ -50,15 +71,14 @@ export const Input = (StyledInput: any) =>
         if (editable !== undefined) {
           return editable;
         } else {
-          return isDisabled || inputProps.isDisabled || isReadOnly
-            ? false
-            : true;
+          return !(isDisabled || inputProps.isDisabled || isReadOnly);
         }
       }, [isDisabled, inputProps.isDisabled, isReadOnly, editable]);
 
       return (
         <StyledInput
           {...props}
+          name={name}
           type={type}
           states={{
             focus: isFocused,
@@ -86,24 +106,17 @@ export const Input = (StyledInput: any) =>
           aria-invalid={isInvalid || inputProps.isInvalid}
           aria-disabled={isDisabled || inputProps.isDisabled}
           aria-selected={Platform.OS !== 'web' ? isFocused : undefined}
-          // ios accessibility
           accessibilityElementsHidden={isDisabled || inputProps.isDisabled}
           readOnly={!editableProp}
           onKeyPress={(e: any) => {
-            e.persist();
+            e.persist?.();
             onKeyPress && onKeyPress(e);
           }}
           onFocus={(e: any) => {
-            handleFocus(
-              true,
-              props?.onFocus ? () => props?.onFocus(e) : () => {}
-            );
+            handleFocus(true, props?.onFocus ? () => props?.onFocus(e) : () => {});
           }}
           onBlur={(e: any) => {
-            handleFocus(
-              false,
-              props?.onBlur ? () => props?.onBlur(e) : () => {}
-            );
+            handleFocus(false, props?.onBlur ? () => props?.onBlur(e) : () => {});
           }}
           ref={mergedRef}
         >