Header with filter

Filtered schedules, event-type views, booking calendars.

Get Pro to installPro16 blocksReact, Vue and Figma
MCPConnect the MCP server
Team calendar11 events this week

20 – 26 April

Alt-click a category to show only that one

More in Calendar#

Daily

Day schedules, dispatch boards, appointment logs

Day folded

Busy days with gaps: personal planners, on-call and handover views

Day inspector

Desk and dispatch tools where each slot needs its details at hand

Weekly

Team calendars, rosters, booking and scheduling screens

Week lens

Week planners where one day matters most: scheduling, booking, handovers

Week lines

Capacity and availability views, shift planning, a week at a glance

Monthly

Team calendars, availability overviews, editorial and release calendars

Month and day

Planners that pair a date picker with the day's schedule, booking and dispatch screens

Month load

Capacity and workload views, team availability, shift planning

Header with actions

Team calendars, shared schedules, workspaces with notifications

Header with filter

Filtered schedules, event-type views, booking calendars

Header with search

Archives, long-range planning, calendars people search more than browse

Header with date tile

Personal planners, booking apps, dashboards that open on today

Header with day strip

Mobile agendas, class timetables, picking a day without a month grid

Header, ink

Calendars that want a calmer, more precise bar: planners, booking and review screens

Header, lens

Calendars where you want to see where you are in the month: planners, availability and scheduling

When to use#

  • Schedules where a clash is the thing to spot: rooms, staff, equipment.
  • Dispatch and appointment work driven by the current hour, where a now line says where you are in the day.
  • A month-at-a-glance read of how loaded the coming weeks are.
  • A team's week, where each day or resource holds its own column.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.