Migration
Prop-by-prop guides from popular packages. Most migrations are a rename plus switching callbacks to (value) => ….
Compared with native pickers, your users keep a native look: the iOS design on iOS and Material Design on Android, by default. Set design="ios" on PickersProvider if you'd rather show the same look everywhere. See Designs.
| Coming from | Use |
|---|---|
@react-native-community/datetimepicker | DatePicker, TimePicker, DateTimePicker |
react-native-date-picker | DateWheelPicker, TimePicker, DatePickerSheet |
react-native-modal-datetime-picker | DatePickerSheet, TimePickerSheet, DateTimePickerSheet |
react-native-calendars | DatePicker |
react-native-picker-select | SelectPicker |
react-native-dropdown-picker | SelectPicker |
react-native-element-dropdown | SelectPicker |
@react-native-picker/picker | WheelPicker or SelectPicker |
@react-native-segmented-control/segmented-control | HorizontalList |
react-native-country-picker-modal | CountryPicker |
react-native-phone-number-input | PhoneField |
rn-emoji-keyboard | EmojiPickerSheet |
Not sure it's the right fit? Comparison shows when another library is the better choice.