npm install react-zero-calendar
yarn add react-zero-calendar
import Calendar from 'react-zero-calendar';
const App = () => {
return (
<Calendar locale='ko' />
);
}
const App = () => {
return (
<Calendar
locale='ko'
events={[{title: 'test', start: new Date(), end: new Date()}]}
/>
);
}
const App = () => {
return (
<Calendar
locale='en' // ko
country='en.usa' // ko.south_korea
googleApiKey='YOUR-KEY'
events={[{title: 'test', start: new Date(), end: new Date()}]}
/>
);
}
const App = () => {
return (
<Calendar
locale='en' // ko
events={[]}
addEvent={(event) => console.log(event)}
changeEvent={(eventId, eventInfo) => console.log(eventId, eventInfo)}
deleteEvent={(eventId) => console.log(eventId)}
/>
);
}
- Fetch holiday by Google calendar api
- Show holidays
- Show lunar days
- Change language (en/ko)
- Manage Calendar or category (add/delete)
- addEvent, update, and delete callback
- Store events in local storage (mobx-persist)