{/* ── Timed strand ── */}
{(timed.length > 0 || dayBars.length === 0) &&
{/* Hour rail labels + dashed grid */}
{Array.from({ length: maxHr - minHr + 1 }, (_, i) => {
const h = minHr + i,top = i * HOUR_H + 16;
return (
{String(h).padStart(2, '0')}:00
);
})}
{/* Central vertical strand */}
{/* Now-marker */}
{nowFrac >= minHr && nowFrac <= maxHr &&
}
{/* Event pills + nodes */}
{timed.map((s) => {
const ev = s.b;
const eq = equipment.find((e) => e.id === ev.equipmentId);
const top = (s.sHr - minHr) * HOUR_H + 16;
const dur = s.eHr - s.sHr;
const minutes = Math.round(dur * 60);
const durLabel = minutes < 60 ? minutes + ' min' : dur % 1 === 0 ? dur + ' h' : dur.toFixed(1).replace('.', ',') + ' h';
const PILL_MIN_H = 60;
const pillH = Math.max(dur * HOUR_H, PILL_MIN_H);
const lanePct = 100 / LANE_COUNT;
return (
{/* Node on the strand */}
{/* Pill, lane-split */}
onPickBar(ev)} scale={0.99} style={{
position: 'absolute', top: 0, height: pillH,
left: `calc(${PILL_LEFT}px + ${s.lane * lanePct}% - ${s.lane * (PILL_LEFT + PILL_RIGHT_PAD) / LANE_COUNT}px)`,
width: `calc(${lanePct}% - ${(PILL_LEFT + PILL_RIGHT_PAD) / LANE_COUNT}px - 4px)`
}}>
{fmtHr(s.sHr)}–{fmtHr(s.eHr)} · {durLabel}
{ev.kind === 'rental' && MIETE}
{ev.title}
{eq &&
{eq.name}
}
);
})}
{timed.length === 0 &&
Keine Termine an diesem Tag.
}
}
{/* ── Mehrtägig / Ganztägig strand ── */}
{multi.length > 0 && (() => {
const heading = multi.every((s) => s.untimed) ? 'Ganztägig' :
multi.some((s) => s.untimed) ? 'Mehrtägig & ganztägig' : 'Mehrtägig';
return (
0 ? 8 : 0, padding: '14px 16px 0' }}>
{heading} · {multi.length} {multi.length === 1 ? 'Eintrag' : 'Einträge'}
{multi.map((s) => {
const ev = s.b;
const eq = equipment.find((e) => e.id === ev.equipmentId);
const totalDays = daysBetween(ev.start, ev.end);
const curIdx = daysBetween(ev.start, dayISO);
return (
onPickBar(ev)} scale={0.99}>
{s.untimed ? 'Ganztägig' : `Tag ${curIdx + 1} / ${totalDays}`}
{ev.kind === 'rental' && MIETE}
{ev.title}
{eq ? eq.name : ''}{s.untimed ? '' : (eq ? ' · ' : '') + fmtRange(ev.start, ev.end)}
);
})}