From c73aabf0ccecabaad2d118cb2c24e55bf9df6d6b Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Sun, 10 Dec 2017 13:26:03 +0000
Subject: [PATCH] Fix agenda header formatting.

---
 src/Calendar.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/Calendar.tsx b/src/Calendar.tsx
index 6334f12..c8caade 100644
--- a/src/Calendar.tsx
+++ b/src/Calendar.tsx
@@ -43,6 +43,11 @@ class Calendar extends React.Component {
       };
     }
 
+    function agendaHeaderFormat(date: {start: Date, end: Date}, culture: string, localizer: any) {
+      const format = 'll';
+      return localizer.format(date.start, format) + ' - ' + localizer.format(date.end, format);
+    }
+
     return (
       <div style={{width: '100%', height: 500, padding: 10}}>
         <BigCalendar
@@ -50,6 +55,7 @@ class Calendar extends React.Component {
           onSelectEvent={(event: any) => {
             this.props.onItemClick(event);
           }}
+          formats={{agendaHeaderFormat: agendaHeaderFormat}}
           eventPropGetter={eventPropGetter}
           date={this.state.currentDate}
           onNavigate={(currentDate: Date) => { this.setState({currentDate}); }}