bluecherrydvr#16 Create new screen for the settings and moved date fo…

…rmat selection in settings screen also added convert the date and time in local

App.js

@@ -20,9 +20,9 @@ import {createDrawerNavigator} from '@react-navigation/drawer';
 import Orientation from 'react-native-orientation-locker';
 import Toast from 'react-native-toast-message';
 
-
 import ConnectServerScreen from './screens/ConnectServerScreen';
 import ServerSettingsScreen from './screens/ServerSettingsScreen';
+import SettingsScreen from './screens/SettingsScreen';
 
 import SessionContext from './session-context';
 import {CameraScreen, DirectCameraScreen} from './screens/CameraScreen';
@@ -261,6 +261,16 @@ const App: () => React$Node = () => {
                   },
                 }}
               />
+              <Drawer.Screen
+                name="Settings"
+                component={SettingsScreen}
+                options={{title: 'Settings'}}
+                listeners={{
+                  focus: () => {
+                    SplashScreen.hide();
+                  },
+                }}
+              />
             </Drawer.Navigator>
           ) : (
             <Stack.Navigator>

package.json

@@ -21,11 +21,13 @@
     "@react-navigation/material-top-tabs": "^5.3.13",
     "@react-navigation/native": "^5.9.2",
     "@react-navigation/stack": "^5.14.2",
+    "dayjs": "^1.10.7",
     "fast-xml-parser": "^3.18.0",
     "react": "16.13.1",
     "react-native": "0.64.1",
     "react-native-gesture-handler": "^1.9.0",
     "react-native-get-random-values": "^1.5.1",
+    "react-native-localize": "^2.1.4",
     "react-native-orientation-locker": "^1.2.0",
     "react-native-picker-select": "^8.0.4",
     "react-native-popup-menu": "^0.15.10",