node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org »

react-day-calendar

React Day Calendar

NPM version npm download

A React.js component to show different events in just one day... similar to Calendar.app

Usage

npm i react-day-calendar

Usage

import CalendarComponent from 'react-day-calendar';
 
<CalendarComponent start={9} end={21} events={[
    {start: 30end: 150title: 'Event 1'location: 'Barcelona'},
    {start: 540end: 600title: 'Event 2'location: 'Munich'},
    {start: 560end: 620title: 'Event 3'location: 'Berlin'},
    {start: 610end: 670title: 'Event 4'location: 'London'}
]}/>

License

react-day-calendar is released under the MIT license.