Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

@reaktor/react-pikaday-component

2.2.0 • Public • Published

ReactPikadayComponent

build status npm version Download Count

Universal React component wrapper around Pikaday.js datepicker.

Install

npm install react pikaday react-pikaday-component --save

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import DatePicker from 'react-pikaday-component';
 
class App extends React.Component {
  constructor() {
    super();
 
    this.state = {};
  }
 
  onDateChange(date) {
    this.setState({ date });
  }
 
  render() {
    const { date } = this.state;
 
    return (
      <div>
        <DatePicker 
            placeholder="Select Date"
            format="YYYY/MM/DD"
            maxDate={new Date('2020-07-26')}
            value={new Date(date)}
            onChange={::this.onDateChange}
        />
    </div>
    );
  }
}
 
ReactDOM.render(
    <App />,
    document.getElementById('example')
);

Properties

  • value
  • onChange
  • valueLink
  • tabIndex
  • Pikaday configuration options (except onSelect and field)
  • other input attributes like className, name, placeholder, disabled and readOnly

MIT Licensed

Install

npm i @reaktor/react-pikaday-component

DownloadsWeekly Downloads

1

Version

2.2.0

License

MIT

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar