From d2dd41340a12ebef17e104a61309611a51cf1183 Mon Sep 17 00:00:00 2001
From: Yann Normand <yann.normand@gmail.com>
Date: Wed, 21 Nov 2018 10:25:41 +1000
Subject: [PATCH] downgrade to Typescript 2.8

---
 types/react-big-calendar/index.d.ts           |   2 +-
 .../react-big-calendar-tests.tsx              | 118 +++++++++---------
 2 files changed, 60 insertions(+), 60 deletions(-)

diff --git a/types/react-big-calendar/index.d.ts b/types/react-big-calendar/index.d.ts
index 0d4da60aa4..89e6f0eead 100644
--- a/types/react-big-calendar/index.d.ts
+++ b/types/react-big-calendar/index.d.ts
@@ -7,7 +7,7 @@
 //                 Paul Potsides <https://github.com/strongpauly>
 //                 janb87 <https://github.com/janb87>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.9
+// TypeScript Version: 2.8
 import { Validator } from 'prop-types';
 import * as React from 'react';
 
diff --git a/types/react-big-calendar/react-big-calendar-tests.tsx b/types/react-big-calendar/react-big-calendar-tests.tsx
index 918c352e0c..fd1e70f929 100644
--- a/types/react-big-calendar/react-big-calendar-tests.tsx
+++ b/types/react-big-calendar/react-big-calendar-tests.tsx
@@ -61,70 +61,70 @@ class CalendarResource {
 }
 
 {
+    class MyCalendar extends BigCalendar<CalendarEvent, CalendarResource> {}
+
     // Full API Example Test - based on API Documentation
     // http://intljusticemission.github.io/react-big-calendar/examples/index.html#api
     class FullAPIExample extends React.Component<BigCalendarProps<CalendarEvent, CalendarResource>> {
         render() {
             return (
-                <BigCalendar<CalendarEvent, CalendarResource>
-                    {...this.props}
-                    date={new Date()}
-                    view={'day'}
-                    events={getEvents()}
-                    onNavigate={(newDate: Date, view: View, action: Navigate) => { }}
-                    onView={(view: View) => { }}
-                    onSelectSlot={(slotInfo) => {
-                        const start = slotInfo.start;
-                        const end = slotInfo.end;
-                        const slots = slotInfo.slots;
-                    }}
-                    onSelectEvent={(event) => { }}
-                    onSelecting={(slotInfo) => {
-                        const start = slotInfo.start;
-                        const end = slotInfo.end;
-                        return true;
-                    }}
-                    views={['day']}
-                    toolbar={true}
-                    popup={true}
-                    popupOffset={20}
-                    selectable={true}
-                    step={20}
-                    rtl={true}
-                    eventPropGetter={(event, start, end, isSelected) => ({ className: 'some-class' })}
-                    titleAccessor={'title'}
-                    allDayAccessor={(event: CalendarEvent) => !!event.allDay}
-                    startAccessor={'start'}
-                    endAccessor={(event: CalendarEvent) => event.end || event.start}
-                    min={new Date()}
-                    max={new Date()}
-                    scrollToTime={new Date()}
-                    formats={{
-                        dateFormat: "h a",
-                        agendaDateFormat: (date: Date, culture?: string, localizer?: object) => "some-format",
-                        dayRangeHeaderFormat: (range: DateRange, culture?: string, localizer?: object) => "some-format"
-                    }}
-                    messages={{}}
-                    timeslots={24}
-                    defaultView={'month'}
-                    className={'my-calendar'}
-                    elementProps={{ id: 'myCalendar' }}
-                    components={{
-                        event: Event,
-                        agenda: {
-                            event: EventAgenda
-                        },
-                        toolbar: Toolbar,
-                        eventWrapper: EventWrapper,
-                    }}
-                    dayPropGetter={customDayPropGetter}
-                    slotPropGetter={customSlotPropGetter}
-                    defaultDate={new Date()}
-                    resources={getResources()}
-                    resourceAccessor={event => event.resourceId}
-                    resourceIdAccessor={resource => resource.id}
-                    resourceTitleAccessor={resource => resource.title}
-                />
+              <MyCalendar  {...this.props}
+              date={new Date()}
+              view={'day'}
+              events={getEvents()}
+              onNavigate={(newDate: Date, view: View, action: Navigate) => { }}
+              onView={(view: View) => { }}
+              onSelectSlot={(slotInfo) => {
+                  const start = slotInfo.start;
+                  const end = slotInfo.end;
+                  const slots = slotInfo.slots;
+              }}
+              onSelectEvent={(event) => { }}
+              onSelecting={(slotInfo) => {
+                  const start = slotInfo.start;
+                  const end = slotInfo.end;
+                  return true;
+              }}
+              views={['day']}
+              toolbar={true}
+              popup={true}
+              popupOffset={20}
+              selectable={true}
+              step={20}
+              rtl={true}
+              eventPropGetter={(event, start, end, isSelected) => ({ className: 'some-class' })}
+              titleAccessor={'title'}
+              allDayAccessor={(event: CalendarEvent) => !!event.allDay}
+              startAccessor={'start'}
+              endAccessor={(event: CalendarEvent) => event.end || event.start}
+              min={new Date()}
+              max={new Date()}
+              scrollToTime={new Date()}
+              formats={{
+                  dateFormat: "h a",
+                  agendaDateFormat: (date: Date, culture?: string, localizer?: object) => "some-format",
+                  dayRangeHeaderFormat: (range: DateRange, culture?: string, localizer?: object) => "some-format"
+              }}
+              messages={{}}
+              timeslots={24}
+              defaultView={'month'}
+              className={'my-calendar'}
+              elementProps={{ id: 'myCalendar' }}
+              components={{
+                  event: Event,
+                  agenda: {
+                      event: EventAgenda
+                  },
+                  toolbar: Toolbar,
+                  eventWrapper: EventWrapper,
+              }}
+              dayPropGetter={customDayPropGetter}
+              slotPropGetter={customSlotPropGetter}
+              defaultDate={new Date()}
+              resources={getResources()}
+              resourceAccessor={event => event.resourceId}
+              resourceIdAccessor={resource => resource.id}
+              resourceTitleAccessor={resource => resource.title} />
             );
         }
     }