React Calendar Month Component
npm install react-calendar-monthReact Calendar Month Component renders a calendar panel where you can
put individual components on each day cell. It includes basic styling
using flexbox css to layout the elements on the calendar.
Empty calendar panel
```
Calendar panel with daily data
`
const data = {
1: {component:
3: {component:
7: {component:
8: {component:
9: {component:
12: {component:
20: {component:
23: {component:
};
`
Calendar panel with custom styling
`
// Styles
.MyMonth { background-color: #ddd; color: black; }
.MyMonth .Week .Day > .Day__number { font-size: 20px; color: #aaa; bottom: 4px; top: auto; }
.MyMonth .Week .EmptyCell { background-color: white; }
// JS
`
react-calendar-month includes the styling necessary to properly render the month calendar panel. But you have to include it.
```
import 'react-calendar-month/dist/styles.css';
https://ernestofreyreg.github.io/react-calendar-month/
- More tests needed
- Flag to render week day names
- Other ideas, write me at @efreyreg