isnifer/react-calendar

DateRange Picker as React Component

react-date-range-picker

DateRange Picker as React Component

Installation

npm i react-date-range-picker

Example

import React from 'react'
import { render } from 'react-dom'
import Datepicker from 'react-date-range-picker'

class Demo extends React.Component {
  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>
    )
  }
}

render(<Demo />, document.getElementById('app'))

Demo is here

https://isnifer.github.io/react-calendar/