diff --git a/react-big-calendar/index.d.ts b/react-big-calendar/index.d.ts index c55a3c126c..75508cae5e 100644 --- a/react-big-calendar/index.d.ts +++ b/react-big-calendar/index.d.ts @@ -1,4 +1,4 @@ -// Type definitions for react-big-calendar 0.11 +// Type definitions for react-big-calendar 0.12.3 // Project: https://github.com/intljusticemission/react-big-calendar // Definitions by: Piotr Witek // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped @@ -26,10 +26,10 @@ declare module 'react-big-calendar' { step?: number; rtl?: boolean; eventPropGetter?: (event: Object, start: stringOrDate, end: stringOrDate, isSelected: boolean) => void; - titleAccessor?: string; - allDayAccessor?: boolean; - startAccessor?: stringOrDate; - endAccessor?: stringOrDate; + titleAccessor?: string | ((row: Object) => string); + allDayAccessor?: string | ((row: Object) => boolean); + startAccessor?: string | ((row: Object) => Date); + endAccessor?: string | ((row: Object) => Date); min?: stringOrDate; max?: stringOrDate; scrollToTime?: stringOrDate; @@ -38,6 +38,8 @@ declare module 'react-big-calendar' { messages?: Object; timeslots?: number; defaultView?: string; + className?: string; + elementProps?: React.HTMLAttributes; } class BigCalendar extends React.Component { diff --git a/react-big-calendar/react-big-calendar-tests.tsx b/react-big-calendar/react-big-calendar-tests.tsx index 9e492462ae..2ca939c0a6 100644 --- a/react-big-calendar/react-big-calendar-tests.tsx +++ b/react-big-calendar/react-big-calendar-tests.tsx @@ -58,10 +58,10 @@ const FullAPIExample = React.createClass({ step={20} rtl={true} eventPropGetter={(event, start, end, isSelected) => { } } - titleAccessor={'string'} - allDayAccessor={true} - startAccessor={new Date()} - endAccessor={new Date()} + titleAccessor={'title'} + allDayAccessor={(row:any) => !!row.allDay} + startAccessor={'start'} + endAccessor={(row:any) => row.end || row.start} min={new Date()} max={new Date()} scrollToTime={new Date()} @@ -70,6 +70,8 @@ const FullAPIExample = React.createClass({ messages={{}} timeslots={24} defaultView={'month'} + className={'my-calendar'} + elementProps={{id: 'myCalendar'}} /> ); }