Is it possible to change the style of an Android L TimePickerDialog?

Question

I was testing my app on an Android L emulator, and I noticed that the TimePickerDialog has significantly changed to this:

Android L TimePickerDialog

This doesn't fit with the theme of my app, and I wanted to know if it is possible to get the old TimePickerDialog style when running on Android L.

have you tried using the constructor with theme parameter? http://developer.android.com/reference/android/app/TimePickerDialog.html#TimePickerDialog(android.content.Context, int, android.app.TimePickerDialog.OnTimeSetListener, int, int, boolean) — LordRaydenMK, Jun 27 '14 at 10:38
Now I can use a TimePicker that doesn't look like it was designed by a child clown. — JDJ, Jun 27 '14 at 10:42

yehyatt · Answer 1 · 2015-07-06T11:02:49.863

43

Add android:timePickerMode="spinner" to the XML

    <TimePicker
        android:id="@+id/timePicker1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:timePickerMode="spinner">
    </TimePicker>

https://developer.android.com/reference/android/R.attr.html#timePickerMode

You can choose between spinner or clock modes. This attribute is only available from API level 21, before that the spinner mode was the only option available.

edited Jul 06 '15 at 11:02

answered Jun 21 '15 at 07:48

yehyatt

2,295
3
28
31

There is no timePickerMode as far as I am aware. You can only do this for a datepicker (where it is called 'android:datePickerMode'). – Lieuwe Jul 05 '15 at 08:54
There is actually a timePicker , [http://developer.android.com/reference/android/widget/TimePicker.html](http://developer.android.com/reference/android/widget/TimePicker.html) , The code about is from a working example . – yehyatt Jul 06 '15 at 08:34
1

I didn't say there is no TimePicker. I said that I believe there is no android:timePickerMode (and the link you provide indeed makes no mention of this) – Lieuwe Jul 06 '15 at 09:22
2

Sorry for the previous link , but am pretty sure there is a timePickerMode, its available from API Level 21 and here is the correct link https://developer.android.com/reference/android/R.attr.html#timePickerMode – yehyatt Jul 06 '15 at 10:55
Nice one - that feature is well hidden. Note that using the style you also have the classic option (with the buttons) available and not just clock or spinner. – Lieuwe Jul 07 '15 at 09:53
@Lieuwe Pretty sure there is a timePickerMode. Please verify before you make your statement as this answer is actual the one that works. – Kyle Huang Jan 17 '17 at 02:37

score 16 · Accepted Answer · edited Jan 09 '15 at 01:47

16

You can use the TimePickerDialog constructor with theme parameter to specify the theme.

TimePickerDialog(Context context, 
                 int theme, 
                 TimePickerDialog.OnTimeSetListener callBack, 
                 int hourOfDay, 
                 int minute, 
                 boolean is24HourView)

edited Jan 09 '15 at 01:47

JDJ

4,298
3
25
44

answered Jun 27 '14 at 10:57

LordRaydenMK

13,074
5
50
56

1

Is there a default theme that would give back the old version? – Zharf Aug 18 '14 at 14:39
5

@Zharf For HOLO look and feel you can use `TimePickerDialog.THEME_HOLO_DARK` or`TimePickerDialog.THEME_HOLO_LIGHT` as `theme` parametar – LordRaydenMK Aug 18 '14 at 15:00
unfortunately it doesn't change the widget back to the style you see in ICS through Kitkat :( – Zharf Aug 18 '14 at 15:08
@LordRaydenMK these theme IDs are now deprecated – Vadim Kotov Jul 30 '19 at 14:06
1

@VadimKotov well, things changed in 5 years. – LordRaydenMK Aug 04 '19 at 11:08

score 16 · Answer 3 · answered Dec 03 '14 at 05:48

If you want the AM / PM to be a picker instead of a button then I recommend you use the single parameter constructor with a ContextThemeWrapper:

new TimePicker(new ContextThemeWrapper(getActivity(), android.R.style.Theme_Holo_Light_Dialog_NoActionBar));

AM-PM picker

If you pass the theme into the multiple parameter constructor then you'll end up with a rather ugly AM / PM button, and the colon will be missing between the hour and minute columns.

new TimePicker(getActivity(), null, TimePickerDialog.THEME_HOLO_LIGHT);

AM-PM button

score 10 · Answer 4 · answered Jan 16 '19 at 11:38

As LordRaydenMK said, use the TimePickerDialog constructor with theme parameter and provide this theme: android.R.style.CustomDatePickerDialog

And in your Styles.xml define this:

  <style name="CustomDatePickerDialog"
         parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="android:dialogTheme">@style/MyDialogTheme</item>
    <item name="android:timePickerStyle">@style/MyDatePicker</item>
  </style>

  <style name="MyDialogTheme"
         parent="Theme.AppCompat.Light.Dialog">
    <item name="android:timePickerStyle">@style/MyDatePicker</item>
  </style>

  <style name="MyDatePicker"
         parent="@android:style/Widget.Material.Light.TimePicker">
    <item name="android:timePickerMode">spinner</item>
  </style>

It works. Note, it doesn't work if just set android:timePickerMode inside theme — djdance, Apr 23 '21 at 11:54

score -3 · Answer 5 · answered Aug 05 '21 at 10:12

-3

You can use android:timePickerMode attribute in the XML.

For more info: Read Here

answered Aug 05 '21 at 10:12

Prateek Sharma

312
3
5

This is pretty much a link-only and duplicated answer. – Chisko Apr 28 '23 at 20:30

Is it possible to change the style of an Android L TimePickerDialog?

5 Answers5

Linked

Related