Need private packages and team management tools?Check out npm Teams »

react-calendar-pane

1.0.4 • Public • Published

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

Install

npm i react-calendar-pane

DownloadsWeekly Downloads

394

Version

1.0.4

License

MIT

Unpacked Size

2.05 MB

Total Files

31

Last publish

Collaborators

  • avatar