fixing datepicker erro - ios

src/app/screens/PluviometerSharingDataScreen.js

@@ -18,6 +18,7 @@ import DateTimePicker from '@react-native-community/datetimepicker';
 import { FontAwesome5 } from '@expo/vector-icons';
 import { showMessage } from "react-native-flash-message";
 import moment from 'moment';
+import colors from "../config/colors";
 
 const validationSchema = Yup.object().shape({
   pluviometer: Yup.number().required().min(1).max(10000).label("pluviometer"),
@@ -121,63 +122,63 @@ function PluviometerSharingDataScreen(props) {
             <TouchableOpacity style={styles.datepickerStyle}
               onPress={() => setShow(true)}>
               <View style={styles.datePickerView}>
-                <View style={{ flexDirection:"row", justifyContent:"space-between", width: 280 }}>
-                  <Text style={{fontSize: 16, marginLeft: 15}}>{date.format('DD/MM/YYYY')}</Text>
+                <View style={{ flexDirection: "row", justifyContent: "space-between", width: 280 }}>
+                  <Text style={{ fontSize: 16, marginLeft: 15 }}>{date.format('DD/MM/YYYY')}</Text>
                   <FontAwesome5 style={styles.dateIcon} name="calendar-day" size={24} color="grey" />
                 </View>
-                {Platform.OS !== 'ios' && show &&  renderDatePicker()}
+                {Platform.OS !== 'ios' && show && renderDatePicker()}
                 {Platform.OS === 'ios' && show && (
-                    <Modal
-                      transparent={true}
-                      animationType="slide"
-                      visible={show}
-                      supportedOrientations={['portrait']}
-                      onRequestClose={() => setShow(false)}>
-                      <View style={{ flex: 1 }}>
+                  <Modal
+                    transparent={true}
+                    animationType="slide"
+                    visible={show}
+                    supportedOrientations={['portrait']}
+                    onRequestClose={() => setShow(false)}>
+                    <View style={{ flex: 1 }}>
+                      <TouchableHighlight
+                        style={{
+                          flex: 1,
+                          alignItems: 'flex-end',
+                          flexDirection: 'row',
+                        }}
+                        activeOpacity={1}
+                        visible={show}
+                        onPress={() => setShow(false)}>
                         <TouchableHighlight
+                          underlayColor={'#f8f4f4'}
                           style={{
                             flex: 1,
-                            alignItems: 'flex-end',
-                            flexDirection: 'row',
+                            borderTopColor: 'primary',
+                            borderTopWidth: 1,
                           }}
-                          activeOpacity={1}
-                          visible={show}>
-                          onPress={() => setShow(false)}
-                          <TouchableHighlight
-                            underlayColor={''}
+                          onPress={() => console.log('Datepicker press')}>
+                          <View
                             style={{
-                              flex: 1,
-                              borderTopColor: 'primary',
-                              borderTopWidth: 1,
-                            }}
-                            onPress={() => console.log('Datepicker press')}>
-                            <View
-                              style={{
-                                backgroundColor: '#f8f8ff',
-                                height: 256,
-                                overflow: 'hidden',
-                              }}>
-                                <View style={{ marginTop:20 }}>
-                                  { renderDatePicker }
-                                </View>
-                              <TouchableHighlight
-                                underlayColor={'transparent'}
-                                onPress={() => onCancelPress()}
-                                style={(styles.btnText, styles.btnCancel)}>
-                                <Text>Cancelar</Text>
-                              </TouchableHighlight>
-        
-                              <TouchableHighlight
-                                underlayColor={'transparent'}
-                                onPress={() => onDonePress()}
-                                style={(styles.btnText, styles.btnDone)}>
-                                <Text>OK</Text>
-                              </TouchableHighlight>
+                              backgroundColor: '#f8f8ff',
+                              height: 256,
+                              overflow: 'hidden',
+                            }}>
+                            <View style={{ marginTop: 20 }}>
+                              {renderDatePicker()}
                             </View>
-                          </TouchableHighlight>
+                            <TouchableHighlight
+                              underlayColor={'transparent'}
+                              onPress={() => console.log('Datepicker press')}
+                              style={(styles.btnText, styles.btnCancel)}>
+                              <Text>Cancelar</Text>
+                            </TouchableHighlight>
+
+                            <TouchableHighlight
+                              underlayColor={'transparent'}
+                              onPress={() => console.log('Datepicker press')}
+                              style={(styles.btnText, styles.btnDone)}>
+                              <Text>Ok</Text>
+                            </TouchableHighlight>
+                          </View>
                         </TouchableHighlight>
-                      </View>
-                    </Modal>
+                      </TouchableHighlight>
+                    </View>
+                  </Modal>
                 )}
               </View>
             </TouchableOpacity>
@@ -234,7 +235,8 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     flexDirection: "row",
     alignItems: "center",
-    justifyContent: "center"
+    justifyContent: "center",
+    color: colors.primary,
   },
   btnCancel: {
     left: 0,