1.1.2 • Published 4 years ago

react-agenda-calendar v1.1.2

Weekly downloads
23
License
MIT
Repository
github
Last release
4 years ago

react-agenda-calendar

Shows month, week, or day schedule

Made for a project I'm working on, but I thought it could be usefully in other projects, so I decided to make it as a separate project. I plan to add more, but if there are any desired features, feel free to create an issue, or make a merge request.

NPM JavaScript Style Guide

Install

npm install --save react-agenda-calendar
yarn add react-agenda-calendar

Usage

import React, { Component } from 'react'

import AgendaCalender from 'react-agenda-calendar'
import 'react-agenda-calendar/dist/index.css'

class Example extends Component {
  const agenda = [
    {
      title: "Title",
      startDate: {day: 1, month: 2, year: 2020},
      endDate: {day: 5, month: 2, year: 2020},
    }
  ]

  render() {
    return <AgendaCalender containerStyle={{height: "calc(100% - 51x)"}} containerClassName={styles.calenderContainer} agenda={agenda} currentDate={new Date(2004, 0, 6)} /></div>
  }
}
Prop NameDescriptionDefault ValueExample Value
containerStyleinline styling for containerN/A{height: "50%"}
containerClassNamecss className for containerN/Acss className, or css module
agendaArray of events to be displayed.[][{ title: "Title", startDate: {day: 1, month: 2, year: 2020}, endDate: {day: 5, month: 2,year: 2020}}, { title: "Title 2", startDate: {day: 23, month: 5, year: 2020}}]
currentDateDate displayed on the calendarTodaynew Date(2004, 0, 6)

License

MIT © Jhamali

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago