Date Picker Header

DatePicker.kt

Column(
    modifier = Modifier
        .fillMaxWidth()
        .background(datePickerColor.datePickerHeaderColor)
        .padding(16.dp)
) {
    Text(
        modifier = Modifier.clickable {
            setMode(DatePickerMode.YEAR)
        },
        text = year,
        fontSize = 14.sp,
        style = when(currentMode) {
            DatePickerMode.YEAR -> dateTextStyle.datePickerSelectedTextStyle
            DatePickerMode.MONTH -> dateTextStyle.datePickerUnselectedTextStyle
        }
    )
    Text(
        modifier = Modifier.clickable {
            setMode(DatePickerMode.MONTH)
        },
        text = monthText,
        fontSize = 24.sp,
        style = when(currentMode) {
            DatePickerMode.YEAR -> dateTextStyle.datePickerUnselectedTextStyle
            DatePickerMode.MONTH -> dateTextStyle.datePickerSelectedTextStyle
        }
    )
}