React Native Date Picker

Jerald Jayaraj D

Hi i am using import DatePicker from 'react-native-datepicker' this date picker but getting This error.it worked few year ago but not working .this issue getting only in andird ios .is working fine

ERROR Invariant Violation: DatePickerAndroid has been removed from React Native. It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-native'. js engine: hermes

while importing from @react-native-community/datetimepicker this now text coming directliy coming popup window.. this somting like below window kindly help me out

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jerald Jayaraj D3y ago
yes i followed steps textbox not coimg and calendaer pop uping without click
Deepak Rawat3y ago
The error message suggests that the DatePickerAndroid module has been removed from React Native and should be installed and imported from @react-native-community/datetimepicker instead of the react-native package.

To resolve this issue, you can follow these steps:
1. Install the required package: Open your project directory in a terminal and run the following command to install the @react-native-community/datetimepicker package:
```
npm install @react-native-community/datetimepicker --save
```
Import the DatePicker component: Update your import statement for the DatePicker component to import from @react-native-community/datetimepicker instead of react-native-datepicker. Modify your import statement to the following:
```
import DatePicker from '@react-native-community/datetimepicker';
```
1. Update your code: Replace the usage of the DatePicker component in your code with the updated component from @react-native-community/datetimepicker.
2. Make sure to rebuild your app: After making the changes, rebuild your React Native app to ensure that the changes are reflected correctly.
Now you should be able to resolve the error related to the DatePicker component and successfully use the @react-native-community/datetimepicker package in your React Native project.