About this block

My Day Panel is the personal daily plan card for Friday Jun 13 2026, grouped into Morning, Afternoon, and No time. The Morning section surfaces a free-gap callout reading 9:00 to 10:00 AM is free between the completed 8:00 AM Team standup and the 10:00 AM Review onboarding copy PR slot. The header shows 5 tasks and roughly 3 hours of focus time. Task rows carry outline Badge time chips and a duration label.

Sections are one typed array where freeGap is null when nothing is free. The gap callout is what separates a schedule from a list; users see breathing room at a glance.

When to use

Reach for this block in a sidebar or companion panel alongside the main task list, wired to your calendar and tasks endpoints for the signed-in user. Refresh on date change.

A natural flow around it on an Application Pro page:

Before

• App shell
• Navigation

After

• Task list
• Calendar scheduling

What you can display

One strong use is the signed-in user daily focus view. Other my-day shapes:

• Team view. The same layout scoped to a teammate with a read-only indicator.
• Week ahead. Five columns instead of three time bands, one per day.
• Overloaded state. A warning row when total scheduled time exceeds a configurable threshold.

Tip: surface the free gap explicitly; a plan without slack looks impossible and users stop using the panel.