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

    Last publish

    Collaborators

    • chiraggshah