@abbl/material-calendar/dist/common/components/timeGrid/TimeGridLines.js

Calendar component build with React and Material-UI

import { makeStyles } from '@material-ui/core';
import React from 'react';
var useStyles = makeStyles(function (theme) { return ({
    root: {
        width: 8,
        marginTop: 1
    },
    line: {
        width: '100%',
        borderBottom: '1px solid',
        borderBottomColor: theme.palette.grey[300],
    },
}); });
export default function TimeGridLines(props) {
    var classes = useStyles();
    var numberOfHours = 24;
    function renderLines() {
        var elements = [];
        for (var i = 1; i < numberOfHours; i++) {
            elements.push(React.createElement("div", { className: classes.line, style: { height: props.cellHeight } }));
        }
        return elements;
    }
    return React.createElement("div", { className: classes.root }, renderLines());
}
//# sourceMappingURL=TimeGridLines.js.map