WheelPickerCompose

613 stars

by Emir Demirli

Date Picker Time Picker UI Component

Wheel Date and Time Picker for Jetpack Compose with customizable appearance and behavior.

View on GitHub

Documentation

WheelPickerCompose

Add Wheel Date - Time Picker in Android Jetpack Compose.

Usage

Picker	Usage
	`WheelDateTimePicker { snappedDateTime -> }`
	`WheelDatePicker { snappedDate -> }`
	`WheelTimePicker { snappedTime -> }`
	`WheelTimePicker(timeFormat = TimeFormat.AM_PM) { snappedTime -> }`

Features

WheelDateTimePicker(
    startDateTime = LocalDateTime.of(
        2025, 10, 20, 5, 30
    ),
    minDateTime = LocalDateTime.now(),
    maxDateTime = LocalDateTime.of(
        2025, 10, 20, 5, 30
    ),
    timeFormat = TimeFormat.AM_PM,
    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 -> }

Setup

Open the file settings.gradle (it looks like that)

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        google()
        mavenCentral()
        // add jitpack here 👇🏽
        maven { url 'https://jitpack.io' }
       ...
    }
} 
...

Sync the project
Add dependency

dependencies {
    implementation 'com.github.commandiron:WheelPickerCompose:1.1.11'
}

< API 26 (optional)

compileOptions {
    coreLibraryDesugaringEnabled true
    //
}
//
dependencies {
    //
    coreLibraryDesugaring "com.android.tools:desugar_jdk_libs:1.1.6"
}