Beautiful date picker for Jetpack Compose, following material 3 guidelines. Features customizable start, min, and max dates, optional top bar for selected date display, and future enhancements like date range selection.
This library provides a beautiful date picker for Jetpack Compose, following the latest material 3 guidelines.
Make sure to add Maven Central to your repositories declarations:
repositories {
mavenCentral()
}
then add the latest ComposeCalendar version to your app/build.gradle file dependencies:
dependencies {
implementation 'com.squaredem:composecalendar:1.1.0'
}
Showing the calendar:
// first declare a variable that holds the dialog visibility state
val showDialog = rememberSaveable { mutableStateOf(false) }
// then show the dialog based on the state
if (showDialog.value) {
ComposeCalendar(
onDone = { it: LocalDate ->
// Hide dialog
showDialog.value = false
// Do something with the date
},
onDismiss = {
// Hide dialog
showDialog.value = false
}
)
}
You can customize start, min and max dates. By default these are set as:
ComposeCalendar(
startDate = LocalDate.now(),
minDate = LocalDate.now(),
maxDate = LocalDate.MAX,
...
)
Note: currently min and max dates are being coerced respectively to year 1900 and 2100.
You can choose whether to show or hide the top bar with the selected date.
You can also pass a custom DateFormat for the string.
ComposeCalendar(
...
showSelectedDate = true,
selectedDateFormat = DateFormat.getDateInstance(DateFormat.DEFAULT)
)
I am open to suggestions! Please share your ideas and your needs.
ComposeCalendar is distributed under the terms of the Apache License (Version 2.0). See the license for more information.
Surfaced from shared tags and platforms — no rankings paid for.