From c5a34b5a429f1e7bac09a83dee52dd864101f786 Mon Sep 17 00:00:00 2001
From: Adrien Castagliola <a.castagliola@smartway.ai>
Date: Mon, 5 Feb 2024 17:56:59 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20DateSelector=20-=20fix=20error?=
 =?UTF-8?q?=20message=20not=20displaying=20after=20errorMessage=20update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dateSelector/DateSelector.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/dateSelector/DateSelector.tsx b/src/components/dateSelector/DateSelector.tsx
index ee944ecf..319b68d1 100644
--- a/src/components/dateSelector/DateSelector.tsx
+++ b/src/components/dateSelector/DateSelector.tsx
@@ -1,6 +1,6 @@
 import { StyleSheet, TextInput, View } from 'react-native';
 import { DateField } from './DateField';
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Theme, useTheme } from '../../styles/themes';
 import { Headline } from '../typography/Headline';
 import { Body } from '../typography/Body';
@@ -38,6 +38,10 @@ export const DateSelector = ({
     const [yearField, setYearField] = useState('');
     const [displayError, setDisplayError] = useState(!!errorMessage);
 
+    useEffect(() => {
+        setDisplayError(!!errorMessage);
+    }, [errorMessage]);
+
     const refDay = useRef<TextInput>(null);
     const refMonth = useRef<TextInput>(null);
     const refYear = useRef<TextInput>(null);