Fixing minor bug in datePicker

src/app/components/forms/FormDatePicker.js

@@ -1,12 +1,19 @@
-import React, { useState } from 'react'; 7
+import React, { useState } from "react";
-import { Modal, StyleSheet, Text, TouchableHighlight, View, Platform, TouchableOpacity } from 'react-native';
+import {
+  Modal,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View,
+  Platform,
+  TouchableOpacity,
+} from "react-native";
 import DateTimePicker from "@react-native-community/datetimepicker";
 
 import moment from "moment";
-import colors from '../../config/colors';
+import colors from "../../config/colors";
 
 const FormDatePicker = (props) => {
-
   const { textStyle, defaultDate } = props;
   const [date, setDate] = useState(moment(defaultDate));
   const [show, setShow] = useState(false);
@@ -14,7 +21,7 @@ const FormDatePicker = (props) => {
 
   const onChange = (e, selectedDate) => {
     setAuxDate(moment(selectedDate)); // variavel auxiliar para não alterar a data com a rolagem, apenas com o done
-    }
+  };
 
   const androidOnChange = (e, selectedDate) => {
     setShow(false);
@@ -22,13 +29,13 @@ const FormDatePicker = (props) => {
       setDate(moment(selectedDate));
       props.onDateChange(selectedDate);
     }
-    }
+  };
 
   const onCancelPress = () => {
     //setDate(moment(defaultDate));
     setShow(false);
     //console.log(moment(defaultDate).format("DD-MM-YYYY"))
-    }
+  };
 
   const onDonePress = () => {
     setDate(moment(auxDate)); //atualizar a data com a variável auxiliar
@@ -36,36 +43,36 @@ const FormDatePicker = (props) => {
     setShow(false);
     //console.log("done");
     //console.log(date.format("DD-MM-YYYY"));
-
+  };
-    }
 
   const renderDatePicker = () => {
     return (
       <DateTimePicker
-                timeZoneOffsetInMinutes={0}
+        timeZoneOffsetInDays={-1}
-                value={new Date(date)}
+        value={new Date(auxDate)}
         mode="date"
-                minimumDate={new Date(moment().subtract(1, 'month'))}
+        minimumDate={new Date(moment().subtract(1, "month"))}
         maximumDate={new Date(moment())}
-                formatChosenDate={selectedDate => {return moment(selectedDate).format('DD/MM/YYYY');}} //formatar a data do selected date
+        formatChosenDate={(selectedDate) => {
-                display={Platform.OS === 'ios' ? 'spinner' : 'default'} 
+          return moment(selectedDate).format("DD/MM/YYYY");
-                onChange={Platform.OS === 'ios' ? onChange : androidOnChange}
+        }} //formatar a data do selected date
+        display={Platform.OS === "ios" ? "spinner" : "default"}
+        onChange={Platform.OS === "ios" ? onChange : androidOnChange}
       />
-        )
+    );
-    }
+  };
 
   return (
-        <TouchableOpacity
+    <TouchableOpacity onPress={() => setShow(true)}>
-            onPress={() => setShow(true)}>
       <Text> {date.format("DD/MM/YYYY")}</Text>
-            {Platform.OS !== 'ios' && show && renderDatePicker()}
+      {Platform.OS !== "ios" && show && renderDatePicker()}
 
-            {Platform.OS === 'ios' && show && (
+      {Platform.OS === "ios" && show && (
         <Modal
           transparent={true}
           animationType="slide"
           visible={show}
-                    supportedOrientations={['portrait']}
+          supportedOrientations={["portrait"]}
           onRequestClose={() => setShow(false)}
         >
           <View style={{ flex: 1 }}>
@@ -77,45 +84,40 @@ const FormDatePicker = (props) => {
               }}
               activeOpacity={1}
               visible={show}
-                            onPress={() => setShow(false)}>
+              onPress={() => setShow(false)}
+            >
               <TouchableHighlight
-                                underlayColor={'#ffffff'}
+                underlayColor={"#ffffff"}
                 style={{
                   flex: 1,
-                                    borderTopColor: '#d3d3d3',
+                  borderTopColor: "#d3d3d3",
                   borderTopWidth: 1,
                 }}
                 onPress={() => console.log("datepicker clicked")}
               >
-                                <View style={{
+                <View
-                                    backgroundColor: '#ffffff',
+                  style={{
+                    backgroundColor: "#ffffff",
                     height: 256,
-                                    overflow: 'hidden',
+                    overflow: "hidden",
-                                }}>
+                  }}
-                                    <View style={{ marginTop: 20 }}>
+                >
-                                        { renderDatePicker() }
+                  <View style={{ marginTop: 20 }}>{renderDatePicker()}</View>
-                                    </View>
                   <TouchableHighlight
                     underlayColor={"transparent"}
                     onPress={() => onCancelPress()}
                     style={[styles.btnText, styles.btnCancel]}
                   >
-                                        <Text style={{ color: colors.primary }}>
+                    <Text style={{ color: colors.primary }}>Cancelar</Text>
-                                            Cancelar
-                                        </Text>
                   </TouchableHighlight>
                   <TouchableHighlight
                     underlayColor={"transparent"}
                     onPress={() => onDonePress()}
                     style={[styles.btnText, styles.btnDone]}
                   >
-                                        <Text style={{ color: colors.primary }}>
+                    <Text style={{ color: colors.primary }}>Confirmar</Text>
-                                            Confirmar
-                                        </Text>
                   </TouchableHighlight>
-
                 </View>
-
               </TouchableHighlight>
             </TouchableHighlight>
           </View>
@@ -128,8 +130,8 @@ const FormDatePicker = (props) => {
 FormDatePicker.defaultProps = {
   textStyle: {},
   defaultDate: moment(),
-    onDateChange: () => { },
+  onDateChange: () => {},
-}
+};
 
 const styles = StyleSheet.create({
   btnCancel: {