Skip to content

Add React Whiteboard Calendar component for crew scheduling and multi-day event visualization#14

Merged
angelikretool merged 1 commit intotryretool:mainfrom
widlestudiollp:add/react-calendar-component
Mar 31, 2026
Merged

Add React Whiteboard Calendar component for crew scheduling and multi-day event visualization#14
angelikretool merged 1 commit intotryretool:mainfrom
widlestudiollp:add/react-calendar-component

Conversation

@widlestudiollp
Copy link
Copy Markdown
Contributor

Overview

This PR adds a React-based whiteboard calendar component for Retool, focused on crew scheduling and multi-day event visualization.

The component displays events across a timeline layout with crews as rows and dates as columns, making it easier to track assignments, overlaps, and availability at a glance.


What’s included

  • Week, 2-week, and month views
  • Support for multi-day events spanning across date columns
  • Crew-based grouping (each row represents a crew/resource)
  • Automatic stacking of overlapping events using lane logic
  • Dynamic color assignment per crew for better visual distinction
  • Click handlers for both events and empty cells
  • Timezone-aware date handling

Implementation details

  • Events are normalized into a start index and span relative to the visible week
  • A lane allocation approach is used to avoid visual overlap between events
  • Layout is built using a grid for structure and absolute positioning for precise event placement
  • Rendering is optimized to only process visible date ranges

Use cases

  • Crew and workforce scheduling
  • Job or task planning across multiple days
  • Resource allocation dashboards
  • Operational timelines

Notes

  • The component is designed to handle overlapping and long-running events without UI breakage
  • Works with dynamic data passed from Retool queries or state
  • No external UI libraries are used to keep it lightweight and customizable

Preview

Screen Shot 2026-03-31 at 4 09 16 PM

Checklist

  • Component tested inside Retool
  • Verified layout across different view modes
  • Confirmed event rendering and stacking behavior

@angelikretool angelikretool merged commit 898ff8e into tryretool:main Mar 31, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants