react-autosize-datepicker
v1.0.1
Published
Auto-resizing Datepicker Input Component For React ( react-autosize-input + react-datepicker )
Downloads
3
Maintainers
Readme
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
/>