# react-autosize-datepicker

> Auto-resizing Datepicker Input Component For React ( react-autosize-input + react-datepicker )

Latest version **1.0.1** (published 2016-08-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-autosize-datepicker
pnpm add react-autosize-datepicker
yarn add react-autosize-datepicker
bun add react-autosize-datepicker
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2016-08-10 |
| First published | 2016-08-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Kevin Huang |
| Maintainers | kevinzwh |
| Keywords | ["react", "react-component", "date", "datepicker", "input", "autosize", "calendar"] |

## Links

- npm: https://www.npmjs.com/package/react-autosize-datepicker
- Repository: https://github.com/kevinzwh/react-autosize-datepicker
- Homepage: https://github.com/kevinzwh/react-autosize-datepicker#readme
- Issues: https://github.com/kevinzwh/react-autosize-datepicker/issues
- npm.io page: https://npm.io/package/react-autosize-datepicker

## Dependencies (4)

- [moment](https://npm.io/package/moment.md) ^2.14.1
- [tether](https://npm.io/package/tether.md) ^1.3.4
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [react-onclickoutside](https://npm.io/package/react-onclickoutside.md) ^5.3.3

## Alternatives

- [@js-joda/timezone](https://npm.io/package/@js-joda/timezone.md) — 383.4K weekly downloads
- [chartjs-adapter-moment](https://npm.io/package/chartjs-adapter-moment.md) — 210.8K weekly downloads
- [strftime](https://npm.io/package/strftime.md) — 171.2K weekly downloads
- [vue-flatpickr-component](https://npm.io/package/vue-flatpickr-component.md) — 115.8K weekly downloads
- [timepicker](https://npm.io/package/timepicker.md) — 51.0K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2016-08-10
- 1.0.0 — 2016-08-10

## 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](https://hacker0x01.github.io/react-datepicker/)

You can also refer to react-input-autosize by Jed Watson for further details on
the input field itself: [react-input-autosize
docs](https://github.com/JedWatson/react-input-autosize)

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.

```es6
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
/>
```

---
_Source: https://npm.io/package/react-autosize-datepicker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._