title: Full Calendar: Show total hours of all the events on the top
body: <p>I know this question has been asked already here but the issue is I am using react, I don't have Jquery in my project, I will only install it if it is absolutely necessary.</p>
  <p><strong>The Requirement:</strong> same as this question, but in reactJS
  <a href="https://stackoverflow.com/questions/20970249/fullcalendar-show-total-added-event-hours-for-each">FullCalendar: Show total added event hours for each</a></p>
  <p><strong>What I've tried</strong></p>
  <p>dayCellContent calls the below function. This function currently shows the current date, but I also need it to show total hours of that particular day and render it beside the Total Hours.</p>
  <pre><code>   const injectDayCellContent = (args) =&gt; {
          return (
            &lt;div&gt;
              &lt;p&gt;Total Hours&lt;/p&gt;
              &lt;b&gt;{new Date(args.date).getDate()}&lt;/b&gt;
            &lt;/div&gt;
          )
        }
  </code></pre>
  <p>I am not sure how I can accumulate the total hours and display on top.</p>