@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
39 lines • 1.72 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { makeStyles, Popover } from '@material-ui/core';
import React, { useContext } from 'react';
import DateEvents from '../../../../common/components/dateEvents/DateEvents';
import { EventStorageContext } from '../../../../common/contexts/EventStorageContext';
import { ViewContext } from '../../../../common/contexts/ViewContext';
import bindPopover from '../../../../common/hooks/popover/bindPopover';
var useStyles = makeStyles(function (theme) { return ({
popover: {
width: 224,
},
}); });
export default function YearEventPopover(props) {
var eventStorageContext = useContext(EventStorageContext);
var viewContext = useContext(ViewContext);
var classes = useStyles();
function getPopoverContent() {
return (React.createElement(DateEvents, { date: viewContext.highlightDate, onClose: props.popoverState.closePopover, eventStorage: eventStorageContext.eventStorage }));
}
return (React.createElement(Popover, __assign({}, bindPopover(props.popoverState), { anchorOrigin: {
vertical: 'center',
horizontal: 'center',
}, transformOrigin: {
vertical: 'top',
horizontal: 'left',
} }),
React.createElement("div", { className: classes.popover }, getPopoverContent())));
}
//# sourceMappingURL=YearEventPopover.js.map