Compose Date Picker - Select month and year
Compose Date Picker tries to offer you the year and month pickers which you can customize for your requirements. The library complately written with Jetpack Compose.
Support for Android 5.0 (API level 21) and up.
Screenshots
 |
 |
|---|---|
 |
Implementation
Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
The easiest way to add the Compose Date Picker library to your project is by adding it as a dependency to your build.gradle
dependencies {
implementation 'com.github.DogusTeknoloji:compose-date-picker:1.0.1'
}
Usage Compose Date Picker
ComposeCalendar(
minDate: Date? = null, // Set min selectable date
maxDate: Date? = null, // Set max selectable date
locale: Locale = Locale.getDefault(), // Set locale for localization
title: String = "", // Set title
listener: SelectDateListener, // Set Listener for selected date
showOnlyMonth: Boolean = false, // Display only month picker
showOnlyYear: Boolean = false, // Display only year picker
themeColor:Color = Color(0xFF614FF0), // Set picker color
negativeButtonTitle:String = "CANCEL", // Set negative button text
positiveButtonTitle:String = "OK" // Set positive button text
)
Listener
interface SelectDateListener {
fun onDateSelected(date: Date)
fun onCanceled()
}
Compose Sample
val calendar = Calendar.getInstance()
calendar.set(Calendar.YEAR, 2010)
calendar.set(Calendar.MONTH, 6)
val calendarMax = Calendar.getInstance()
calendarMax.set(Calendar.YEAR, 2032)
calendarMax.set(Calendar.MONTH, 9)
Box(Modifier
.fillMaxSize()
.background(color = Color.Gray), contentAlignment = Alignment.Center) {
ComposeCalendar(minDate = calendar.time,
maxDate = calendarMax.time,
locale = Locale("en"),
title = "Select Date",
listener = object : SelectDateListener {
override fun onDateSelected(date: Date) {
Log.i("DATE", date.toString())
}
override fun onCanceled() {
setOpen(false)
}
})
}
XML Layout Sample
//Activity-Fragment binding.composeDatePickerView.apply{ setContent{ ComposeCalendar(minDate = calendar.time, maxDate = calendarMax.time, locale = Locale("en"), title = "Select Date", listener = object : SelectDateListener { override fun onDateSelected(date: Date) { Log.i("DATE", date.toString()) } override fun onCanceled() { setOpen(false) } }) } } ">//XML Layout
Design inspired by https://github.com/premkumarroyal/MonthAndYearPicker
2.7k Dec 29, 2022
16 Sep 14, 2022
117 Dec 23, 2022
40 Nov 1, 2022
181 Dec 22, 2022
1 Feb 7, 2022
4 Oct 8, 2022
385 Nov 25, 2022
1.6k Dec 22, 2022
41 Aug 13, 2022
1 Jan 7, 2022
681 Dec 19, 2022
0 Dec 23, 2021
0 Jan 30, 2022
4.4k Dec 20, 2022
2.3k Jan 4, 2023
4.7k Dec 29, 2022
1.6k Jan 5, 2023
39 Nov 11, 2022