Date Picker

A calendar component that returns a date in unix ms.

  • DatePicker will stretch its width as much as possible. Use .width(360.dp) to get the default look.
  • Consider adopting kotlinx-datetime to do calendar-related computations.
Compose Multiplatform

Date Picker Dialog

Example that shows a DatePicker in a Dialog.

Compose Multiplatform

Date Range Picker

A calendar component that returns a date range in unix ms.

  • DateRangePicker's height must be set as it is an scrollable column. Use .size(360.dp, 568.dp) to get the default look.
  • Use .width(450.dp) or wider if you want the end date on a single line.
Compose Multiplatform

Date Range Picker Dialog

Example that shows a DateRangePicker in a Dialog.

Compose Multiplatform