react-calendar-full
Version:
A full-featured React calendar component with event scheduling and monthly, weekly, and daily views.
18 lines (17 loc) • 892 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const time_1 = require("../utils/time");
const HoursColumn = ({ dayStartTime, dayEndTime }) => {
const numberOfHours = dayEndTime - dayStartTime;
return (react_1.default.createElement("div", { className: "d-flex flex-column date-col col time-col" },
react_1.default.createElement("div", { className: "day-header" }),
Array.from({ length: numberOfHours }).map((_, index) => {
const hour = dayStartTime + index;
return (react_1.default.createElement("div", { className: "hour-cell text-end px-2" }, (0, time_1.formatHour)(hour)));
})));
};
exports.default = HoursColumn;