Starts using redux store for storing the date

components/header/cycle-day.js

@@ -6,7 +6,7 @@ import styles from '../../styles'
 import NavigationArrow from './navigation-arrow'
 import formatDate from '../helpers/format-date'
 
-export default function CycleDayHeader({ date, ...props }) {
+export default function CycleDayHeader({ date, cycleDayNumber, ...props }) {
   return (<View style={[styles.header, styles.headerCycleDay]}>
     <View
       style={styles.accentCircle}
@@ -17,10 +17,11 @@ export default function CycleDayHeader({ date, ...props }) {
       <Text style={styles.dateHeader} testID='cycleDayTitleDate'>
         {formatDate(date)}
       </Text>
-      {props.cycleDayNumber &&
+      { cycleDayNumber &&
         <Text style={styles.cycleDayNumber}>
-          {`Cycle day ${props.cycleDayNumber}`.toLowerCase()}
-        </Text>}
+          {`Cycle day ${cycleDayNumber}`.toLowerCase()}
+        </Text>
+      }
     </View>
     <NavigationArrow direction='right' {...props}/>
   </View>

components/header/symptom-view.js

@@ -26,9 +26,11 @@ export default function SymptomViewHeader(props) {
         <Text style={styles.dateHeader} testID='symptomViewTitleName'>
           {props.title}
         </Text>
-        <Text style={styles.cycleDayNumber} testID='symptomViewTitleDate'>
-          {formatDate(props.date)}
-        </Text>
+        { props.date &&
+          <Text style={styles.cycleDayNumber} testID='symptomViewTitleDate'>
+            {formatDate(props.date)}
+          </Text>
+        }
       </View >
       { props.deleteIconActive &&
         <TouchableOpacity