Fix default DateTimePicker display on iOS and upgrade dep version to ^3 (#1271)

Author: ethanshar

package.json

@@ -67,7 +67,7 @@
     "@babel/runtime": "^7.8.4",
     "@react-native-community/async-storage": "^1.6.2",
     "@react-native-community/blur": "^3.4.1",
-    "@react-native-community/datetimepicker": "^2.1.0",
+    "@react-native-community/datetimepicker": "^3.4.6",
     "@react-native-community/eslint-config": "^1.1.0",
     "@react-native-community/netinfo": "^5.6.2",
     "@react-native-picker/picker": "^1.9.4",
@@ -101,9 +101,9 @@
     "react-native-haptic-feedback": "^1.11.0",
     "react-native-keyboard-tracking-view": "^5.6.1",
     "react-native-navigation": "7.6.0",
+    "react-native-reanimated": "2.0.0",
     "react-native-svg": "^12.1.0",
     "react-native-svg-transformer": "^0.14.3",
-    "react-native-reanimated": "2.0.0",
     "react-test-renderer": "^16.13.1",
     "shell-utils": "^1.0.10",
     "typescript": "3.9.7"

src/components/dateTimePicker/index.js

@@ -205,7 +205,7 @@ class DateTimePicker extends Component {
         supportedOrientations={['portrait', 'landscape', 'landscape-left', 'landscape-right']} // iOS only
         {...dialogProps}
       >
-        <View useSafeArea>
+        <View /* useSafeArea */>
           {this.renderHeader()}
           {this.renderDateTimePicker()}
         </View>
@@ -249,7 +249,7 @@ class DateTimePicker extends Component {
           is24Hour={is24Hour}
           minuteInterval={minuteInterval}
           timeZoneOffsetInMinutes={timeZoneOffsetInMinutes}
-          display={Constants.isIOS ? 'inline' : 'default'}
+          display={Constants.isIOS ? 'spinner' : undefined}
         />
       );
     }