change android datetime picker color react native

Solutions on MaxInterview for change android datetime picker color react native by the best coders in the world

showing results for - "change android datetime picker color react native"
Sergio
02 Jan 2019
1In android/app/src/main/res/values/styles.xml:
2<resources>
3    <!-- Base application theme. -->
4    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
5        <item name="android:textColor">#000000</item>
6        <!-- Add your date time picker here. -->
7        <item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
8    </style>
9
10    <!-- Add Date time picker dialog theme here. -->
11    <style name="Dialog.Theme" parent="Theme.AppCompat.Light.Dialog">
12        <item name="colorAccent">#f3ca1b</item>
13        <item name="android:textColorPrimary">#000000</item>
14    </style>
15</resources>
16
Gayle
21 Jan 2018
1i want to share how i can change theme color of the picker.
2in android/app/src/main/res/values/styles.xml i put:
3
4  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
5        <item name="android:datePickerDialogTheme">@style/DialogDatePicker.Theme</item>
6    </style>
7
8<style name="DialogDatePicker.Theme" parent="Theme.AppCompat.Light.Dialog">
9        <item name="colorAccent">@color/ocean_green</item>
10        <item name="android:textColor">@color/dove_gray</item>
11        <item name="android:textColorPrimary">@color/dove_gray</item>
12    </style>
13
14* colorAccent is the color of header of picker and selector
15
16* textColor is the color of numbers and text buttons
17
18* textColorPrimary is the color of text of month.
19I hope it works for you, regards.
20
21Tip for the those using the time picker and would like to change the colors.
22Change android:datePickerDialogTheme to android:timePickerDialogTheme
23
24(======================need more help visit the blow linhk========================)
25https://hashnode.com/post/step-by-step-guide-on-how-to-change-background-and-text-color-of-android-date-time-picker-in-react-native-ckacitc6j02lvb6s1u01uyzzl