(chore) update date picker

ios/Podfile.lock

@@ -265,6 +265,8 @@ PODS:
     - React
   - RNConvertPhAsset (1.0.3):
     - React
+  - RNDateTimePicker (2.2.2):
+    - React
   - RNDeviceInfo (4.0.1):
     - React
   - RNExitApp (1.1.0):
@@ -350,6 +352,7 @@ DEPENDENCIES:
   - "RNCAsyncStorage (from `../node_modules/@react-native-community/async-storage`)"
   - "RNCMaskedView (from `../node_modules/@react-native-community/masked-view`)"
   - RNConvertPhAsset (from `../node_modules/react-native-convert-ph-asset`)
+  - "RNDateTimePicker (from `../node_modules/@react-native-community/datetimepicker`)"
   - RNDeviceInfo (from `../node_modules/react-native-device-info`)
   - RNExitApp (from `../node_modules/react-native-exit-app`)
   - RNFastImage (from `../node_modules/react-native-fast-image`)
@@ -457,6 +460,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/@react-native-community/masked-view"
   RNConvertPhAsset:
     :path: "../node_modules/react-native-convert-ph-asset"
+  RNDateTimePicker:
+    :path: "../node_modules/@react-native-community/datetimepicker"
   RNDeviceInfo:
     :path: "../node_modules/react-native-device-info"
   RNExitApp:
@@ -531,6 +536,7 @@ SPEC CHECKSUMS:
   RNCAsyncStorage: 60a80e72d95bf02a01cace55d3697d9724f0d77f
   RNCMaskedView: a88953beefbd347a29072d9eba90e42945fe291e
   RNConvertPhAsset: 9b366b8a1abc194b76572712c6f7dd89c9e4e37f
+  RNDateTimePicker: 65eadfa62b069b415a6ac1d20a81cacfa26cb37a
   RNDeviceInfo: 687c1b2ab6d86ff1ca1208783320cd144138c7f2
   RNExitApp: c4e052df2568b43bec8a37c7cd61194d4cfee2c3
   RNFastImage: c104f15f04c4f68bd65c9645cc27900bbacd9cc7

package.json

@@ -22,6 +22,7 @@
     "@react-native-community/async-storage": "^1.3.4",
     "@react-native-community/cameraroll": "^1.3.0",
     "@react-native-community/masked-view": "^0.1.6",
+    "@react-native-community/datetimepicker": "^2.2.2",
     "@react-native-community/netinfo": "^4.4.0",
     "@react-navigation/bottom-tabs": "^5.0.3",
     "@react-navigation/native": "^5.0.3",
@@ -64,7 +65,7 @@
     "react-native-material-menu": "^1.0.0",
     "react-native-minds-encryption": "Minds/react-native-minds-encryption#736571522c9d5f96c9bc4b454b2828e3940b6ccc",
     "react-native-modal": "^11.4.0",
-    "react-native-modal-datetime-picker": "^7.6.0",
+    "react-native-modal-datetime-picker": "^8.2.0",
     "react-native-notifications": "Minds/react-native-notifications#333e376f866a805f250cc68706d97ace503b948a",
     "react-native-phone-input": "thegamenicorus/react-native-phone-input#6ab1a91a09ddd4272fe85e30ecedf092f0fcb1a7",
     "react-native-progress": "^3.6.0",

src/common/components/Input.js

@@ -82,6 +82,8 @@ export default class Input extends Component {
    */
   dateInput = () => {
     const CS = ThemedStyles.style;
+    const maxDate = new Date();
+    maxDate.setFullYear(maxDate.getFullYear() - 13);
     return (
       <View>
         <TouchableOpacity
@@ -98,9 +100,11 @@ export default class Input extends Component {
         <DateTimePicker
           isVisible={this.state.datePickerVisible}
           onConfirm={this.confirmDatePicker}
-          date={new Date()}
+          date={maxDate}
+          maximumDate={maxDate}
           onCancel={this.dismissDatePicker}
           mode="date"
+          display="spinner"
         />
       </View>
     );

yarn.lock

@@ -1024,6 +1024,13 @@
     wcwidth "^1.0.1"
     ws "^1.1.0"
 
+"@react-native-community/datetimepicker@^2.2.2":
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@react-native-community/datetimepicker/-/datetimepicker-2.2.2.tgz#4c6388631179098cc5b289146e879764f79af4c1"
+  integrity sha512-J4Z1tuZQszLR+BNu+UusZlK6/S+CpI6AHzolqTdPS2tRlyVbVim3KyjXrn8trtKxQncR5LEqF9OHw9zsRfEdXA==
+  dependencies:
+    invariant "^2.2.4"
+
 "@react-native-community/eslint-config@^0.0.5":
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/@react-native-community/eslint-config/-/eslint-config-0.0.5.tgz#584f6493258202a57efc22e7be66966e43832795"
@@ -8110,15 +8117,14 @@ react-native-minds-encryption@Minds/react-native-minds-encryption#736571522c9d5f
   version "0.1.0"
   resolved "https://codeload.github.com/Minds/react-native-minds-encryption/tar.gz/736571522c9d5f96c9bc4b454b2828e3940b6ccc"
 
-react-native-modal-datetime-picker@^7.6.0:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/react-native-modal-datetime-picker/-/react-native-modal-datetime-picker-7.6.0.tgz#6818f221010d0f61a6396a956b303fee65726fee"
-  integrity sha512-p7MquU/oAFO+S7+d1IYYK/8b9mroZXuStK2HA2FxX3e8O1YeNyq2Bggr4KPr6D0saJ/6iGzq8pFwN0YfaCW9+A==
+react-native-modal-datetime-picker@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/react-native-modal-datetime-picker/-/react-native-modal-datetime-picker-8.2.0.tgz#7f67d44afab7416e5c662a0d64c99a1c7f644379"
+  integrity sha512-+9ZKjZ3UhvDDHmJybyoeuNKSSWvFuUzGhPMknM6D+5SNFzunf2fw+VcTTC8tKwUfCC746Ea1UwngObBZVQOFAQ==
   dependencies:
     prop-types "^15.7.2"
-    react-native-modal "^11.0.2"
 
-react-native-modal@^11.0.2, react-native-modal@^11.4.0:
+react-native-modal@^11.4.0:
   version "11.5.3"
   resolved "https://registry.yarnpkg.com/react-native-modal/-/react-native-modal-11.5.3.tgz#28b4c761680a165eaf1d2c0fb08e272c0191b39f"
   integrity sha512-U6RghSkZUZ6c0LHMbwAnVscEwGoI58eXfBstVs18t50miV0GmLcJhIOu5OND+SDGVkBQFiGFRu/pTUJaA7wfGw==