react-daterange-picker-onedesert/example/components/quick-selection/selection.jsx

A React based date range picker

import React from 'react';
import createClass from 'create-react-class';
import PropTypes from 'prop-types';

const Selection = createClass({
  propTypes: {
    className: PropTypes.string.isRequired,
    date: PropTypes.object.isRequired,
    disabled: PropTypes.bool.isRequired,
    label: PropTypes.string.isRequired,
    onSelect: PropTypes.func.isRequired,
  },

  getDefaultProps() {
    return {
      disabled: false,
    };
  },

  onSelect() {
    this.props.onSelect(this.props.date);
  },

  render() {
    return (
      <input className={this.props.className}
             type='button'
             onClick={this.onSelect}
             disabled={this.props.disabled}
             value={this.props.label} />
    );
  },
});

export default Selection;