1.0.8 • Published 8 years ago

simple-reactjs-datepicker v1.0.8

Weekly downloads
18
License
-
Repository
github
Last release
8 years ago

Simple ReactJS Datepicker

Simple three field select type react datepicker

Installation

  • The package can be installed via NPM :
npm install simple-reactjs-datepicker@1.0.7 --save

note : version less than 1.0.7 are deprecated

To build the new examples locally :

  • git clone git@github.com:lf-kiranpariyar/simple-reactjs-datepicker.git
  • npm install
  • npm start

Usage

You’ll need to install React and Moment.js separately.

  • npm install --save moment

Below is a simple example on how to use the Datepicker in a React view.

//React dependencies
import React from 'react';
import DatePickerComponent from 'simple-reactjs-datepicker'

//Libraries
import moment from 'moment';

class DatePickerExample extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      date: {}
    };
  }

  handleDateChange(date) {
    console.log('date', date);
  }

  render() {
    return (
      <DatePickerComponent date={moment()}
                  onChange={this.handleDateChange} />
    );
  }
}

Configuration

The most basic use of the DatePicker can be described with:

<DatePickerComponent selected={this.state.date} onChange={this.handleChange} />

PropTypes options

ParameterTypeDescription
dateObject, requiredCurrent date in datepicker
onChangefunction, requiredCall back function for getting current date
noOfYearnumber, non-requiredTotal number of year in datepicker
dateFormatString, non-requiredDate format of any
1.0.8

8 years ago

1.0.7

8 years ago

1.0.6

8 years ago

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago