@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
46 lines • 2.28 kB
JavaScript
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
*/
import React from "react";
import PropTypes from "prop-types";
import InputDate from "../InputDate/index.mjs";
let 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.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;