How to change DatePicker dialog color for Android 5 0

Question

Is it possible to change the datepicker  and also the timepicker  colour scheme for android 5 0   I ve tryed setting the accent colours  but this doesn t work  both with and without android      lt  -- colorPrimary is used for the default action bar background -- gt   lt item name  colorPrimary  gt  color purple lt  item gt    lt  -- colorPrimaryDark is used for the status bar -- gt   lt item name  colorPrimaryDark  gt  color purple tint lt  item gt    lt  -- colorAccent is used as the default value for colorControlActivated      which is used to tint widgets -- gt   lt item name  colorAccent  gt  color purple tint lt  item gt    From original    To something like this

User · Answer

Just to mention  you can also use the default a theme like android R style Theme DeviceDefault Light Dialog instead   new DatePickerDialog MainActivity this  android R style Theme DeviceDefault Light Dialog  new DatePickerDialog OnDateSetListener      Override public void onDateSet DatePicker view  int year  int monthOfYear  int dayOfMonth          DO SOMETHING          2015  02  26  show

User · Answer

You don t have create theme just write it in your dialog creation object  DatePickerDialog datePicker   new DatePickerDialog getActivity    AlertDialog THEME HOLO LIGHT this  mYear  mMonth  mDay     follow this it will give you all type date picker style it s really work  http   www android-examples com change-datepickerdialog-theme-in-android-using-dialogfragment

User · Answer

Kotlin  2021    set date as button text if pressed btnDate setOnClickListener View OnClickListener        val dpd   DatePickerDialog          this            view  year  monthOfYear  dayOfMonth - gt              val selectDate   Calendar getInstance               selectDate set Calendar YEAR  year              selectDate set Calendar MONTH  monthOfYear              selectDate set Calendar DAY OF MONTH  dayOfMonth               var formatDate   SimpleDateFormat  quot dd MM yyyy quot   Locale getDefault                val date   formatDate format selectDate time              Toast makeText this  date  Toast LENGTH SHORT  show               btnDate text   date            1990  6  6            val calendar   Calendar getInstance       val year   calendar Calendar YEAR      val month   calendar Calendar MONTH      val day   calendar Calendar DAY OF MONTH      dpd datePicker minDate   GregorianCalendar year - 90  month  day  0  0  timeInMillis     dpd datePicker maxDate   GregorianCalendar year - 10  month  day  0  0  timeInMillis     dpd show       Styles xml  lt style name  quot AppTheme quot  parent  quot Theme AppCompat Light NoActionBar quot  gt       lt  -- This is main Theme Style for your application  -- gt       lt item name  quot android datePickerDialogTheme quot  gt  style MyDatePickerDialogTheme lt  item gt   lt  style gt    lt style name  quot MyDatePickerDialogTheme quot  parent  quot android Theme Material Dialog quot  gt       lt item name  quot android datePickerStyle quot  gt  style MyDatePickerStyle lt  item gt   lt  style gt    lt style name  quot MyDatePickerStyle quot  parent  quot  android style Widget Material DatePicker quot  gt       lt item name  quot android headerBackground quot  gt  A500FF lt  item gt   lt  style gt

User · Answer

The reason why Neil s suggestion results in a fullscreen DatePicker is the choice of parent theme    lt  -- Theme AppCompat Light is not a dialog theme -- gt   lt style name  DialogTheme  parent    Theme AppCompat Light    gt       lt item name  colorAccent  gt  color blue 500 lt  item gt   lt  style gt    Moreover  if you go this route  you have to specify the theme while creating the DatePickerDialog      R style DialogTheme new DatePickerDialog MainActivity this  R style DialogTheme  new DatePickerDialog OnDateSetListener          Override     public void onDateSet DatePicker view  int year  int monthOfYear  int dayOfMonth              DO SOMETHING          2015  02  26  show      This  in my opinion  is not good  One should try to keep the styling out of java and inside styles xml themes xml   I do agree that Neil s suggestion  with a bit of change  changing the parent theme to say  Theme Material Light Dialog  will get you the desired result  But  here s the other way   On first inspection  we come across datePickerStyle which defines things such as  headerBackground what you are trying to change   dayOfWeekBackground  and a few other text-colors and text-styles   Overriding this attribute in your app s theme will not work  DatePickerDialog uses a separate theme assignable by the attribute datePickerDialogTheme  So  for our changes to take affect  we must override datePickerStyle inside an overriden datePickerDialogTheme   Here we go   Override datePickerDialogTheme inside your app s base theme    lt style name  AppBaseTheme  parent  android Theme Material Light  gt                lt item name  android datePickerDialogTheme  gt  style MyDatePickerDialogTheme lt  item gt   lt  style gt    Define MyDatePickerDialogTheme  The choice of parent theme will depend on what your app s base theme is  it could be either Theme Material Dialog or Theme Material Light Dialog    lt style name  MyDatePickerDialogTheme  parent  android Theme Material Light Dialog  gt       lt item name  android datePickerStyle  gt  style MyDatePickerStyle lt  item gt   lt  style gt    We have overridden datePickerStyle with the style MyDatePickerStyle  The choice of parent will once again depend on what your app s base theme is  either Widget Material DatePicker or Widget Material Light DatePicker  Define it as per your requirements    lt style name  MyDatePickerStyle  parent   android style Widget Material Light DatePicker  gt       lt item name  android headerBackground  gt  color chosen header bg color lt  item gt   lt  style gt    Currently  we are only overriding headerBackground which by default is set to  attr colorAccent  this is also why Neil suggestion works in changing the background   But there s quite a lot of customization possible   dayOfWeekBackground dayOfWeekTextAppearance headerMonthTextAppearance headerDayOfMonthTextAppearance headerYearTextAppearance headerSelectedTextColor yearListItemTextAppearance yearListSelectorColor calendarTextColor calendarSelectedTextColor   If you don t want this much control  customization   you don t need to override datePickerStyle  colorAccent controls most of the DatePicker s colors  So  overriding just colorAccent inside MyDatePickerDialogTheme should work    lt style name  MyDatePickerDialogTheme  parent  android Theme Material Light Dialog  gt       lt item name  android colorAccent  gt  color date picker accent lt  item gt        lt  -- No need to override  datePickerStyle  -- gt       lt  --  lt item name  android datePickerStyle  gt  style MyDatePickerStyle lt  item gt  -- gt   lt  style gt    Overriding colorAccent gives you the added benefit of changing OK  amp  CANCEL text colors as well  Not bad   This way you don t have to provide any styling information to DatePickerDialog s constructor  Everything has been wired properly   DatePickerDialog dpd   new DatePickerDialog this  new DatePickerDialog OnDateSetListener          Override     public void onDateSet DatePicker view  int year  int monthOfYear  int dayOfMonth               2015  5  22     dpd show

User · Answer

lt style name  AppThemeDatePicker  parent  Theme AppCompat Light NoActionBar  gt       lt item name  colorAccent  gt  color select2 lt  item gt       lt item name  android colorAccent  gt  color select2 lt  item gt       lt item name  android datePickerStyle  gt  style MyDatePickerStyle lt  item gt   lt  style gt     lt style name  MyDatePickerStyle  parent   android style Widget Material Light DatePicker  gt       lt item name  android headerBackground  gt  color select2 lt  item gt   lt  style gt

User · Answer

Create a new style   lt  -- Theme AppCompat Light Dialog -- gt   lt style name  DialogTheme  parent  Theme AppCompat Light Dialog  gt       lt item name  colorAccent  gt  color blue 500 lt  item gt   lt  style gt    Java code    The parent theme is the key here   Choose your colorAccent  DatePickerDialog   new DatePickerDialog context R style DialogTheme this now get Calendar YEAR  now get Calendar MONTH  now get Calendar DAY OF MONTH     Result

User · Answer

I had the problem that time picker buttons have not been seen in the screen for API 24 in android   API 21   it is solved by    lt style name  MyDatePickerDialogTheme  parent  android Theme Material Light Dialog  gt               lt item name  android colorAccent  gt  color colorPrimary2 lt  item gt  lt  style gt    lt style name  Theme  parent  BBaseTheme  gt            lt item name  android datePickerDialogTheme  gt  style MyDatePickerDialogTheme lt  item gt   lt  style gt

User · Answer

For Changing Year list item text color  SPECIFIC FOR ANDROID 5 0   Just set certain text color in your date picker dialog style  For some reason setting flag yearListItemTextAppearance doesn t reflect any change on year list    lt item name  android textColor  gt  android color black lt  item gt

User · Answer

try this  work for me   Put the two options  colorAccent and android colorAccent   lt style name  AppTheme  parent   style Theme AppCompat Light NoActionBar  gt       lt  -- Customize your theme here  -- gt               lt item name  android dialogTheme  gt  style AppTheme DialogTheme lt  item gt       lt item name  android datePickerDialogTheme  gt  style Dialog Theme lt  item gt   lt  style gt    lt style name  AppTheme DialogTheme  parent  Theme AppCompat Light Dialog  gt    lt  -- Put the two options  colorAccent and android colorAccent  -- gt       lt item name  colorAccent  gt  color colorPrimary lt  item gt       lt item name  android colorPrimary  gt  color colorPrimary lt  item gt       lt item name  android colorPrimaryDark  gt  color colorPrimaryDark lt  item gt       lt item name  android colorAccent  gt  color colorPrimary lt  item gt    lt  style gt

User · Answer

Give this a try   The code  new DatePickerDialog MainActivity this  R style DialogTheme  new DatePickerDialog OnDateSetListener          Override     public void onDateSet DatePicker view  int year  int monthOfYear  int dayOfMonth              DO SOMETHING          2015  02  26  show      The Style In your styles xml file  EDIT - Changed theme to Theme AppCompat Light Dialog as suggested   lt style name  DialogTheme  parent  Theme AppCompat Light Dialog  gt       lt item name  colorAccent  gt  color blue 500 lt  item gt   lt  style gt

[android] How to change DatePicker dialog color for Android 5.0

Examples related to android

Examples related to dialog

Examples related to styles

Examples related to background-color