Koala UIMonth view
A month of events in three panes on the docked shell, the rail folded to its icons: a mini date picker and the four calendars (Work, Personal, Team, Holidays) with a checkbox and a count each; the month grid with today, previous and next; and the agenda of the selected day, with times, places and guests. Clicking a day, an event or the mini picker selects it, unticking a calendar takes its events off the month, and New event adds one in a dialog. The agenda drops under the grid below xl, and below lg the grid folds to a compact month with the day's agenda and the calendars beneath.
Built from#
A page is a composition, not a new component. The screen is the docked Layout with the Sidebar in its rail, a sticky header and a page header on the sheet, filled with the same components the docs document one by one. It adds no styling of its own: it only lays those parts out.
Responsive#
Below the large breakpoint the rail moves into a drawer behind the mobile bar and the panes stack into one column. Pick a device in the toolbar or drag the handle to watch it step down to a phone.