@massds/mayflower-react/dist/DateRange/index.mjs

React versions of Mayflower design system UI components

function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }

/**
 * DateRange module.
 * @module @massds/mayflower-react/DateRange
 * @requires module:@massds/mayflower-assets/scss/02-molecules/date-range
 * @requires external:pikaday/scss/pikaday
 * @requires module:@massds/mayflower-assets/scss/00-base/pikaday
 * @requires module:@massds/mayflower-assets/scss/01-atoms/input-date
 */
import React from "react";
import PropTypes from "prop-types";
import InputDate from "../InputDate/index.mjs";

let DateRange = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(DateRange, _React$Component);

  function DateRange(props) {
    var _this;

    _this = _React$Component.call(this, props) || this;
    _this.state = {};
    return _this;
  }

  var _proto = DateRange.prototype;

  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      className: "ma__date-range"
    }, /*#__PURE__*/React.createElement("fieldset", null, /*#__PURE__*/React.createElement("legend", {
      className: "ma__date-range__label"
    }, this.props.label), /*#__PURE__*/React.createElement("div", {
      className: "ma__date-range__start js-filter-by-date-range__start"
    }, /*#__PURE__*/React.createElement(InputDate, this.props.startDate)), /*#__PURE__*/React.createElement("div", {
      className: "ma__date-range__divider"
    }, "to"), /*#__PURE__*/React.createElement("div", {
      className: "ma__date-range__end js-filter-by-date-range__end"
    }, /*#__PURE__*/React.createElement(InputDate, this.props.endDate))));
  };

  return DateRange;
}(React.Component);

DateRange.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The text label of the date range input */
  label: PropTypes.string.isRequired,

  /** The start date of your filter query, @forms/InputDate */
  startDate: PropTypes.shape(InputDate.propTypes).isRequired,

  /** The end date of your filter query, @forms/InputDate */
  endDate: PropTypes.shape(InputDate.propTypes).isRequired
} : {};
export default DateRange;