react-calendar-full
Version:
A full-featured React calendar component with event scheduling and monthly, weekly, and daily views.
13 lines (12 loc) • 610 B
JavaScript
import React from 'react';
import { formatHour } from '../utils/time';
const HoursColumn = ({ dayStartTime, dayEndTime }) => {
const numberOfHours = dayEndTime - dayStartTime;
return (React.createElement("div", { className: "d-flex flex-column date-col col time-col" },
React.createElement("div", { className: "day-header" }),
Array.from({ length: numberOfHours }).map((_, index) => {
const hour = dayStartTime + index;
return (React.createElement("div", { className: "hour-cell text-end px-2" }, formatHour(hour)));
})));
};
export default HoursColumn;