Add date to site

src/App.js

@@ -129,6 +129,18 @@ export default function App() {
                       }}
                     />
                   </span>
+                  <span className="time-to-herd-date">
+                    &nbsp;(<TimeToHerdCount
+                          selectedCountry={selectedCountry}
+                          allVaccineData={allVaccineData}
+                          requestedData="timetoherd"
+                          requestedDataAsPercent={false}
+                          herdImmunityThresholdPercentage={
+                            herdImmunityThresholdPercentage
+                          }
+                          addDays={true}
+                        />)
+                  </span>
                 </div>
                 <p className="subheader">
                   until {herdImmunityThresholdPercentage}% of the population is

src/components/time-to-herd/time-to-herd.jsx

@@ -2,13 +2,15 @@ import React, { useState, useEffect } from "react";
 import CountUp from "react-countup";
 import "./country-section.css";
 import { CountriesMasterList } from "../../shared/data-factory.js";
+import moment from 'moment';
 
 export const TimeToHerdCount = ({
   selectedCountry,
   allVaccineData,
   requestedData,
   requestedDataAsPercent,
   herdImmunityThresholdPercentage,
+  addDays = false,
 }) => {
   const [
     herdImmunityVaccinationThreshold,
@@ -154,14 +156,17 @@ export const TimeToHerdCount = ({
 
   return (
     <>
-      {requestedDataAsPercent ? (
-        <CountUp end={requestedDataValue || 0} duration={1} decimals={3} />
-      ) : (
-        <CountUp
-          className="datapoint-value"
-          end={requestedDataValue || 0}
-          separator=","
-        />
+      {addDays ?
+        (moment().add(requestedDataValue, 'days').format("YYYY MMMM DD"))
+        : (requestedDataAsPercent ? (
+          <CountUp end={requestedDataValue || 0} duration={1} decimals={3} />
+        ) : (
+          <CountUp
+            className="datapoint-value"
+            end={requestedDataValue || 0}
+            separator=","
+          />
+        )
       )}
     </>
   );