@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
25 lines • 1.14 kB
JavaScript
import { makeStyles, Typography } from '@material-ui/core';
import React from 'react';
import DateAvatar from '../../../common/components/dateAvatar/DateAvatar';
import useLocale from '../../../common/hooks/locale/useLocale';
import useViewChange from '../../../common/hooks/viewController/useViewChange';
import DayView from '../../day/DayView';
var useStyles = makeStyles(function (theme) { return ({
root: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}
}); });
export default function MonthEventListHeader(props) {
var viewChange = useViewChange();
var classes = useStyles();
var locale = useLocale();
function openChildView(event, date) {
viewChange.changeView(DayView, date);
}
return (React.createElement("div", { className: classes.root },
React.createElement(Typography, { align: "center", variant: "subtitle2", gutterBottom: true }, locale.daysShort[props.date.getDay()]),
React.createElement(DateAvatar, { date: props.date, highlightOnHover: true, onClick: openChildView })));
}
//# sourceMappingURL=MonthEventListHeader.js.map