IssueTracker

Jetpack Compose version: compose.material3 1.3.0-alpha06

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

Material Compose component used: compose.material3

Android Studio Build: Android Studio Jellyfish | 2023.3.1

Kotlin version: 1.9.23

The below sample code uses a button to switch between two DateRangePickerStates used by a DateRangePicker. The states differ only by their selectableDates parameter where one state only allows previous dates to be selected, the other only allows future dates.

Expected behavior is that the UI instantly updates according to the selectable dates when the button state parameter is changed (i.e. the button is pressed in the example).

Actual behavior is that only those months display the selectable dates correctly that are freshly scrolled into view. The dates of the months currently visible are only updated when scrolled out of view and back again into view.

Column {
	val pastOnlyState: DateRangePickerState = rememberDateRangePickerState(
		selectableDates = object : SelectableDates {
			override fun isSelectableDate(utcTimeMillis: Long): Boolean {
				return utcTimeMillis < Clock.System.now().toEpochMilliseconds()
			}
		}
	)

	val futureOnlyState: DateRangePickerState = rememberDateRangePickerState(
		selectableDates = object : SelectableDates {
			override fun isSelectableDate(utcTimeMillis: Long): Boolean {
				return utcTimeMillis > Clock.System.now().toEpochMilliseconds()
			}
		}
	)

	var usePastOnly by remember { mutableStateOf(true) }

	Button(onClick = { usePastOnly = !usePastOnly }) {
		Text("switch to only allow ${if (usePastOnly) "future" else "past"} dates")
	}

	DateRangePicker(state = if (usePastOnly) pastOnlyState else futureOnlyState)
}