UNPKG

@momentum-ui/react

Version:

Cisco Momentum UI framework for ReactJs applications

56 lines (43 loc) 2.48 kB
var _excluded = ["day"]; function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } import React from 'react'; import PropTypes from 'prop-types'; import DatePickerDay from "../DatePickerDay"; import { addDays, getStartOfWeek } from "../../utils/dateUtils"; import moment from 'moment'; var DatePickerWeek = /*#__PURE__*/function (_React$PureComponent) { _inheritsLoose(DatePickerWeek, _React$PureComponent); function DatePickerWeek() { return _React$PureComponent.apply(this, arguments) || this; } var _proto = DatePickerWeek.prototype; _proto.render = function render() { var _this$props = this.props, day = _this$props.day, otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded); var renderDays = function renderDays() { var startOfWeek = getStartOfWeek(day.clone()); var days = [0, 1, 2, 3, 4, 5, 6].map(function (offset) { var day = addDays(startOfWeek.clone(), offset); return /*#__PURE__*/React.createElement(DatePickerDay, _extends({ key: offset, day: day }, otherProps)); }); return days; }; return /*#__PURE__*/React.createElement("div", { className: "md-datepicker__week" }, renderDays()); }; return DatePickerWeek; }(React.PureComponent); DatePickerWeek.displayName = 'DatePickerWeek'; DatePickerWeek.propTypes = { /** Required day for the DatePickerWeek */ day: PropTypes.instanceOf(moment).isRequired }; export default DatePickerWeek;