1.0.0 • Published 4 years ago
react-full-event-calendar v1.0.0
react-full-event-calendar
React component for events
Install
npm install --save react-full-event-calendaror
yarn add react-full-event-calendarUsage
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
Authors
See the list of all contributors who participated in this project.
License
MIT © Karlmusingo