Skip to content

pablovila/react-text-datepicker

Repository files navigation

react-text-datepicker

Travis npm package Coveralls

Sometimes you don't want a calendar datepicker for your forms. Everybody knows his/her own birthday or other important dates that they can enter using old-fashion keyboard. This package helps you with this.

react-text-datepicker example

Installation

Install it from npm and include it in your React build process (using Webpack, Browserify, etc).

npm install --save react-text-datepicker

or:

yarn add react-text-datepicker

Usage

import React from "react";
import TextDatepicker from "react-text-datepicker";

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      myDate: new Date()
    };
    this.onChange = this.onChange.bind(this);
  }

  onChange(newValue) {
    this.setState({
      myDate: newValue
    });
  }

  render() {
    return (
      <TextDatepicker value={this.state.myDate} onChange={this.onChange} />
    );
  }
}

Props

Common props you may want to specify include:

prop Description Default Value
dayHint change the text displayed as placeholder for day input DD
hints specify if you want to display placeholder for each input true
monthHint change the text displayed as placeholder for month input MM
onChange subscribe to change events null
separator change the text displayed between parts of date /
value control the current value null
yearHint change the text displayed as placeholder for year input YYYY

License

MIT

Releases

No releases published

Packages

No packages published