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
//XML Layout
<androidx.compose.ui.platform.ComposeView
android:id="@+id/composeDatePickerView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
//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)
}
})
}
}
Design inspired by https://github.com/premkumarroyal/MonthAndYearPicker
5 Dec 2, 2022
35 Jan 31, 2023
385 Nov 25, 2022
251 Dec 30, 2022
6 Aug 17, 2022
72 Apr 28, 2022
3.4k Jan 3, 2023
5.8k Jan 5, 2023
4.4k Dec 20, 2022
6 Oct 18, 2022
0 Jan 19, 2022
46 Oct 10, 2022
1 Aug 9, 2022
6 Dec 22, 2022
4 Dec 23, 2022
6 Sep 16, 2022
8 Aug 17, 2022
494 Jan 2, 2023
30 Nov 17, 2022