All Projects → 101Loop → Datepickertimeline

101Loop / Datepickertimeline

Licence: apache-2.0
Android Date Picker Library that provides a calendar as a horizontal timeline

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Datepickertimeline

Datepicker
⚠️ [Deprecated] No longer maintained. A simple jQuery datepicker plugin.
Stars: ✭ 1,133 (+1068.04%)
Mutual labels:  datepicker
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-12.37%)
Mutual labels:  datepicker
Multipicker
Form styling plugin for jQuery
Stars: ✭ 90 (-7.22%)
Mutual labels:  datepicker
Vue2 Datepicker
A datepicker / datetimepicker component for Vue2
Stars: ✭ 1,154 (+1089.69%)
Mutual labels:  datepicker
Vue Draggablecal
Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped
Stars: ✭ 79 (-18.56%)
Mutual labels:  datepicker
Rangedatepicker
📆 A simple vertical date picker for Android, written in kotlin 🇮🇩
Stars: ✭ 87 (-10.31%)
Mutual labels:  datepicker
Datetimepicker
This is a custom android holo datepicker timepicker
Stars: ✭ 56 (-42.27%)
Mutual labels:  datepicker
Date Picker
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/
Stars: ✭ 1,325 (+1265.98%)
Mutual labels:  datepicker
Rc Datetime Picker
React component for datetime picker by Moment.js
Stars: ✭ 85 (-12.37%)
Mutual labels:  datepicker
Datetimepicker
📅 Date and Time Picker
Stars: ✭ 90 (-7.22%)
Mutual labels:  datepicker
Circularpicker
CircularPicker is helpful for creating a controller aimed to manage any calculated parameter.
Stars: ✭ 73 (-24.74%)
Mutual labels:  datepicker
Angular Mydatepicker
Angular datepicker and date range picker 📅
Stars: ✭ 76 (-21.65%)
Mutual labels:  datepicker
Angular Bootstrap Datetimepicker
Native Angular date/time picker component styled by Twitter Bootstrap
Stars: ✭ 1,289 (+1228.87%)
Mutual labels:  datepicker
Horizontal Calendar
A material horizontal calendar view for Android based on RecyclerView
Stars: ✭ 1,155 (+1090.72%)
Mutual labels:  datepicker
Ng2 Flatpickr
Angular 2+ wrapper for flatpickr (https://github.com/chmln/flatpickr)
Stars: ✭ 91 (-6.19%)
Mutual labels:  datepicker
Material Vue Daterange Picker
a date-range-picker follows the Material Design spec powered by vue.js (alpha)
Stars: ✭ 64 (-34.02%)
Mutual labels:  datepicker
Persiandatepicker
An Android DatePicker for Persian Calendar
Stars: ✭ 86 (-11.34%)
Mutual labels:  datepicker
Vue2 Persian Datepicker
A vue component that provides datepicker for persian developers
Stars: ✭ 95 (-2.06%)
Mutual labels:  datepicker
Materialdaterangepicker
A material Date Range Picker based on wdullaers MaterialDateTimePicker
Stars: ✭ 1,315 (+1255.67%)
Mutual labels:  datepicker
React Jalali Datepicker
React component that helps you to makes simple Farsi/Jalali/Shamsi date picker
Stars: ✭ 88 (-9.28%)
Mutual labels:  datepicker

DatePickerTimeline

An android package that provides a Horizontal Date Picker.

Download

DatePicker Logo

Gradle

In your module (app-level) Gradle file (usually app/build.gradle), Add this line inside the dependencies block.

dependencies {
    ...
    implementation 'com.vivekkaushik.datepicker:datePickerTimeline:0.0.4'
}

Usage

Add DatePickerTimeline View to your layout file

<com.vivekkaushik.datepicker.DatePickerTimeline
android:id="@+id/datePickerTimeline"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
Properties:

You can use the following properties in your XML to change your DatePickerTimeline colors.

  • app:dateTextColor (color) -> default -> Black
  • app:dayTextColor (color) -> default -> Black
  • app:monthTextColor (color) -> default -> Black
  • app:disabledColor (color) -> default -> Grey

JAVA

DatePickerTimeline datePickerTimeline = findViewById(R.id.dateTimeline);
// Set a Start date (Default, 1 Jan 1970)
datePickerTimeline.setInitialDate(2019, 3, 21);
// Set a date Selected Listener
datePickerTimeline.setOnDateSelectedListener(new OnDateSelectedListener() {
    @Override
    public void onDateSelected(int year, int month, int day, int dayOfWeek) {
        // Do Something
    }

    @Override
    public void onDisabledDateSelected(int year, int month, int day, int dayOfWeek, boolean isDisabled) {
        // Do Something
    }
});

// Disable date
Date[] dates = {Calendar.getInstance().getTime()};
datePickerTimeline.deactivateDates(dates);

You can also use the built in methods to change the text color

datePickerTimeline.setDateTextColor(Color.RED);
datePickerTimeline.setDayTextColor(Color.RED);
datePickerTimeline.setMonthTextColor(Color.RED);

LIMITATIONS

  • Text Size currently can't be changed

FIXES

  • This project is using AndroidX artifacts make sure you have migrated your project to androidX.
  • If Preview dosen't show up in android Studio then make sure you have added android recycler view.

Flutter

This library is also available for flutter check the github repo here. Also available on pub.dev

Author

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