From 87a67e77c9704af6a1fd62901ebb0661e61a72dd Mon Sep 17 00:00:00 2001
From: Brandon Fitzwater <brandonfitzh2o@gmail.com>
Date: Wed, 27 Apr 2022 18:22:11 -0400
Subject: [PATCH] Resolved misaligned helper text.

---
 src/Date/DatePickerInput.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/Date/DatePickerInput.tsx b/src/Date/DatePickerInput.tsx
index 541ab98c..ffe5c10d 100644
--- a/src/Date/DatePickerInput.tsx
+++ b/src/Date/DatePickerInput.tsx
@@ -85,11 +85,12 @@ function DatePickerInput(
             onPress={() => setVisible(true)}
           />
         ) : null}
+        <View style={styles.helperText}>
+          <HelperText style={styles.helperText} type="error" visible={!!error}>
+            {error}
+          </HelperText>
+        </View>
       </View>
-      <HelperText type="error" visible={!!error}>
-        {error}
-      </HelperText>
-
       {withModal ? (
         <DatePickerModal
           date={value}
@@ -124,13 +125,14 @@ function getLabel({
 const styles = StyleSheet.create({
   root: {
     minWidth: 150,
-    flexDirection: 'row',
-    position: 'relative',
-    alignItems: 'center',
+    display: "flex",
     flexGrow: 1,
   },
-  input: {
-    flexGrow: 1,
+  helperTextContainer: {
+    flexDirection: 'row'
+  },
+  helperText: {
+    flex: 1,
   },
   calendarButton: { position: 'absolute', right: 0, zIndex: 10 },
 })