@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
51 lines (50 loc) • 2.75 kB
JavaScript
;
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(e) { return e && e.__esModule ? e : { "default": e }; }
function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } /**
* 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
*/
var DateRange = /*#__PURE__*/function (_React$Component) {
function DateRange(props) {
var _this;
_this = _React$Component.call(this, props) || this;
_this.state = {};
return _this;
}
_inheritsLoose(DateRange, _React$Component);
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 = exports["default"] = DateRange;
module.exports = exports.default;