Simple Date Picker component for React

Simple Date Picker component for React

Simple Date Picker component for React.

React Simple Date Picker

Simple Date Picker component for React

Install

npm install --save react-simple-datepicker

Usage

Simple example on how to use Datepicker. Just import DatePicker module and styles for it.

import React from 'react';
import DatePicker from 'react-simple-datepicker';
import 'react-simple-datepicker/dist/index.css';

class App extends React.Component {
  constructor () {
    super();

    this.state = {
      date: new Date()
    }
  }

  render () {
    return <DatePicker date={this.state.date} />;
  }
}

Props

  • date: (Date) — specifies the start date
  • minDate: (Date) — specifies the minimal date
  • maxDate: (Date) — specifies the maximal date
  • clickOnDate: (Function) — called when the user selects a date

ClassName Props

To specify datepicker styles you can use these props:

  • datepickerClassName
  • inputClassName
  • calendarClassName
  • monthClassName
  • prevMonthClassName
  • nextMonthClassName
  • dayClassName
  • dayActiveClassName
  • dayDisabledClassName
  • dayFromOtherMonthClassName

License

MIT

Github Repository