@abbl/material-calendar/dist/common/components/dateEvents/DateEventsLabel.js

Calendar component build with React and Material-UI

import { makeStyles, Typography } from '@material-ui/core';
import React from 'react';
import DayView from '../../../views/day/DayView';
import useLocale from '../../hooks/locale/useLocale';
import useViewChange from '../../hooks/viewController/useViewChange';
import DateAvatar from '../dateAvatar/DateAvatar';
var useStyles = makeStyles(function (theme) { return ({
    root: {
        padding: theme.spacing(1),
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
    },
}); });
export default function DateEventsLabel(props) {
    var viewChange = useViewChange();
    var locale = useLocale();
    var classes = useStyles();
    function changeView() {
        viewChange.changeView(DayView);
    }
    return (React.createElement("div", { className: classes.root },
        React.createElement(Typography, { variant: "overline" }, locale.daysShort[props.date.getDay()]),
        React.createElement(DateAvatar, { date: props.date, highlightOnHover: true, size: "large", onClick: changeView })));
}
//# sourceMappingURL=DateEventsLabel.js.map