Title: Changing the arrow color material ExposedDropdownMenu / TextInputLayout
Tags: android;material-design;android-textinputlayout;material-components-android;material-components
Question: I want to change the arrow color to white. how to do it? here's my code
<com.google.android.material.textfield.TextInputLayout
style="@style/ExposedDropdownMenu"
android:hint="Select"
android:layout_width="match_parent"
android:layout_height="wrap_content"&gt;
<AutoCompleteTextView
android:focusable="false"
android:textSize="17sp"
android:padding="15dp"
android:textColorHint="@color/white"
android:textColor="@color/white"
android:id="@+id/actv_pool"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:ignore="LabelFor" /&gt;
</com.google.android.material.textfield.TextInputLayout&gt;
here's my style:
<style name="ExposedDropdownMenu" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"&gt;
<item name="boxStrokeColor"&gt;#fff</item&gt;
<item name="boxStrokeWidth"&gt;1dp</item&gt;
<item name="android:textColorHint"&gt;#fff</item&gt;
</style&gt;
I hope it's clear. thanks in advance.

Here is the accepted answer: You can use the app:endIconTint attribute in the layout:
<com.google.android.material.textfield.TextInputLayout
...
app:endIconTint="@color/my_selector_color"&gt;
or you can use a custom style:
<com.google.android.material.textfield.TextInputLayout
style="@style/ExposedDropdownMenu"
...&gt;
<style  name="name="ExposedDropdownMenu" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"&gt;
<item name="endIconTint"&gt;@color/my_selector_color</item&gt;
</style&gt;

Here is another answer: If you want change drawable, not only color, you can set endIconDrawable. For drawable put a selector xml like this:
<selector xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
<item android:drawable=&quot;@drawable/ic_page_up&quot; android:state_checked=&quot;true&quot;/&gt;
<item android:drawable=&quot;@drawable/ic_page_down&quot;/&gt;
</selector&gt;
Comment for this answer: Do you know why the state is `checked` even though `AutoCompleteTextView` inherits from `EditText` and not from a `CheckBox`? Am I missing something to do with states?

Here is another answer: Simply add endIconTint attribute to the TextInputLayout by using
app:endIconTint=&quot;@color/primaryDarkColor&quot;
@color/primaryDarkColor
is your desired color of choice
Example below with full XML Code
<com.google.android.material.textfield.TextInputLayout
android:id=&quot;@+id/til_paying_bank&quot;
style = &quot;@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu&quot;
android:layout_width=&quot;match_parent&quot;
android:layout_height=&quot;wrap_content&quot;
android:layout_below=&quot;@+id/til_withdrawal_date&quot;
android:layout_centerHorizontal=&quot;true&quot;
android:padding=&quot;5dp&quot;
app:endIconTint=&quot;@color/primaryDarkColor&quot;&gt;
<AutoCompleteTextView
android:id=&quot;@+id/actv_paying_bank&quot;
android:layout_width=&quot;match_parent&quot;
android:layout_height=&quot;wrap_content&quot;
android:hint=&quot;@string/paying_bank&quot;
android:dropDownSelector=&quot;@color/primaryLightColor&quot;
/&gt;
</com.google.android.material.textfield.TextInputLayout&gt;

{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 3, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 4.0', 'CreationDate': '2020:00:05/01/20', 'FavoriteCount': 1.0, 'PostTypeId': 1, 'Tags': '<android><material-design><android-textinputlayout><material-components-android><material-components>', 'Title': 'Changing the arrow color material ExposedDropdownMenu / TextInputLayout', 'ViewCount': 3109, 'id': 61539351, 'user_AboutMe': '', 'user_AccountId': 4475710.0, 'user_DisplayName': 'maghfirzakir', 'user_Reputation': 589.0, 'user_Views': 23.0, 'user_id': 3640884.0}}