@massds/mayflower-react/dist/EventTime/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 _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * EventTime module.
 * @module @massds/mayflower-react/EventTime
 * @requires module:@massds/mayflower-assets/scss/01-atoms/event-time
 */

var timeFormat = new Intl.DateTimeFormat('en-US', {
  hour12: true,
  hour: 'numeric',
  minute: 'numeric'
});
var dateFormat = new Intl.DateTimeFormat('en-US', {
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric'
});
var EventTime = function EventTime(props) {
  var startDate = props.startDate,
    endDate = props.endDate,
    details = props.details;
  return /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__event-time"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__event-time__calendar"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__event-time__date"
  }, dateFormat.format(startDate)), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__event-time__time"
  }, timeFormat.format(startDate) + " - " + timeFormat.format(endDate))), details && /*#__PURE__*/_react["default"].createElement("p", {
    className: "ma__contact__details"
  }, (0, _htmlReactParser["default"])(details)));
};
EventTime.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The start date of the event. */
  startDate: _propTypes["default"].instanceOf(Date).isRequired,
  /** The end date of the event. */
  endDate: _propTypes["default"].instanceOf(Date).isRequired,
  /** Details around the event. */
  details: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
} : {};
var _default = exports["default"] = EventTime;
module.exports = exports.default;