Skip to content

Show just one day of your calendar using react, solving issues when the events overlap.

Notifications You must be signed in to change notification settings

santomegonzalo/react-day-calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Day Calendar (On Development - WIP)

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: 30, end: 150, title: 'Event 1', location: 'Barcelona'},
    {start: 540, end: 600, title: 'Event 2', location: 'Munich'},
    {start: 560, end: 620, title: 'Event 3', location: 'Berlin'},
    {start: 610, end: 670, title: 'Event 4', location: 'London'}
]}/>

License

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

About

Show just one day of your calendar using react, solving issues when the events overlap.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published