kind of fixed date picker for ios

components/depense_edit/depense_form.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { StyleSheet, Text, View, TextInput, Alert, Pressable } from 'react-native';
 import { sqlite_exec_parameterised } from '../../db/query';
 import DateTimePicker from '@react-native-community/datetimepicker';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 
 export default function DepenseForm(props){
@@ -16,9 +17,6 @@ export default function DepenseForm(props){
 
     let update_depense = null != props.depense;
 
-    const toggleDateInput = () => {
-        onDatePicker(true);
-    }
 
     return (
         <View style={ depense_form_styles.form_area }>
@@ -46,15 +44,14 @@ export default function DepenseForm(props){
                 </View>
                 <View style={ depense_form_styles.form_entry }>
                     <Text> 📅</Text>
-                    <TextInput 
-                    onPressIn={ () => toggleDateInput()}
-                    value={ depenseDate.toDateString() } style={ depense_form_styles.input }
-                        onChangeText={ (value) => {
-                            onDescriptionEdit(value);
-                        }}
-                    />
-                    {/* https://github.com/react-native-datetimepicker/datetimepicker */}
-                    { timePickerDisplay && <DateTimePicker
+                    <Pressable onPress={ () => onDatePicker(true)} style={ depense_form_styles.input }>
+                    <Text >
+                    { depenseDate.toDateString() } 
+                    </Text>
+                    </Pressable>
+                </View>
+                {/* https://github.com/react-native-datetimepicker/datetimepicker */}
+                { timePickerDisplay && <DateTimePicker
                         testID="dateTimePicker"
                         value={depenseDate}
                         mode={"date"}
@@ -70,7 +67,6 @@ export default function DepenseForm(props){
                         }}
                         />
                     }
-                </View>
                 <Pressable 
                     style={depense_form_styles.button_add} 
                     onPress={() =>