Jeroen ReumkensandGitHub
ca47a589ba
* WIP on weekly view for new booker. * Set responsive grid height for booker weekly view. * Fixed types * Ensure you can't click on disabled dates in weekly calendar * CAL-1916: Improvements for blocked out parts background blocks, made the lines connect by using a shared background. * Margin, padding and color tweaks for new booker CAL-1911 * Made week view have more days visible by default * Fix to prevent layout switch from breaking when clicking same layout twice.
24 lines
638 B
TypeScript
24 lines
638 B
TypeScript
import React from "react";
|
|
|
|
type Props = {
|
|
offsetHeight: number | undefined;
|
|
gridStopsPerDay: number;
|
|
children: React.ReactNode;
|
|
zIndex?: number;
|
|
};
|
|
|
|
export const SchedulerColumns = React.forwardRef<HTMLOListElement, Props>(function SchedulerColumns(
|
|
{ offsetHeight, gridStopsPerDay, children, zIndex },
|
|
ref
|
|
) {
|
|
return (
|
|
<ol
|
|
ref={ref}
|
|
className="scheduler-grid-row-template col-start-1 col-end-2 row-start-1 grid auto-cols-auto text-[0px] sm:pr-8"
|
|
style={{ marginTop: offsetHeight || "var(--gridDefaultSize)", zIndex }}
|
|
data-gridstopsperday={gridStopsPerDay}>
|
|
{children}
|
|
</ol>
|
|
);
|
|
});
|