@hoddy-ui/core 1.0.43 → 1.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/TextField.tsx

@@ -276,6 +276,7 @@ export const TextField2: React.FC<TextFieldProps> = ({
   style = {},
   inputStyles = {},
   gutterBottom = 8,
+  placeholder,
   end,
   options,
   ...props
@@ -343,6 +344,11 @@ export const TextField2: React.FC<TextFieldProps> = ({
       color: colors.dark.light,
       paddingLeft: moderateScale(10),
     },
+    placeholder: {
+      fontSize: "14@ms",
+      color: colors.textSecondary.main,
+      paddingLeft: moderateScale(10),
+    },
     label: {},
     helperText: {
       paddingHorizontal: "15@s",
@@ -408,9 +414,15 @@ export const TextField2: React.FC<TextFieldProps> = ({
 
           {options ? (
             <>
-              <Typography style={styles.inputText}>
-                {options.find((cur) => cur.value === value)?.label}
-              </Typography>
+              {value ? (
+                <Typography style={styles.inputText}>
+                  {options.find((cur) => cur.value === value)?.label}
+                </Typography>
+              ) : (
+                <Typography style={styles.placeholder}>
+                  {placeholder}
+                </Typography>
+              )}
               <Ionicons
                 name="chevron-down"
                 size={24}
@@ -433,6 +445,7 @@ export const TextField2: React.FC<TextFieldProps> = ({
               keyboardType={keyboardType}
               placeholderTextColor={colors.textSecondary.main}
               editable={!disabled}
+              placeholder={placeholder}
               selectTextOnFocus={!disabled}
               onSubmitEditing={onSubmitEditing}
               {...formProps}