Typically, there are more events than can be displayed on the car screen at one
time. A scrollbar allows users to view additional event listings. For example,
to view events for the next day, a user may have to scroll down.
1. Tomorrow's date 2. Collapsed list of tomorrow's all-day events 3. Tomorrow’s scheduled events
All-day events
The expandable view of all-day event lists is initially collapsed to give visual
priority to a day’s upcoming scheduled events. Expanding the all-day event list
pushes the list of scheduled events down.
1. Calendar view of today's all-day events
Recollapsing the list again gives priority to a day’s scheduled events.
Event listings
At a minimum, individual event listings display:
Event title
Calendar source indicator
Event time information, either start and end times for scheduled events or “All day” for daylong events.
Event listings may also display:
An address and a navigation affordance
A phone number (displayed only when a phone number is provided and an address is not)
A phone affordance (if an event included a phone number)
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-07-23 UTC."],[[["\u003cp\u003eCalendar's UI displays upcoming events for the current and following day, split between all-day and time-boxed events, with a scrollable view for easy access.\u003c/p\u003e\n"],["\u003cp\u003eAll-day events are initially collapsed to prioritize scheduled events, but can be expanded for a detailed view, and individual event listings include essential information like title, source, time, and optional location/contact details.\u003c/p\u003e\n"],["\u003cp\u003eUsers can interact with event listings to navigate to locations or initiate phone calls based on provided event information.\u003c/p\u003e\n"],["\u003cp\u003eThe Calendar application displays events in a chronological list format, categorized by day and event type (all-day or scheduled), enabling users to easily view their upcoming schedule.\u003c/p\u003e\n"]]],[],null,["# Anatomy\n\n\u003cbr /\u003e\n\nThis introduction to Calendar describes its main elements, the basic functions\nthey provide, and the architecture that holds them together.\n\nThe Calendar UI consists of:\n\n- An app header, which displays the app name\n- A scrollable set of upcoming events arranged for the current day and the following day.\n\nEvents for a given day are split between all-day events and time-boxed events.\n\nFor detailed descriptions of user interactions, see [Interaction model](/cars/design/automotive-os/apps/calendar/interaction-model/overview).\n\n*** ** * ** ***\n\n### Events for the current day\n\n1. App header \n2. Today's date \n3. Today's all-day events collapsed \n4. Today's scheduled events\n\n### Events for the next day\n\nTypically, there are more events than can be displayed on the car screen at one\ntime. A scrollbar allows users to view additional event listings. For example,\nto view events for the next day, a user may have to scroll down.\n1. Tomorrow's date \n2. Collapsed list of tomorrow's all-day events \n3. Tomorrow's scheduled events\n\n### All-day events\n\nThe expandable view of all-day event lists is initially collapsed to give visual\npriority to a day's upcoming scheduled events. Expanding the all-day event list\npushes the list of scheduled events down.\n1. Calendar view of today's all-day events\n\nRecollapsing the list again gives priority to a day's scheduled events.\n\n### Event listings\n\nAt a minimum, individual event listings display:\n\n- Event title\n- Calendar source indicator\n- Event time information, either start and end times for scheduled events or \"All day\" for daylong events.\n\nEvent listings may also display:\n\n- An address and a navigation affordance\n- A phone number (displayed only when a phone number is provided and an address is not)\n- A phone affordance (if an event included a phone number)\n\n1. Event title \n2. Calendar source indicator \n3. Event duration \n4. Event location \n5. Navigation affordance \n6. Phone affordance"]]
