react-date-range-picker

0.5.2 • Public • Published

react-date-range-picker

DateRange Picker as React Component

npm version dependencies tests Coverage Status

Installation

npm install -S react-date-range-picker

Example

import React from 'react';
import Datepicker from 'react-date-range-picker';
 
class Demo extends React.Component {
    constructor (props) {
        super(props);
 
        this.state = {
            date: new Date().toLocaleString()
        };
    }
 
    onClick (date) {
        this.setState({date: date.toLocaleString()});
    }
 
    render () {
        return (
            <div className="demo">
                <input
                    type="text"
                    name="date"
                    className="demo__input"
                    value={this.state.date}
                    readOnly />
                <Datepicker onClick={::this.onClick} />
            </div>
        );
    }
}

2015-08-18 11-30-21 react daterange picker

Demo is here

https://isnifer.github.io/react-date-range-picker/

Package Sidebar

Install

npm i react-date-range-picker

Weekly Downloads

65

Version

0.5.2

License

MIT

Last publish

Collaborators

  • isnifer