0.0.31 • Published 7 years ago

react-calendar-pane-modified v0.0.31

Weekly downloads
8
License
MIT
Repository
github
Last release
7 years ago

React Calendar Pane

build status Coverage Status

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;
    }