GitHunt
TO

tomkp/react-calendar-pane

React calendar component

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

Languages

JavaScript100.0%

Contributors

MIT License
Created March 5, 2015
Updated August 18, 2019
tomkp/react-calendar-pane | GitHunt