How to change the style of a DatePicker in android

Question

I want to change the default color of the date time picker dialog in Android  so that it should match my app s theme  I searched for the solution on Google  but I couldn t find a solution   What I was doing was creating a new style       lt style name  datepicker  parent   android style Widget DeviceDefault DatePicker  gt       lt  ---TODO-- gt       lt item name  android focusedMonthDateColor  gt  android color holo red dark lt  item gt   lt  style gt    Don t know what are the attributes available for date picker dialogue  It would be great if anyone could post a link on that  and after adding the style I was calling it in my main style as    lt item name  android datePickerStyle  gt  style datepicker lt  item gt    Unfortunately  this didn t work for me at all

User · Accepted Answer

Try this  It s the easiest  amp  most efficient way   lt style name  datepicker  parent  Theme AppCompat Light Dialog  gt           lt item name  colorPrimary  gt  color primary lt  item gt           lt item name  colorPrimaryDark  gt  color primary dark lt  item gt           lt item name  colorAccent  gt  color primary lt  item gt   lt  style gt

User · Answer

As AlertDialog THEME attributes are deprecated  while creating DatePickerDialog you should pass one of these parameters for int themeResId   android R style Theme DeviceDefault Dialog Alert android R style Theme DeviceDefault Light Dialog Alert android R style Theme Material Light Dialog Alert android R style Theme Material Dialog Alert

User · Answer

call like this   button5 setOnClickListener new View OnClickListener        Override  public void onClick View v        TODO Auto-generated method stub   DialogFragment dialogfragment   new DatePickerDialogTheme      dialogfragment show getFragmentManager     Theme              public static class DatePickerDialogTheme extends DialogFragment implements DatePickerDialog OnDateSetListener         Override      public Dialog onCreateDialog Bundle savedInstanceState        final Calendar calendar   Calendar getInstance         int year   calendar get Calendar YEAR        int month   calendar get Calendar MONTH        int day   calendar get Calendar DAY OF MONTH      for one    for two    DatePickerDialog datepickerdialog   new DatePickerDialog getActivity     AlertDialog THEME DEVICE DEFAULT DARK this year month day      for three   DatePickerDialog datepickerdialog   new DatePickerDialog getActivity     AlertDialog THEME DEVICE DEFAULT LIGHT this year month day       for four     DatePickerDialog datepickerdialog   new DatePickerDialog getActivity     AlertDialog THEME HOLO DARK this year month day      for five   DatePickerDialog datepickerdialog   new DatePickerDialog getActivity         AlertDialog THEME HOLO LIGHT this year month day      for six   DatePickerDialog datepickerdialog   new DatePickerDialog getActivity     AlertDialog THEME TRADITIONAL this year month day          return datepickerdialog               public void onDateSet DatePicker view  int year  int month  int day         TextView textview    TextView getActivity   findViewById R id textView1         textview setText day          month 1          year                    follow this it will give you all type date picker style copy from this   http   www android-examples com change-datepickerdialog-theme-in-android-using-dialogfragment

User · Answer

To change DatePicker colors  calendar mode  at application level define below properties    lt style name  MyAppTheme  parent  Theme AppCompat Light  gt       lt item name  colorAccent  gt  ff6d00 lt  item gt       lt item name  colorControlActivated  gt  33691e lt  item gt       lt item name  android selectableItemBackgroundBorderless  gt  color colorPrimaryDark lt  item gt       lt item name  colorControlHighlight  gt  d50000 lt  item gt   lt  style gt    See http   www zoftino com android-datepicker-example for other DatePicker custom styles

User · Answer

Calendar calendar   Calendar getInstance     DatePickerDialog datePickerDialog   new DatePickerDialog getActivity    R style DatePickerDialogTheme  new DatePickerDialog OnDateSetListener       public void onDateSet DatePicker view  int year  int monthOfYear  int dayOfMonth        Calendar newDate   Calendar getInstance        newDate set year  monthOfYear  dayOfMonth        SimpleDateFormat simpleDateFormat   new SimpleDateFormat  dd-MM-yyyy        String date   simpleDateFormat format newDate getTime            calendar get Calendar YEAR   calendar get Calendar MONTH   calendar get Calendar DAY OF MONTH     datePickerDialog show      And use this style    lt style name  DatePickerDialogTheme  parent  Theme AppCompat Light Dialog  gt     lt item name  colorAccent  gt  color colorPrimary lt  item gt   lt  style gt

User · Answer

Create custom DatePickerDialog style   lt style name  quot AppTheme DatePickerDialog quot  parent  quot Theme MaterialComponents Light Dialog quot  gt       lt item name  quot android colorAccent quot  gt  color colorPrimary lt  item gt       lt item name  quot android colorControlActivated quot  gt  color colorPrimaryDark lt  item gt       lt item name  quot android buttonBarPositiveButtonStyle quot  gt  style AppTheme Alert Button Positive lt  item gt       lt item name  quot android buttonBarNegativeButtonStyle quot  gt  style AppTheme Alert Button Negative lt  item gt       lt item name  quot android buttonBarNeutralButtonStyle quot  gt  style AppTheme Alert Button Neutral lt  item gt   lt  style gt    lt style name  quot AppTheme Alert Button Positive quot  parent  quot Widget MaterialComponents Button TextButton quot  gt       lt item name  quot android textColor quot  gt  color buttonPositive lt  item gt   lt  style gt    lt style name  quot AppTheme Alert Button Negative quot  parent  quot Widget MaterialComponents Button TextButton quot  gt       lt item name  quot android textColor quot  gt  color buttonNegative lt  item gt   lt  style gt    lt style name  quot AppTheme Alert Button Neutral quot  parent  quot Widget MaterialComponents Button TextButton quot  gt       lt item name  quot android textColor quot  gt  color buttonNeutral lt  item gt   lt  style gt   Set custom datePickerDialogTheme style in app theme   lt style name  quot AppTheme quot  parent  quot Theme MaterialComponents Light NoActionBar quot  gt       lt item name  quot android datePickerDialogTheme quot  gt  style AppTheme DatePickerDialog lt  item gt   lt  style gt   Set theme programmatically on initialization like this  val datetime   DatePickerDialog this  R style AppTheme DatePickerDialog

User · Answer

I m using React Native  targetSdkVersion 22   I m trying to change the look of a calendar date picker dialog  The accepted answer didn t work for me  but this did  Hope this snippet helps some of you     lt style name  CalendarDatePickerDialog   parent  Theme AppCompat Light Dialog  gt       lt item name  colorAccent  gt  6bf442 lt  item gt       lt item name  android textColorPrimary  gt  6bf442 lt  item gt   lt  style gt

User · Answer

Create a new style   lt style name  my dialog theme  parent  ThemeOverlay AppCompat Dialog  gt       lt item name  colorAccent  gt  color colorAccent lt  item gt                     lt  --header background-- gt       lt item name  android windowBackground  gt  color colorPrimary lt  item gt       lt  --calendar background-- gt       lt item name  android colorControlActivated  gt  color colorAccent lt  item gt   lt  --selected day-- gt       lt item name  android textColorPrimary  gt  color colorPrimaryText lt  item gt   lt  --days of the month-- gt       lt item name  android textColorSecondary  gt  color colorAccent lt  item gt      lt  --days of the week-- gt   lt  style gt    Then initialize the dialog  Calendar mCalendar   new GregorianCalendar    mCalendar setTime new Date      new DatePickerDialog mContext  R style my dialog theme  new DatePickerDialog OnDateSetListener          Override     public void onDateSet DatePicker view  int year  int monthOfYear  int dayOfMonth              do something with the date          mCalendar get Calendar YEAR   mCalendar get Calendar MONTH   mCalendar get Calendar DAY OF MONTH   show      Result

[android] How to change the style of a DatePicker in android?

Examples related to android

Examples related to android-styles

Examples related to android-datepicker

Examples related to android-timepicker