# How to Customize Time Spans

## Introduction

[Avonni Calendar](/flow/flow-components/calendar.md)'s enhanced Time Span settings enable detailed customization, allowing you to adjust views from a single day to multiple weeks. View 2-4 consecutive days, weeks, or a custom number of weeks in the 'Month' view, optimizing project tracking and event planning. :

## **Finding Time Span Settings**

{% @arcade/embed flowId="hXiWQGnNR6Rzn9GiL4LM" url="<https://app.arcade.software/share/hXiWQGnNR6Rzn9GiL4LM>" %}

## **Understanding Time Span Options**

Tailor each Time Span you create with these settings:

* **Label:** Give your view a descriptive name for easy reference.
* **Icon Name:** Select an icon for quick visual identification.
* **Unit:** Choose whether this view will focus on 'days', 'weeks', or 'months'.
* **Span:** Determine the number of units to display (e.g., a 'Week' unit with a span of 2 will show a two-week view).
* **Timeline Headers (Timeline View Only for the Selected Display):** Control how dates are displayed at the top of your Timeline view.

## **Specific Use Cases**

Avonni Calendar's Time Span settings offer unparalleled flexibility when visualizing your Salesforce data. Whether focused on closing deals, managing renewals, or tracking campaign performance, Time Spans helps you create tailored views that boost productivity and inform decision-making.

**See it in action**: The examples below demonstrate configuring Time Spans for common Salesforce use cases. Adapt these settings to gain valuable insights from your data and streamline your processes.&#x20;

### **Sales Rep**

**Closing Week**: Unit: Week, Span: 1 (Focus on closing deals within the current week)

<figure><img src="/files/dPzVoURaaUGI8ZgP6lc4" alt=""><figcaption></figcaption></figure>

**Pipeline Review**: Unit: Month, Span: 1 (Track opportunities progressing through the sales funnel)

<figure><img src="/files/VH7mHEkIqnMYwrUozwaR" alt=""><figcaption></figcaption></figure>

### **Sales Manager**

**Team Forecast**: Unit: Month, Span: 3, Timeline Headers: Week and Month

* **View Description:** See your team's sales performance across three months, with each month broken down into weekly segments for granular tracking

<figure><img src="/files/MJbyBqSr74aDPYoOrPVx" alt=""><figcaption></figcaption></figure>

**Coaching Calendar**: Unit: Day, Span: 2 (Schedule 1-on-1s and team meetings over two days)

<figure><img src="/files/LVBsYj0YSbjL3RZ6eTtm" alt=""><figcaption></figcaption></figure>

### **Customer Success Manager**

**Renewal Timeline**: Unit: Month, Span: 2, Timeline Headers: Week and Month

* **View Description:** See upcoming renewals across two months, broken down into weekly segments to plan outreach strategies easily.

<figure><img src="/files/ALiiCUbhXLMf5zOv2NjX" alt=""><figcaption></figcaption></figure>

**Onboarding Schedule**: Display: Calendar, Time Span: Week, Span: 2

* **View Description:** Visualize a two-week onboarding timeline in a calendar format, ensuring a smooth start for new clients.

<figure><img src="/files/NkyLvjhW9HLs3j95Ly9a" alt=""><figcaption></figcaption></figure>

### **Sales Operations**

**Campaign Performance:** Unit: Week, Span: 3

* **View Description:** Track the effectiveness of your campaign over the next three weeks with a weekly calendar view. Monitor key metrics and lead generation for informed adjustments and optimizations.

<figure><img src="/files/3KE0Cil4PzNMMfQ1qoXV" alt=""><figcaption></figcaption></figure>

### Other

**Timeline Headers** (specific to the 'Timeline' view): Customize the header details for your timeline. This is especially useful in the 'Timeline' view. For instance, to show week numbers, set your calendar to 'Timeline', choose 'Week' as your time span, and then configure the timeline headers to display 'Week' and 'Month'.

<figure><img src="/files/IxafyVz3fYycuWmcbJaH" alt=""><figcaption></figcaption></figure>

## **Key Takeaway**

Think about the Salesforce data you interact with most. Time Spans can help you visualize that data in ways that optimize your flow.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-customize-time-spans.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.