IssueTracker

Jetpack Compose version: 2024.12.01

Material Library Version (M2, M3 or Both?): m3

Currently, if confirmButton in the DatePickerDialog component has a height that is too large, resulting in the elements of the main component (DatePicker) being clipped.

In my opinion, individual elements like confirmButton and dismissButton in the AlertDialogFlowRow should have their maximum height constrained to avoid breaking the rest of the component. However, the correct "magic" value for this constraint remains unclear.

Alternatively, the buttons could be adjusted in such a way that their size doesn't negatively affect other elements in the component.

Steps to Reproduce or Code Sample to Reproduce:

@Composable
private fun MainContent() {
    Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
        Column(modifier = Modifier.padding(innerPadding)) {
            var showPicker by remember { mutableStateOf(false) }

            if (showPicker) {
                DatePickerDialog(
                    onDismissRequest = {
                        showPicker = false
                    }, confirmButton = {
                        Button(onClick = {})
                        { Text("Big", fontSize = 32.sp) }
                    })
                {
                    DatePicker(rememberDatePickerState(yearRange = 2023..2028))
                }
            }
            Button(onClick = {
                showPicker = !showPicker
            }, content = {
                Text("Click")
            })
        }
    }
}