@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
39 lines • 1.5 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { Grid } from '@material-ui/core';
import { isToday } from 'date-fns';
import React from 'react';
import DayEventGrid from '../dayEvent/DayEventGrid';
import HourIndicator from '../hourIndicator/HourIndicator';
import Day from './Day';
function DayGrid(props) {
function renderGridElements() {
var elements = [];
for (var i = 0; i < 24; i++) {
elements.push(React.createElement(Grid, { item: true, key: i },
React.createElement(Day, __assign({}, props, { hideBorder: i === 0, hour: i }))));
}
return elements;
}
function renderHourIndicator() {
if (isToday(props.date)) {
return React.createElement(HourIndicator, { cellHeight: 48 });
}
return null;
}
return (React.createElement("div", { style: { position: 'relative' } },
React.createElement(Grid, { container: true, direction: "column" }, renderGridElements()),
React.createElement(DayEventGrid, { calendarEvents: props.dayEvents }),
renderHourIndicator()));
}
export default DayGrid;
//# sourceMappingURL=DayGrid.js.map