react-full-event-calendar

React component for events

Install

npm install --save react-full-event-calendar

or

yarn add react-full-event-calendar

Usage

import Calendar from "react-full-event-calendar";
 
const events = [
  {
    startTime: new Date(moment().add(2, "hour")),
    endTime: new Date(moment().add(3, "hour")),
    title: "working in the weekend"
  },
  {
    startTime: new Date(moment().add(-3, "hour")),
    endTime: new Date(moment().add(-2, "hour")),
    title: "working in the weekend"
  },
  {
    startTime: new Date(),
    endTime: new Date(moment().add(1, "hour")),
    title: "working in the weekend"
  }
];
 
<Calendar events={events} />;

Props

Property	Type	Default	Description
events	Array	Required	Events to display on the calendar
dayOrientation	String	horizontal	The orientation of the day calendar, either 'vertical' or 'horizontal'
defautlCalendarView	String	week	The default calendar to show, either 'day', 'week' or 'month'
defaultDate	Date	new Date()	The date to start on when mounted
onDayChange	func(day, newDay)		Callback when the day change on day calendar
onWeekChange	func(newStartOfTheWeek, newEendOfTheWeek)		Callback when the week change on week calendar
onMonthChange	func(newMonth, newYear)		Callback when the month change on month calendar

Event Objects

Key	Type	Required	Description
title	String	true	The title of the event
startTime	Date	true	The start time of the event
endTime	Date	true	The end time of the event

DEMO

Demo

Authors

• Karl Musingo
• Emmanuel Rukundo

See the list of all contributors who participated in this project.

License

MIT © Karlmusingo