@emsipl/react-data-grid-addons/src/formatters/DateRangeFormatter.js

A set of addons for react-data-grid

const React          = require('react');
const moment         = require('moment');
import PropTypes from 'prop-types';

class DateRangeFormatter extends React.Component {
  static propTypes = {
    value: PropTypes.shape({
      startDate: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
      endDate: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
    }).isRequired,
    inputFormat: PropTypes.string,
    displayFormat: PropTypes.string
  };

  static defaultProps = {
    inputFormat: 'YYYY-MM-DD',
    displayFormat: 'YYYY-MM-DD',
    value: { startDate: null, endDate: null }
  };

  formatDate = (date) => {
    if (moment.isMoment(date)) {
      return moment(date).format(this.props.displayFormat);
    }

    return moment(date, this.props.inputFormat).format(this.props.displayFormat);
  };

  render() {
    const startDate = this.props.value.startDate;
    const endDate = this.props.value.endDate;
    return (<span>{startDate} to {endDate}</span>);
  }
}

module.exports = DateRangeFormatter;