Calendar strip

Composite Data display draft Gen UI part

Seven days at a glance with busy and planned blocks.

Examples

HTML and CSS

Framework-free reference. Styles live in system/components/calendar-strip.css and read only tokens. Wrap markup in .v-root.

Rendered markup of the anatomy example

Props and slots

The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.

Props

PropValuesDefault
days *array. [{ label, selected?, blocks: [{ color: busy | plan | new | soft, size 0 to 1, at: top | bottom }] }]
legendarray. [{ label, color }]

* required.

Slot rules

No slots. This part takes no children.

In Gen UI

How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.

JSON node

Every node may also carry id, grow, attribution, privateOnly and fallbackText.

Rules that name this part

No part-specific rules. The structure and behaviour rules still apply.

Usage in recipes

1 of the original cards use it. After V1. Priority table

Bot functions: Calendar and itinerary, Trips.