react-calendar-pane-modified
v0.0.31
Published
React calendar component
Downloads
2
Maintainers
Readme
React Calendar Pane
React calendar component in ES6
Check out the demo
install
npm install
run tests
npm test
build the demo
npm run demo
Usage
<Calendar date={moment("23/10/2015", "DD/MM/YYYY")} onSelect={this.onSelect} />
Example css
.Calendar {
border-collapse: collapse;
padding: 0;
margin: 4rem auto 0;
}
.Calendar th,
.Calendar td {
padding: 1rem;
text-align: center;
}
.Day:hover {
background: #eee;
color: #000;
}
.Day.today {
background: #666;
color: #fff;
}
.Day.selected {
background: #2980b9;
color: #fff;
}
.Day.other-month {
background: #fafafa;
color: #aaa;
}