gregkorossy / datetimepicker

Material themed DateTimePickers from the Android framework for all API levels (API 14+)

Material DatePicker and TimePicker dialogs from the Android framework package with AndroidX

This project is ported from the Android framework. In order to make the pickers material themed on older devices (pre-Lollipop), the appcompat library is used for base theming and vector drawable handling. The widgets always use the custom layouts, this is a complete replacement for the framework pickers. This also means that they have the same look-and-feel on all API levels.

Donation

If you would like to support me, you may donate some small amount via PayPal.

---

Setup

Add this single line to your gradle file:

implementation 'com.takisoft.datetimepicker:datetimepicker:1.0.3'

And use one of the Theme.AppCompat themes (or a custom one based on that) as your Activity's theme.

Now you can use the following material themed picker dialogs:

• DatePickerDialog (from com.takisoft.datetimepicker.DatePickerDialog)
• TimePickerDialog (from com.takisoft.datetimepicker.TimePickerDialog)

Additionally you could technically use DatePicker and TimePicker from the com.takisoft.datetimepicker.widget package inside a layout as an inline view, however, they do not support scrolling containers, so it's recommended to stick with the dialogs instead.

This lib now uses AndroidX. If you don't want / can't migrate to AndroidX yet, check out the old-support branch.

---

Customization

You can override the following attributes in your theme (check out the default styles for details):

Attribute	Description	Default (dark) / (light)
datePickerStyle	The DatePicker's style	Widget.Material.DatePicker / Widget.Material.Light.DatePicker
datePickerDialogTheme	The DatePickerDialog's style	ThemeOverlay.Material.Dialog.DatePicker
timePickerStyle	The TimePicker's style	Widget.Material.TimePicker / Widget.Material.Light.TimePicker
timePickerDialogTheme	The TimePickerDialog's style	ThemeOverlay.Material.Dialog.TimePicker
numberPickerStyle	The NumberPicker's style which is going to be used if there's not enough room on the screen for the normal pickers	Widget.Material.NumberPicker / Widget.Material.Light.NumberPicker
calendarViewStyle	The CalendarView's style	Widget.Material.CalendarView / Widget.Material.Light.CalendarView

Watch out not to include the android: prefix before the attribute names if you want to override them as it will not work. These attributes have been (re)defined for the project in order to be able to access the internal details, which means that they do not belong to the android namespace anymore.

Some pictures

API 15	API 26

You can see that in landscape the API 15 images show spinners instead of a calendar view. This is because there is not enough room for the calendar, so the spinners are used as fallback.

datetimepicker's Issues

Can't override colorAccent?

I might be missing some nuance due to using this library, but I couldn't figure out how to override colorAccent.

The reason for this is because I want to change the color of the overall datepicker, without propagating those changes throughout the rest of the app.

Am I missing something or does this truly not work:

    <style name="datepicker" parent="Theme.AppCompat.Light.Dialog">
        <item name="colorAccent">#FF0000</item>
    </style>

...

    <com.takisoft.datetimepicker.widget.DatePicker
        android:id="@+id/date_picker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="@style/datepicker"
        />

I also tried setting the style attributes from your readme, with similar results (or a lack of, rather)

An alternative would be to change all the colors of the datepicker manually, but I couldn't figure out the attribute for the selected day indicator, only for the other colored components.

Feedback TimePicker Problem

I am trying to programmatically change the "numbersTextColor" color for "TimePicker", but did not succeed, what am I doing wrong? How should I modify it?

Set starting and ending dates of DateTimePicker

Hello, how to set starting and ending dates of DateTimePicker?

DateTimePicker style error

When theme Uses MaterialComponents Instead of AppCompat the Button style error.

Style:

    <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorSecondary">@color/colorSecondary</item>
    </style>

i want to show timepicker in spinner mode . can you guide for same ?

setMinTime feature request.

Feature request.
I need a feature called setMinTime, through which I can restrict users i.e they can not set the time less then 3:40 AM (for example).

Is this already done? I am not sure.
Please let me know any alternate for this.
Thank you

Select actual Date

How to make to select only future and now dates? (No old like 1972, 2018)

Feedback DateTimePicker BUG

Click redbox button before:

Click redbox button after: