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

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _index = _interopRequireDefault(require("../InputDate/index.js"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

var 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["default"].createElement("div", {
      className: "ma__date-range"
    }, /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement("legend", {
      className: "ma__date-range__label"
    }, this.props.label), /*#__PURE__*/_react["default"].createElement("div", {
      className: "ma__date-range__start js-filter-by-date-range__start"
    }, /*#__PURE__*/_react["default"].createElement(_index["default"], this.props.startDate)), /*#__PURE__*/_react["default"].createElement("div", {
      className: "ma__date-range__divider"
    }, "to"), /*#__PURE__*/_react["default"].createElement("div", {
      className: "ma__date-range__end js-filter-by-date-range__end"
    }, /*#__PURE__*/_react["default"].createElement(_index["default"], this.props.endDate))));
  };

  return DateRange;
}(_react["default"].Component);

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

  /** The start date of your filter query, @forms/InputDate */
  startDate: _propTypes["default"].shape(_index["default"].propTypes).isRequired,

  /** The end date of your filter query, @forms/InputDate */
  endDate: _propTypes["default"].shape(_index["default"].propTypes).isRequired
} : {};
var _default = DateRange;
exports["default"] = _default;
module.exports = exports.default;