Ability to add Keyboard type during search

src/components/Dropdown/index.tsx

@@ -88,6 +88,7 @@ const DropdownComponent: <T>(
       accessibilityLabel,
       itemAccessibilityLabelField,
       mode = 'default',
+      keyboardType
     } = props;
 
     const ref = useRef<View>(null);
@@ -490,6 +491,7 @@ const DropdownComponent: <T>(
               }}
               placeholderTextColor="gray"
               iconStyle={[{ tintColor: iconColor }, iconStyle]}
+              keyboardType={keyboardType}
             />
           );
         }
@@ -508,6 +510,7 @@ const DropdownComponent: <T>(
       searchPlaceholder,
       testID,
       searchText,
+      keyboardType
     ]);
 
     const _renderList = useCallback(

src/components/Dropdown/model.ts

@@ -5,6 +5,7 @@ import type {
   TextProps,
   ImageStyle,
   FlatListProps,
+  KeyboardType
 } from 'react-native';
 
 export type IDropdownRef = {
@@ -66,4 +67,5 @@ export interface DropdownProps<T> {
   searchQuery?: (keyword: string, labelValue: string) => boolean;
   onChangeText?: (search: string) => void;
   onConfirmSelectItem?: (item: T) => void;
+  keyboardType?: KeyboardType;
 }

src/components/TextInput/index.tsx

@@ -34,6 +34,7 @@ const TextInputComponent: CTextInput = (props) => {
     onChangeText = (_value: string) => {},
     renderLeftIcon,
     renderRightIcon,
+    keyboardType
   } = props;
 
   const [text, setText] = useState<string>('');
@@ -91,6 +92,7 @@ const TextInputComponent: CTextInput = (props) => {
             placeholder={placeholder}
             placeholderTextColor={placeholderTextColor}
             onChangeText={onChange}
+            keyboardType={keyboardType}
           />
           {_renderRightIcon()}
         </View>