Nothing Particularly Magnificent

npm

Does your artifact manager get in the way? Join us on Oct. 8 at 10am PT, to discuss how npm can help.Sign up »

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

299

version

1.0.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability