Nimoy Prospers Mystically

npm

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

react-calendar-pane-modified

0.0.31 • 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-modified

Downloadsweekly downloads

7

version

0.0.31

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability