This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 54).

DateTimePicker

A Jetpack Compose DateTimePicker component for selecting dates and times.

Android

A date and time picker component that allows users to select dates, times, or both using native Android dialogs.

Installation

Terminal

- npx expo install @expo/ui

If you are installing this in an existing React Native app, make sure to install expo in your project.

Date time picker

import { DateTimePicker } from '@expo/ui/jetpack-compose';

<DateTimePicker
  onDateSelected={date => {
    setSelectedDate(date);
  }}
  displayedComponents='date'
  initialDate={selectedDate.toISOString()}
  variant='picker'
/>

See official Jetpack Compose documentation for more information.

Time picker

import { DateTimePicker } from '@expo/ui/jetpack-compose';

<DateTimePicker
  onDateSelected={date => {
    setSelectedDate(date);
  }}
  displayedComponents='hourAndMinute'
  initialDate={selectedDate.toISOString()}
  variant='picker'
/>

See official Jetpack Compose documentation for more information.

API

import { DateTimePicker } from '@expo/ui/jetpack-compose';

No API data file found, sorry!