@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
27 lines • 1.09 kB
JavaScript
import { makeStyles } from '@material-ui/core';
import React from 'react';
import CompactMonthGrid from './components/grid/CompactMonthGrid';
import CompactMonthGridHeader from './components/grid/CompactMonthGridHeader';
import CompactMonthLabel from './components/label/CompactMonthLabel';
var useStyles = makeStyles(function (theme) { return ({
root: {
display: 'flex',
justifyContent: 'center',
},
content: {
minWidth: 224,
minHeight: 236,
maxHeight: 236,
padding: 8,
userSelect: 'none',
},
}); });
export default function CompactMonth(props) {
var classes = useStyles();
return (React.createElement("div", { className: classes.root },
React.createElement("div", { className: classes.content },
React.createElement(CompactMonthLabel, { month: props.month }),
React.createElement(CompactMonthGridHeader, null),
React.createElement(CompactMonthGrid, { day: props.month, onDateAvatarClick: props.onDateAvatarClick }))));
}
//# sourceMappingURL=CompactMonth.js.map