Customizable wheel pickers enable interactive date, time, and datetime selection with a simple implementation interface and various formatting and styling options.
Compose Multiplatform datetime picker implementation featuring customizable wheel pickers for date, time, and datetime selection.
| Picker | Usage |
|---|---|
 |
WheelDateTimePicker { snappedDateTime -> } |
 |
WheelDatePicker { snappedDate -> } |
 |
WheelTimePicker { snappedTime -> } |
 |
WheelTimePicker(timeFormatter = timeFormatter(timeFormat = TimeFormat.AM_PM)) { snappedTime -> } |
WheelDateTimePicker(
startDateTime = LocalDateTime(
year = 2025,
month = 10,
day = 20,
hour = 5,
minute = 30
),
minDateTime = Clock.System
.now()
.toLocalDateTime(TimeZone.currentSystemDefault()),
maxDateTime = LocalDateTime(
year = 2025,
month = 10,
day = 20,
hour = 5,
minute = 30
),
dateFormatter = dateFormatter(
locale = Locale.current,
monthDisplayStyle = MonthDisplayStyle.SHORT,
cjkSuffixConfig = CjkSuffixConfig.HideAll
),
timeFormatter = timeFormatter(
timeFormat = TimeFormat.HOUR_24
),
size = DpSize(200.dp, 100.dp),
rowCount = 5,
textStyle = MaterialTheme.typography.titleSmall,
textColor = Color(0xFFffc300),
selectorProperties = WheelPickerDefaults.selectorProperties(
enabled = true,
shape = RoundedCornerShape(0.dp),
color = Color(0xFFf1faee).copy(alpha = 0.2f),
border = BorderStroke(2.dp, Color(0xFFf1faee))
)
) { snappedDateTime -> } |
|
datetime-wheel-picker has multiple active versions. The higher one uses the latest versions for Compose, while the others use only stable versions. Choose the one that matches your Compose version, considering this table:
| Compose Version | datetime-wheel-picker Version |
|---|---|
| Compose 1.7 |  |
| Compose 1.8 |  |
| Compose 1.9 |  |
repositories {
mavenCentral()
}kotlin {
sourceSets {
val commonMain by getting {
dependencies {
implementation("io.github.darkokoa:datetime-wheel-picker:<version>")
implementation("org.jetbrains.kotlinx:kotlinx-datetime:0.7.1")
}
}
}
}
dependencies {
implementation("io.github.darkokoa:datetime-wheel-picker:<version>")
implementation("org.jetbrains.kotlinx:kotlinx-datetime:0.7.1")
}compileOptions {
isCoreLibraryDesugaringEnabled = true
}
//...
dependencies {
coreLibraryDesugaring("com.android.tools:desugar_jdk_libs:2.1.5")
}Released under the Apache License, Version 2.0.
Compose Multiplatform datetime picker implementation featuring customizable wheel pickers for date, time, and datetime selection.
| Picker | Usage |
|---|---|
|
WheelDateTimePicker { snappedDateTime -> } |
|
WheelDatePicker { snappedDate -> } |
|
WheelTimePicker { snappedTime -> } |
|
WheelTimePicker(timeFormatter = timeFormatter(timeFormat = TimeFormat.AM_PM)) { snappedTime -> } |
WheelDateTimePicker(
startDateTime = LocalDateTime(
year = 2025,
month = 10,
day = 20,
hour = 5,
minute = 30
),
minDateTime = Clock.System
.now()
.toLocalDateTime(TimeZone.currentSystemDefault()),
maxDateTime = LocalDateTime(
year = 2025,
month = 10,
day = 20,
hour = 5,
minute = 30
),
dateFormatter = dateFormatter(
locale = Locale.current,
monthDisplayStyle = MonthDisplayStyle.SHORT,
cjkSuffixConfig = CjkSuffixConfig.HideAll
),
timeFormatter = timeFormatter(
timeFormat = TimeFormat.HOUR_24
),
size = DpSize(200.dp, 100.dp),
rowCount = 5,
textStyle = MaterialTheme.typography.titleSmall,
textColor = Color(0xFFffc300),
selectorProperties = WheelPickerDefaults.selectorProperties(
enabled = true,
shape = RoundedCornerShape(0.dp),
color = Color(0xFFf1faee).copy(alpha = 0.2f),
border = BorderStroke(2.dp, Color(0xFFf1faee))
)
) { snappedDateTime -> } |
|
datetime-wheel-picker has multiple active versions. The higher one uses the latest versions for Compose, while the others use only stable versions. Choose the one that matches your Compose version, considering this table:
| Compose Version | datetime-wheel-picker Version |
|---|---|
| Compose 1.7 | |
| Compose 1.8 | |
| Compose 1.9 | |
repositories {
mavenCentral()
}kotlin {
sourceSets {
val commonMain by getting {
dependencies {
implementation("io.github.darkokoa:datetime-wheel-picker:<version>")
implementation("org.jetbrains.kotlinx:kotlinx-datetime:0.7.1")
}
}
}
}
dependencies {
implementation("io.github.darkokoa:datetime-wheel-picker:<version>")
implementation("org.jetbrains.kotlinx:kotlinx-datetime:0.7.1")
}compileOptions {
isCoreLibraryDesugaringEnabled = true
}
//...
dependencies {
coreLibraryDesugaring("com.android.tools:desugar_jdk_libs:2.1.5")
}Released under the Apache License, Version 2.0.