Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@types/react-big-calendar

Package Overview
Dependencies
Maintainers
1
Versions
95
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@types/react-big-calendar - npm Package Compare versions

Comparing version 0.17.1 to 0.18.0

340

react-big-calendar/index.d.ts

@@ -1,193 +0,193 @@

// Type definitions for react-big-calendar 0.17.0
// Type definitions for react-big-calendar 0.18
// Project: https://github.com/intljusticemission/react-big-calendar
// Definitions by: Piotr Witek <http://piotrwitek.github.io>
// Definitions by: Piotr Witek <https://github.com/piotrwitek>
// Austin Turner <https://github.com/paustint>
// Krzysztof Bezrąk <https://github.com/pikpok>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.6
declare module 'react-big-calendar' {
import * as React from 'react';
import * as React from 'react';
export type stringOrDate = string | Date;
export type View = 'month' | 'week' | 'work_week' | 'day' | 'agenda';
export type Navigate = 'PREV' | 'NEXT' | 'TODAY' | 'DATE';
export interface Format {
/**
* Format for the day of the month heading in the Month view.
* e.g. "01", "02", "03", etc
*/
dateFormat?: string,
export type stringOrDate = string | Date;
export type View = 'month' | 'week' | 'work_week' | 'day' | 'agenda';
export type Navigate = 'PREV' | 'NEXT' | 'TODAY' | 'DATE';
export interface Format {
/**
* Format for the day of the month heading in the Month view.
* e.g. "01", "02", "03", etc
*/
dateFormat?: string;
/**
* A day of the week format for Week and Day headings,
* e.g. "Wed 01/04"
*
*/
dayFormat?: string,
/**
* A day of the week format for Week and Day headings,
* e.g. "Wed 01/04"
*
*/
dayFormat?: string;
/**
* Week day name format for the Month week day headings,
* e.g: "Sun", "Mon", "Tue", etc
*
*/
weekdayFormat?: string,
/**
* Week day name format for the Month week day headings,
* e.g: "Sun", "Mon", "Tue", etc
*
*/
weekdayFormat?: string;
/**
* The timestamp cell formats in Week and Time views, e.g. "4:00 AM"
*/
timeGutterFormat?: string,
/**
* The timestamp cell formats in Week and Time views, e.g. "4:00 AM"
*/
timeGutterFormat?: string;
/**
* Toolbar header format for the Month view, e.g "2015 April"
*
*/
monthHeaderFormat?: string,
/**
* Toolbar header format for the Month view, e.g "2015 April"
*
*/
monthHeaderFormat?: string;
/**
* Toolbar header format for the Week views, e.g. "Mar 29 - Apr 04"
*/
dayRangeHeaderFormat?: string,
/**
* Toolbar header format for the Week views, e.g. "Mar 29 - Apr 04"
*/
dayRangeHeaderFormat?: string;
/**
* Toolbar header format for the Day view, e.g. "Wednesday Apr 01"
*/
dayHeaderFormat?: string,
/**
* Toolbar header format for the Day view, e.g. "Wednesday Apr 01"
*/
dayHeaderFormat?: string;
/**
* Toolbar header format for the Agenda view, e.g. "4/1/2015 — 5/1/2015"
*/
agendaHeaderFormat?: string,
/**
* Toolbar header format for the Agenda view, e.g. "4/1/2015 — 5/1/2015"
*/
agendaHeaderFormat?: string;
/**
* A time range format for selecting time slots, e.g "8:00am — 2:00pm"
*/
selectRangeFormat?: string,
/**
* A time range format for selecting time slots, e.g "8:00am — 2:00pm"
*/
selectRangeFormat?: string;
agendaDateFormat?: string,
agendaTimeFormat?: string,
agendaTimeRangeFormat?: string,
agendaDateFormat?: string;
agendaTimeFormat?: string;
agendaTimeRangeFormat?: string;
/**
* Time range displayed on events.
*/
eventTimeRangeFormat?: string,
/**
* Time range displayed on events.
*/
eventTimeRangeFormat?: string;
/**
* An optional event time range for events that continue onto another day
*/
eventTimeRangeStartFormat?: string,
/**
* An optional event time range for events that continue onto another day
*/
eventTimeRangeStartFormat?: string;
/**
* An optional event time range for events that continue from another day
*/
eventTimeRangeEndFormat?: string,
}
/**
* An optional event time range for events that continue from another day
*/
eventTimeRangeEndFormat?: string;
}
export interface Components {
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
eventWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
dayWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
dateCellWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
toolbar?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
agenda?: {
date?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
time?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
},
day?: {
header?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
},
week?: {
header?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
},
month?: {
header?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
dateHeader?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element,
},
}
export interface Components {
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
eventWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
dayWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
dateCellWrapper?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
toolbar?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
agenda?: {
date?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
time?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
};
day?: {
header?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
};
week?: {
header?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
};
month?: {
header?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
dateHeader?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
event?: React.SFC | React.Component | React.ComponentClass | JSX.Element;
};
}
export interface Messages {
allDay?: string;
previous?: string;
next?: string;
today?: string;
month?: string;
week?: string;
day?: string;
agenda?: string;
date?: string;
time?: string;
event?: string;
showMore?: string;
}
export interface Messages {
date?: string;
time?: string;
event?: string;
allDay?: string;
week?: string;
work_week?: string;
day?: string;
month?: string;
previous?: string;
next?: string;
yesterday?: string;
tomorrow?: string;
today?: string;
agenda?: string;
showMore?: (count: number) => string;
}
interface BigCalendarProps extends React.Props<BigCalendar> {
date?: stringOrDate;
now?: Date;
view?: View;
events?: Object[];
onNavigate?: (action: Navigate, newDate: Date) => void;
onView?: (view: View) => void;
onDrillDown?: (date: Date, view: View) => void;
onSelectSlot?: (slotInfo: { start: stringOrDate, end: stringOrDate, slots: Date[] | string[], action: 'select' | 'click' | 'doubleClick' }) => void;
onDoubleClickEvent?: (event: Object, e: React.SyntheticEvent<HTMLElement>) => void;
onSelectEvent?: (event: Object, e: React.SyntheticEvent<HTMLElement>) => void;
onSelecting?: (range: { start: stringOrDate, end: stringOrDate }) => boolean | undefined | null;
selected?: any;
views?: View[] | {
month: boolean | React.SFC | React.Component,
week: boolean | React.SFC | React.Component,
myweek: boolean | React.SFC | React.Component,
};
drilldownView?: View | null;
getDrilldownView?: ((targetDate: Date, currentViewName: View, configuredViewNames: View[]) => void) | null;
length?: number;
toolbar?: boolean;
popup?: boolean;
popupOffset?: number | { x: number, y: number };
selectable?: boolean | 'ignoreEvents';
longPressThreshold?: number;
step?: number;
timeslots?: number;
rtl?: boolean;
eventPropGetter?: (event: Object, start: stringOrDate, end: stringOrDate, isSelected: boolean) => { className?: string, style?: React.CSSProperties };
slotPropGetter?: (date: Date) => { className?: string, style?: Object };
dayPropGetter?: (date: Date) => { className?: string, style?: Object };
showMultiDayTimes?: boolean;
min?: stringOrDate;
max?: stringOrDate;
scrollToTime?: Date;
culture?: string;
formats?: Format;
components?: Components;
messages?: Messages;
titleAccessor?: string | ((event: any) => string);
allDayAccessor?: string | ((event: any) => boolean);
startAccessor?: string | ((event: any) => Date);
endAccessor?: string | ((event: any) => Date);
resourceAccessor?: string | ((event: any) => any);
resources?: any[];
resourceIdAccessor?: string | ((event: any) => any);
resourceTitleAccessor?: string | ((event: any) => string);
defaultView?: View;
defaultDate?: Date;
className?: string;
elementProps?: React.HTMLAttributes<HTMLElement>;
}
export interface BigCalendarProps extends React.Props<BigCalendar> {
date?: stringOrDate;
now?: Date;
view?: View;
events?: object[];
onNavigate?: (newDate: Date, action: Navigate) => void;
onView?: (view: View) => void;
onDrillDown?: (date: Date, view: View) => void;
onSelectSlot?: (slotInfo: { start: stringOrDate, end: stringOrDate, slots: Date[] | string[], action: 'select' | 'click' | 'doubleClick' }) => void;
onDoubleClickEvent?: (event: object, e: React.SyntheticEvent<HTMLElement>) => void;
onSelectEvent?: (event: object, e: React.SyntheticEvent<HTMLElement>) => void;
onSelecting?: (range: { start: stringOrDate, end: stringOrDate }) => boolean | undefined | null;
selected?: any;
views?: View[] | {
month: boolean | React.SFC | React.Component,
week: boolean | React.SFC | React.Component,
myweek: boolean | React.SFC | React.Component,
};
drilldownView?: View | null;
getDrilldownView?: ((targetDate: Date, currentViewName: View, configuredViewNames: View[]) => void) | null;
length?: number;
toolbar?: boolean;
popup?: boolean;
popupOffset?: number | { x: number, y: number };
selectable?: boolean | 'ignoreEvents';
longPressThreshold?: number;
step?: number;
timeslots?: number;
rtl?: boolean;
eventPropGetter?: (event: object, start: stringOrDate, end: stringOrDate, isSelected: boolean) => { className?: string, style?: React.CSSProperties };
slotPropGetter?: (date: Date) => { className?: string, style?: object };
dayPropGetter?: (date: Date) => { className?: string, style?: object };
showMultiDayTimes?: boolean;
min?: stringOrDate;
max?: stringOrDate;
scrollToTime?: Date;
culture?: string;
formats?: Format;
components?: Components;
messages?: Messages;
titleAccessor?: string | ((event: any) => string);
allDayAccessor?: string | ((event: any) => boolean);
startAccessor?: string | ((event: any) => Date);
endAccessor?: string | ((event: any) => Date);
resourceAccessor?: string | ((event: any) => any);
resources?: any[];
resourceIdAccessor?: string | ((event: any) => any);
resourceTitleAccessor?: string | ((event: any) => string);
defaultView?: View;
defaultDate?: Date;
className?: string;
elementProps?: React.HTMLAttributes<HTMLElement>;
}
class BigCalendar extends React.Component<BigCalendarProps> {
/**
* Setup the localizer by providing the moment Object
*/
static momentLocalizer(momentInstance: Object): void;
/**
* Setup the localizer by providing the globalize Object
*/
static globalizeLocalizer(globalizeInstance: Object): void;
}
export default BigCalendar;
export default class BigCalendar extends React.Component<BigCalendarProps> {
/**
* Setup the localizer by providing the moment Object
*/
static momentLocalizer(momentInstance: object): void;
/**
* Setup the localizer by providing the globalize Object
*/
static globalizeLocalizer(globalizeInstance: object): void;
}
{
"name": "@types/react-big-calendar",
"version": "0.17.1",
"version": "0.18.0",
"description": "TypeScript definitions for react-big-calendar",

@@ -9,3 +9,4 @@ "license": "MIT",

"name": "Piotr Witek",
"url": "http://piotrwitek.github.io"
"url": "https://github.com/piotrwitek",
"githubUsername": "piotrwitek"
},

@@ -16,2 +17,7 @@ {

"githubUsername": "paustint"
},
{
"name": "Krzysztof Bezrąk",
"url": "https://github.com/pikpok",
"githubUsername": "pikpok"
}

@@ -28,4 +34,4 @@ ],

},
"typesPublisherContentHash": "de04393cf7ac8586117782241b5ac875d7ce232813e9092c476fc09dec632676",
"typesPublisherContentHash": "744d8bd04e2e6bae996293b7d51db07bffb639d78325de22e032a7813ff31f51",
"typeScriptVersion": "2.6"
}

@@ -11,3 +11,3 @@ # Installation

Additional Details
* Last updated: Mon, 12 Feb 2018 20:53:17 GMT
* Last updated: Fri, 16 Feb 2018 18:18:18 GMT
* Dependencies: react

@@ -17,2 +17,2 @@ * Global values: none

# Credits
These definitions were written by Piotr Witek <http://piotrwitek.github.io>, Austin Turner <https://github.com/paustint>.
These definitions were written by Piotr Witek <https://github.com/piotrwitek>, Austin Turner <https://github.com/paustint>, Krzysztof Bezrąk <https://github.com/pikpok>.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc