All Projects → drawers → Spinnerdatepicker

drawers / Spinnerdatepicker

A styleable DatePicker for Android using the old spinner style (NumberPickers)

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Spinnerdatepicker

angular-eonasdan-datetimepicker
A wrapper directive around the Eonasdan Datepicker v4 component.
Stars: ✭ 63 (-79.94%)
Mutual labels:  datepicker
React Epic Spinners
Reusable react components for epic-spinners
Stars: ✭ 280 (-10.83%)
Mutual labels:  spinner
Primedatepicker
PrimeDatePicker is a tool that provides picking a single day, multiple days, and a range of days.
Stars: ✭ 292 (-7.01%)
Mutual labels:  datepicker
vue-datetime-picker
vue-datetime-picker / vue时间日期选择器
Stars: ✭ 16 (-94.9%)
Mutual labels:  datepicker
Datepicker
Android DatePicker
Stars: ✭ 252 (-19.75%)
Mutual labels:  datepicker
D2pdatepicker
Elegant and Easy-to-Use iOS Swift Date Picker
Stars: ✭ 280 (-10.83%)
Mutual labels:  datepicker
skwas-cordova-plugin-datetimepicker
Cordova Plugin for showing a native date, time or datetime picker.
Stars: ✭ 37 (-88.22%)
Mutual labels:  datepicker
Vue Progress Path
Progress bars and loading indicators for Vue.js
Stars: ✭ 309 (-1.59%)
Mutual labels:  spinner
Svelte Calendar
A lightweight datepicker with neat animations and a unique UX.
Stars: ✭ 279 (-11.15%)
Mutual labels:  datepicker
Flutter Cupertino Date Picker
Flutter cupertino style date picker.
Stars: ✭ 293 (-6.69%)
Mutual labels:  datepicker
vue-single-date-picker
A Vue project - single date picker
Stars: ✭ 16 (-94.9%)
Mutual labels:  datepicker
logging-spinner
Display spinners (in CLI) through Python standard logging
Stars: ✭ 32 (-89.81%)
Mutual labels:  spinner
Progress bar
Command-line progress bars and spinners for Elixir.
Stars: ✭ 281 (-10.51%)
Mutual labels:  spinner
Calendar
A calendar picker component, based on jQuery.
Stars: ✭ 49 (-84.39%)
Mutual labels:  datepicker
Whirly
Colorful Terminal Spinner for Ruby 😀︎
Stars: ✭ 295 (-6.05%)
Mutual labels:  spinner
react-awesome-loaders
🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.
Stars: ✭ 146 (-53.5%)
Mutual labels:  spinner
Saturn Datepicker
Angular Material Datepicker with range selection
Stars: ✭ 280 (-10.83%)
Mutual labels:  datepicker
Input Spinner
A Number-Spinner, Support keyboard operations and continuous changing.
Stars: ✭ 313 (-0.32%)
Mutual labels:  spinner
Pickerjs
⚠️ [Deprecated] No longer maintained. JavaScript date time picker.
Stars: ✭ 299 (-4.78%)
Mutual labels:  datepicker
Vue Datepicker Local
A Beautiful Datepicker Component For Vue2
Stars: ✭ 282 (-10.19%)
Mutual labels:  datepicker

API Android Arsenal Release

Spinner DatePicker

Deprecation

This repo is no longer being maintained due to time constraints. #sorrynotsorry

If you wish to transfer ownership then please contact the author via issues.

Summary

The old "spinner" style DatePicker for newer devices.

ScreenShot

Motivation

The default Material Design DatePicker has poor usability for choosing a date of birth. It seems it is hard for users to find the "year" button and they will often simply swipe left or right through the months in order to find their date of birth.

MaterialDesign

The previous Holo DatePicker with sliding NumberPickers is much more suitable for this use case however it is no longer available for Marshmallow devices and up.

This library is heavily based on the latest Android Open Source Project DatePicker (source code here) with the addition of being able to style the NumberPickers (the dials/spinners in the DatePicker).

Adding styles

The DatePicker is the simple aggregation of three NumberPickers. You can style the DatePicker easily with a NumberPicker style (in styles.xml in the values folder):

<style name="NumberPickerStyle">
    <item name="android:textSize">22dp</item>
    <item name="android:textColorPrimary">@color/colorAccent</item>
    <item name="android:colorControlNormal" tools:targetApi="lollipop">@color/colorAccent</item>
</style>

where colorControlNormal is the color of the horizontal bars (dividers) in the NumberPicker. See this StackOverflow question

And then:

    new SpinnerDatePickerDialogBuilder()
            .context(MainActivity.this)
            .callback(MainActivity.this)
            .spinnerTheme(R.style.NumberPickerStyle)
            .showTitle(true)
            .customTitle("My custom title")
            .showDaySpinner(true)
            .defaultDate(2017, 0, 1)
            .maxDate(2020, 0, 1)
            .minDate(2000, 0, 1)
            .build()
            .show();

The example project should make it clear - get it by cloning the repo.

Note that full support is only for API >= 18. API < 18 you'll get the DatePicker but there is no easy way to style it correctly.

Usage in a project

Add the following to your project level build.gradle:

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
	   }
}

Add this to your app level build.gradle:

dependencies {
    compile 'com.github.drawers:SpinnerDatePicker:2.0.1'
}

Philosophy

The aim of this project is to produce a lightweight and robust DatePicker with an API similar to that of the standard Android DatePicker. Hence the library has no external dependencies and no fancy features. Espresso automated UI testing is performed on the sample project using Firebase test lab.

Contributing

Please open an issue first before making a pull request. Pull requests should be accompanied by tests if possible.

License

Copyright 2017 AOSP, David Rawson

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

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].