simple-date-picker

A simple clean way to pick dates with React

Usage no npm install needed!

<script type="module">
  import simpleDatePicker from 'https://cdn.skypack.dev/simple-date-picker';
</script>

README

A thin wrapper of react-day-picker

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import SimpleDatePicker from 'simple-date-picker';

class StatefullDatePicker extends React.Component {

  constructor(...args) {
    super(...args);
    this.state = {};
  }

  onChange = (value) => {
    this.setState({value});
  }

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

}

ReactDOM.render(<StatefullDatePicker />, document.getElementById('app'));

Props

  • value
  • onChange(currentValue) => void
  • format(date: Date) => string (optional)
  • template(locals) => ReactElement (optional)
  • disabled: boolean (optional)