Skip to content

A Native Date and Time Picker library for react native which uses Jetpack Compose Material 3 Date and Time Pickers under the hood.

License

Notifications You must be signed in to change notification settings

rvibit/react-native-jetpack-compose-datetimepicker

Repository files navigation

react-native-jetpack-compose-datetimepicker

A Native Date and Time Picker library for react native which uses Jetpack Compose Material3 Date and Time Pickers under the hood. It uses react Native Fabric Component (New Architecture only)

Installation

npm install react-native-jetpack-compose-datetimepicker

Usage

import { MaterialDatetimepicker } from 'react-native-jetpack-compose-datetimepicker';

// ...

<MaterialDatetimepicker
  defaultDate={pickerState.date}
  onCancel={() => console.log('cancel')}
  isVisible={true}
  onConfirm={(val) => console.log(val)}
  confirmText="Confirm"
  displayMode="picker"
  pickerType="date"
/>;

Screenshots/Demo

video_20240731_122631_edit.mp4

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


Made with create-react-native-library

About

A Native Date and Time Picker library for react native which uses Jetpack Compose Material 3 Date and Time Pickers under the hood.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published