1.0.8 • Published 10 years ago

simple-reactjs-datepicker v1.0.8

Weekly downloads
18
License
-
Repository
github
Last release
10 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

10 years ago

1.0.7

10 years ago

1.0.6

10 years ago

1.0.4

10 years ago

1.0.3

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago