1.0.1 • Published 5 years ago

react-autosize-datepicker v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

react-autosize-datepicker

==========================

react-autosize-datepicker combines the simplicity of react-datepicker & react-input-autosize in one easy to use component.

Installation

To start using react-autosize-datepicker, install it from NPM by running the following command:

npm install --save react-autosize-datepicker

Usage

react-autosize-datepicker renders a DatePicker component with an InputAutosize component as its input field.

Since react-autosize-datepicker is derived from react-datepicker by hackerone, you can refer to their documentation here for further details on customizing your datepicker: react-datepicker docs

You can also refer to react-input-autosize by Jed Watson for further details on the input field itself: react-input-autosize docs

You will need to required the css file from this package to give the component proper styling. The following example shows how you can require the css file directly in the file itself if you use a build system such as webpack.

import AutosizeDatePicker from 'react-autosize-datepicker'

require('react-autosize-datepicker/dist/react-datepicker.css');

<AutosizeDatePicker
  selected={ this.state.startDate }
  onChange={ this.handleChange }
  dateFormat="YYYY/MM/DD"
  placeholder="Select a date"
  placeholderIsMin
/>