IssueTracker

Jetpack Compose version: androidx.compose:compose-bom:2024.05.00

Jetpack Compose component(s) used: Material3 DatePicker

Android Studio Build: Android Studio Jellyfish

Kotlin version: 2.0.0

Steps to Reproduce or Code Sample to Reproduce:

1. Apply colors to the typography in MaterialTheme
2. Apply custom colors to the DatePicker
3. Observe the result - custom colors are not applied to the DatePicker text (title, day, year etc.)

@Composable
fun CustomTheme(
    content: @Composable () -> Unit
) {
    MaterialTheme(
        colorScheme = LightColorScheme,
        typography = MaterialTheme.typography.copy(
            displayLarge = MaterialTheme.typography.displayLarge.copy(color = Color.Red),
            displayMedium = MaterialTheme.typography.displayMedium.copy(color = Color.Red),
            displaySmall = MaterialTheme.typography.displaySmall.copy(color = Color.Red),
            headlineLarge = MaterialTheme.typography.headlineLarge.copy(color = Color.Red),
            headlineMedium = MaterialTheme.typography.headlineMedium.copy(color = Color.Red),
            headlineSmall = MaterialTheme.typography.headlineSmall.copy(color = Color.Red),
            titleLarge = MaterialTheme.typography.titleLarge.copy(color = Color.Red),
            titleMedium = MaterialTheme.typography.titleMedium.copy(color = Color.Red),
            titleSmall = MaterialTheme.typography.titleSmall.copy(color = Color.Red),
            bodyLarge = MaterialTheme.typography.bodyLarge.copy(color = Color.Red),
            bodyMedium = MaterialTheme.typography.bodyMedium.copy(color = Color.Red),
            bodySmall = MaterialTheme.typography.bodySmall.copy(color = Color.Red),
            labelLarge = MaterialTheme.typography.labelLarge.copy(color = Color.Red),
            labelMedium = MaterialTheme.typography.labelMedium.copy(color = Color.Red),
            labelSmall = MaterialTheme.typography.labelSmall.copy(color = Color.Red),
        ),
        content = content
    )
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
internal fun CustomDatePicker(
    onDismiss: () -> Unit,
    onConfirm: (Long) -> Unit
) {
    val datePickerState = rememberDatePickerState()

    DatePickerDialog(
        onDismissRequest = onDismiss,
        confirmButton = {
            Button(
                onClick = {
                    datePickerState.selectedDateMillis?.let {
                        onConfirm(it)
                    }
                }
            ) { Text(text = "Ok") }
        },
    ) {
        DatePicker(
            state = datePickerState,
            colors = DatePickerDefaults.colors(
                titleContentColor = Color.Blue, // doesn't work
                dayContentColor = Color.Cyan, // doesn't work
                selectedDayContentColor = Color.Yellow, // doesn't work
                selectedDayContainerColor = Color.Black,
                todayContentColor = Color.Green, // doesn't work
                todayDateBorderColor = Color.Green,
            )
        )
    }
}