Feature "placeholderTextColor" for search bar text input

README.md

@@ -136,6 +136,7 @@ For Live `Demo` [(Expo Snack)](https://snack.expo.dev/@danish1658/react-native-d
 | save| string | Pass ('key' or 'value') to save data of your choice in your local state variable
 | onSelect| Function | Pass any function that you want to trigger immediately after a value is selected
 | placeholder | String | Placeholder text that will be displayed in the select box
+| placeholderTextColor | String | Text color for the placeholder
 | search | boolean | set to false if you dont want to use search functionality
 | maxHeight| Number | Maximum height of the dropdown wrapper to occupy
 | data| array or array[object]| Data which will be iterated as options of select list

components/MultipleSelectList.tsx

@@ -19,6 +19,7 @@ const MultipleSelectList: React.FC<MultipleSelectListProps> = ({
         fontFamily,
         setSelected,
         placeholder,
+        placeholderTextColor,
         boxStyles,
         inputStyles,
         dropdownStyles,
@@ -131,6 +132,7 @@ const MultipleSelectList: React.FC<MultipleSelectListProps> = ({
 
                             <TextInput 
                                 placeholder={searchPlaceholder}
+                                placeholderTextColor={placeholderTextColor}
                                 onChangeText={(val) => {
                                     let result =  data.filter((item: L1Keys) => {
                                         val.toLowerCase();

components/SelectList.tsx

@@ -17,6 +17,7 @@ type L1Keys = { key?: any; value?: any; disabled?: boolean | undefined }
 const SelectList: React.FC<SelectListProps> =  ({
         setSelected,
         placeholder,
+        placeholderTextColor,
         boxStyles,
         inputStyles,
         dropdownStyles,
@@ -137,6 +138,7 @@ const SelectList: React.FC<SelectListProps> =  ({
 
                             <TextInput 
                                 placeholder={searchPlaceholder}
+                                placeholderTextColor={placeholderTextColor}
                                 onChangeText={(val) => {
                                     let result =  data.filter((item: L1Keys) => {
                                         val.toLowerCase();

index.d.ts

@@ -13,6 +13,11 @@ export interface SelectListProps  {
     */
     placeholder?: string,
 
+    /**
+    * Placeholder text color that will style the placeholder of search text input
+    */
+    placeholderTextColor?: string,
+
     /**
     * Additional styles for select box
     */
@@ -126,6 +131,11 @@ export interface MultipleSelectListProps  {
     */
     placeholder?: string,
 
+    /**
+    * Placeholder text color that will style the placeholder of search text input
+    */
+    placeholderTextColor?: string,
+
     /**
     * Additional styles for select box
     */