fix: fix bug with date picker input not filling width ios

Author: RichardLindhout

example/src/App.tsx

@@ -192,14 +192,13 @@ function App() {
           <View>
             <Row>
               <Label>Input</Label>
-              <Text>
-                <DatePickerInput
-                  locale={locale}
-                  value={inputDate}
-                  onChange={setInputDate}
-                  inputMode="start"
-                />
-              </Text>
+
+              <DatePickerInput
+                locale={locale}
+                value={inputDate}
+                onChange={setInputDate}
+                inputMode="start"
+              />
             </Row>
             <Row>
               <Label>Date</Label>

src/Date/DatePickerInput.tsx

@@ -54,7 +54,7 @@ function DatePickerInput(
   )
 
   return (
-    <View>
+    <>
       <View style={styles.root}>
         <TextInputWithMask
           {...rest}
@@ -93,7 +93,7 @@ function DatePickerInput(
           dateMode={inputMode}
         />
       ) : null}
-    </View>
+    </>
   )
 }
 
@@ -114,12 +114,16 @@ function getLabel({
 
 const styles = StyleSheet.create({
   root: {
+    minWidth: 150,
     flexDirection: 'row',
     position: 'relative',
     alignItems: 'center',
-    flex: 1,
+    flexGrow: 1,
+    alignSelf: 'flex-start',
+  },
+  input: {
+    flexGrow: 1,
   },
-  input: { flex: 1 },
   calendarButton: { position: 'absolute', right: 0 },
 })
 export default React.forwardRef(DatePickerInput)