Orvain UI

Month and day

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

Get Pro to installPro16 blocksReact, Vue and Figma
MCPConnect the MCP server
Team calendar10 events in April

April 2026

MonMTueTWedWThuTFriFSatSSunS
Now · 10 min left
Lunch with Noah
12:30–1:30 pm
Today

Tuesday, 21 April

5 events · 3 h 45 min booked · 6 h 15 min free
8am
9am
10am
11am
12pm
1pm
2pm
3pm
4pm
5pm
6pm
1:20pm

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.

Open in BlocksSee plans