@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
48 lines • 2.04 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, Typography } from '@material-ui/core';
import React from 'react';
import bindPopover from '../../../common/hooks/popover/bindPopover';
import togglePopover from '../../../common/hooks/popover/togglePopover';
import usePopover from '../../../common/hooks/popover/usePopover';
import MonthEventList from './MonthEventList';
var useStyles = makeStyles(function (theme) { return ({
root: {
paddingLeft: 2,
paddingRight: 2,
transition: 'background-color 0.15s linear',
'&:hover': {
backgroundColor: theme.palette.grey[300],
transition: 'background-color 0.15s linear',
cursor: 'pointer'
},
},
}); });
export default function MonthEventListPopover(props) {
var classes = useStyles();
var popoverState = usePopover();
return (React.createElement("div", { className: classes.root },
React.createElement("div", __assign({}, togglePopover(popoverState), { style: { width: '100%' } }),
React.createElement(Typography, { variant: "caption" },
React.createElement("b", null,
"Jeszcze ",
props.remainingEvents))),
React.createElement(Popover, __assign({}, bindPopover(popoverState), { anchorOrigin: {
vertical: 'center',
horizontal: 'center',
}, transformOrigin: {
vertical: 'center',
horizontal: 'center',
} }),
React.createElement(MonthEventList, { date: props.date, eventsComponent: props.eventsComponent }))));
}
//# sourceMappingURL=MonthEventListPopover.js.map