react-calendar-events-full-year

A simple events calendar with year and month view

Getting Started

npm install react-calendar-events-full-year --save

Live demo

Sample screenshots

import Calendar from 'react-calendar-events-full-year'

const tempEvents = [
  {
    "id": "1",
    "title": "test title - 4",
    "from": "2022-06-10T11:33:35.833Z",
    "to":  "2022-07-29T14:33:35.833Z"
  }
]

function App() {
  const [calendarEvents, setEvents] = useState<MyEvent[]>(tempEvents.map(d => ({...d, from: new Date(d.from), to: new Date(d.to)})));
  
  return (
    <div className="">
      <Calendar calendarEvents={calendarEvents}/>
    </div>
  );
}

export default App;

props

| Prop | Description | Default | Mandatory | --- | --- | -- | -- | | defaultMonth | Default selected month | This month | No | | defaultYear | Default selected year | This year | No | | calendarEvents | Event JSON | [] | No | monthView | Month view of Year View | false | No

TranslateFn

Development in progress

Sojin Antony