# react-day-input

> A simple date picker for React, powered by Moment.

Latest version **1.0.20** (published 2018-06-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-day-input
pnpm add react-day-input
yarn add react-day-input
bun add react-day-input
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.20 |
| Published | 2018-06-16 |
| First published | 2016-09-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 328.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | ABA Systems Pty Ltd |
| Maintainers | bor3ham, uptickhq |
| Keywords | react, date, day, input, picker, calendar, widget |

## Links

- npm: https://www.npmjs.com/package/react-day-input
- Repository: https://github.com/ABASystems/react-day-input
- Homepage: https://github.com/ABASystems/react-day-input#readme
- Issues: https://github.com/ABASystems/react-day-input/issues
- npm.io page: https://npm.io/package/react-day-input

## Dependencies (2)

- [moment](https://npm.io/package/moment.md) ^2.15.0
- [classnames](https://npm.io/package/classnames.md) ^2.2.5

## 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.20 (latest) — 2018-06-16
- 1.0.19 — 2018-06-16
- 1.0.18 — 2018-06-15
- 1.0.17 — 2018-06-15
- 1.0.16 — 2018-06-15
- 1.0.15 — 2018-06-15
- 1.0.14 — 2018-06-15
- 1.0.13 — 2018-04-12
- 1.0.12 — 2017-04-10
- 1.0.11 — 2017-03-07
- 1.0.10 — 2016-11-30
- 1.0.9 — 2016-11-22
- 1.0.8 — 2016-11-22
- 1.0.7 — 2016-11-21
- 1.0.6 — 2016-10-03
- … 6 more at https://npm.io/package/react-day-input/versions

## README

# react-day-input

[![npm version](https://badge.fury.io/js/react-day-input.svg)](http://badge.fury.io/js/react-day-input)
![Downloads](http://img.shields.io/npm/dm/react-day-input.svg?style=flat)

A simple date picker for React, powered by Moment.

## Live Demo

Check out the live demo here: http://abasystems.github.io/react-day-input/

## Installation

Install the package with npm:

```
npm install react-day-input
```

Then require and use with ES6 imports:

```javascript
import React from 'react'

import { StrictDayInput } from 'react-day-input'

class MyForm extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      ...this.state,

      dueBy: null,
    };
  }

  render() {
    return (
      <form>
        <StrictDayInput
          value={this.state.dueBy}
          onChange={(newDate) => {
            this.setState({dueBy: newDate});
          }}
        />
        <button type="submit">Submit</button>
      </form>
    );
  }
}
```

And include the built css with an import:

```scss
@import 'node_modules/react-day-input/dist/react-day-input.css';

```

or tag:

```html
<link href="static/node_modules/react-day-input/dist/react-day-input.css" rel="stylesheet">
```

Full reference documentation coming soon. For now, take a look at the reference on the live demo at
http://abasystems.github.io/react-day-input/.

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