https://github.com/uptick/react-day-input

A simple date picker for react, powered by Moment.
https://github.com/uptick/react-day-input

Last synced: about 1 year ago
JSON representation

A simple date picker for react, powered by Moment.

• Host: GitHub
• URL: https://github.com/uptick/react-day-input
• Owner: uptick
• License: mit
• Created: 2016-09-15T00:15:11.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-06-16T07:13:36.000Z (almost 8 years ago)
• Last Synced: 2025-03-07T19:50:42.858Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 392 KB
• Stars: 3
• Watchers: 0
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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 (

      

         {

            this.setState({dueBy: newDate});

          }}

        />

        Submit

      

    );

  }

}

```

And include the built css with an import:

```scss

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

```

or tag:

```html

```

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/.