@abbl/material-calendar/dist/core/components/navigationBar/NavigationBar.js

Calendar component build with React and Material-UI

import { Grid, makeStyles } from '@material-ui/core';
import React from 'react';
import NavigationBarControls from './NavigationBarControls';
import NavigationBarViewSelect from './NavigationBarViewSelect';
export var NAVIGATION_BAR_HEIGHT = 64;
var useStyles = makeStyles(function (theme) { return ({
    navigationBar: {
        // -1px because of borderBottom taking 1px of height
        height: NAVIGATION_BAR_HEIGHT - 1,
        width: '100%',
        background: theme.palette.common.white,
        borderBottom: '1px solid',
        borderBottomColor: theme.palette.grey[300],
    },
    gridStyle: {
        // -1px because of borderBottom taking 1px of height
        height: NAVIGATION_BAR_HEIGHT - 1,
    },
}); });
export default function NavigationBar() {
    var classes = useStyles();
    return (React.createElement("div", { className: classes.navigationBar },
        React.createElement(Grid, { container: true, direction: "row", alignItems: "center", justify: "space-around", className: classes.gridStyle },
            React.createElement(NavigationBarControls, null),
            React.createElement(NavigationBarViewSelect, null))));
}
//# sourceMappingURL=NavigationBar.js.map