@abbl/material-calendar/dist/views/year/YearView.js

Calendar component build with React and Material-UI

import { makeStyles } from '@material-ui/core';
import React from 'react';
import togglePopover from '../../common/hooks/popover/togglePopover';
import usePopover from '../../common/hooks/popover/usePopover';
import { NAVIGATION_BAR_HEIGHT } from '../../core/components/navigationBar/NavigationBar';
import YearGrid from './components/grid/YearGrid';
import YearEventPopover from './components/popover/YearEventPopover';
var useStyles = makeStyles(function (theme) { return ({
    root: {
        height: "calc(100vh - " + NAVIGATION_BAR_HEIGHT + "px)",
        overflowY: 'auto',
    },
}); });
export default function YearView() {
    var eventPopover = usePopover();
    var classes = useStyles();
    function openPopover(event) {
        togglePopover(eventPopover).onClick(event);
    }
    return (React.createElement("div", { className: classes.root },
        React.createElement(YearEventPopover, { popoverState: eventPopover }),
        React.createElement(YearGrid, { onDateAvatarClick: openPopover })));
}
// YearView.whyDidYouRender = true;
//# sourceMappingURL=YearView.js.map