All Projects → Gericop → Datetimepicker

Gericop / Datetimepicker

Licence: apache-2.0
Material themed DateTimePickers from the Android framework for all API levels (API 14+)

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Datetimepicker

Paper
A gentle theme for Jekyll utilising material design.
Stars: ✭ 50 (-13.79%)
Mutual labels:  material-design
Neteasemusic
Material Design NetEase Music Player In MVP Pattern Design 网易云音乐
Stars: ✭ 53 (-8.62%)
Mutual labels:  material-design
Materialtaptargetprompt Ios
A iOS version of Material Tap Target Prompt
Stars: ✭ 56 (-3.45%)
Mutual labels:  material-design
Qt Material Widgets
🎨 Qt widgets-based implementation of the Material Design specification.
Stars: ✭ 1,058 (+1724.14%)
Mutual labels:  material-design
Ripple Without Js
Create Material Design ripple effect in your HTML without using a single line of JS.
Stars: ✭ 53 (-8.62%)
Mutual labels:  material-design
Androidmaterialpreferences
Provides various "Material Design"-styled preferences
Stars: ✭ 54 (-6.9%)
Mutual labels:  material-design
Etar Calendar
Android open source calendar
Stars: ✭ 1,051 (+1712.07%)
Mutual labels:  material-design
Youtube Play Icon
Material style morphing play-pause drawable for Android
Stars: ✭ 57 (-1.72%)
Mutual labels:  material-design
Mdi Vue
Material design icons for vue.js
Stars: ✭ 53 (-8.62%)
Mutual labels:  material-design
Expandable Fab
A highly customizable 'speed dial' FloatingActionButton implementation.
Stars: ✭ 56 (-3.45%)
Mutual labels:  material-design
Sharebox
家庭看片神器,可以用手机播放电脑里的视频,也可以用电脑播放手机里的视频,使用简单,能稳定运行在后台,目前支持的设备有Windows,Mac,Android。
Stars: ✭ 51 (-12.07%)
Mutual labels:  material-design
Material Typecho
🎨 简洁 material 风格 typecho 主题
Stars: ✭ 53 (-8.62%)
Mutual labels:  material-design
Paper Ripple
Material Design Ripple effect in pure JS & CSS.
Stars: ✭ 55 (-5.17%)
Mutual labels:  material-design
Material Prefs
⚙ A beautiful and extensible API for bulding preferences screen
Stars: ✭ 51 (-12.07%)
Mutual labels:  material-design
Ct Material Kit Pro React Native
Material Kit PRO React Native is a fully coded app template built over Galio.io, React Native and Expo
Stars: ✭ 57 (-1.72%)
Mutual labels:  material-design
Materialette
Materialette - A material design color palette
Stars: ✭ 1,056 (+1720.69%)
Mutual labels:  material-design
Material Ui Password Field
A password field using Material-UI.
Stars: ✭ 54 (-6.9%)
Mutual labels:  material-design
Ct Vue Material Dashboard Pro
Vue Material Dashboard Pro - Material Design Admin
Stars: ✭ 58 (+0%)
Mutual labels:  material-design
Battery Meter View
🔋 Material design battery meter (i.e. level, state) view for Android
Stars: ✭ 57 (-1.72%)
Mutual labels:  material-design
Espresso
🚚 Espresso is an express delivery tracking app designed with Material Design style, built on MVP(Model-View-Presenter) architecture with RxJava2, Retrofit2, Realm database and ZXing
Stars: ✭ 1,084 (+1768.97%)
Mutual labels:  material-design

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.

Download

Donation

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

Buy me a coffee


Setup

Add this single line to your gradle file:

implementation 'com.takisoft.datetimepicker:datetimepicker:1.0.0'

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
DatePicker DatePicker
DatePicker DatePicker
DatePicker DatePicker
DatePicker DatePicker

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].