@abbl/material-calendar/dist/views/day/components/dayContent/DayContent.js

Calendar component build with React and Material-UI

import { makeStyles } from '@material-ui/core';
import React from 'react';
import TimeGrid from '../../../../common/components/timeGrid/TimeGrid';
import TimeGridLines from '../../../../common/components/timeGrid/TimeGridLines';
import DayGrid from '../dayGrid/DayGrid';
var useStyles = makeStyles(function (theme) { return ({
    root: {
        overflowY: 'scroll',
        height: "calc(100vh - 64px - 89px)",
        display: 'flex',
        position: 'relative',
    },
    timeGrid: {
        display: 'flex',
    },
    dayGrid: {
        height: '100%',
        flexGrow: 1,
    },
}); });
export default function DayContent(props) {
    var classes = useStyles();
    return (React.createElement("div", { className: classes.root },
        React.createElement("div", { className: classes.timeGrid },
            React.createElement(TimeGrid, { cellHeight: 48, width: 48 }),
            React.createElement(TimeGridLines, { cellHeight: 48 })),
        React.createElement("div", { className: classes.dayGrid },
            React.createElement(DayGrid, { dayEvents: props.events, date: props.highlightDate }))));
}
//# sourceMappingURL=DayContent.js.map