> ## Documentation Index
> Fetch the complete documentation index at: https://docs.spockoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Calendar Integration Setup

> Connect Spock with your calendar app to display leave information using iCal format, supporting Google Calendar, Apple Calendar, and Microsoft Outlook.

Spock allows you to display leave information directly in your calendar app using the iCal format, which is supported by all major calendar applications including Google Calendar, Apple Calendar, and Microsoft Outlook.

## Calendar Types

Spock offers two types of calendars for synchronization:

<AccordionGroup>
  <Accordion title="Company Calendar">
    Displays all approved leaves for all active workspace members across the entire organization.
  </Accordion>

  <Accordion title="Team Calendar">
    Displays all approved leaves for members of a selected team only.
  </Accordion>
</AccordionGroup>

## Integration via Slack

The quickest way to subscribe to your calendar:

<Steps>
  <Step title="Open Spock in Slack">
    Navigate to the Spock app within your Slack workspace.
  </Step>

  <Step title="Subscribe to calendar">
    Click the **"Subscribe Calendar"** button in the Spock interface.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-integration-via-slack.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=0026e648271e4933f329c4ea79629e49" alt="Subscribe calendar in Slack" height="300" className="rounded-lg" data-path="images/calendar-integration-integration-via-slack.png" />
  </Step>

  <Step title="Confirm subscription">
    Agree to subscribe to the calendar when prompted.
  </Step>
</Steps>

## Integration via Dashboard

### Company Calendar

<Steps>
  <Step title="Access Dashboard">
    Sign in to the [Spock Dashboard](/spock/getting-started/dashboard-signin).
  </Step>

  <Step title="Navigate to Calendar">
    Click the **Calendar** tab in the main navigation.
  </Step>

  <Step title="Subscribe to company calendar">
    Click **"Subscribe Company Calendar"** on the right side of the page.
  </Step>

  <Step title="Confirm subscription">
    Agree to subscribe to the calendar.
  </Step>
</Steps>

### Team Calendar

<Steps>
  <Step title="Access Dashboard">
    Sign in to the [Spock Dashboard](/spock/getting-started/dashboard-signin).
  </Step>

  <Step title="Navigate to Calendar">
    Click the **Calendar** tab in the main navigation.
  </Step>

  <Step title="Select team">
    Choose the team by clicking on the team tab.
  </Step>

  <Step title="Subscribe to team calendar">
    Click **"Subscribe Team Calendar"** on the right side.
  </Step>

  <Step title="Confirm subscription">
    Agree to subscribe to the calendar.
  </Step>
</Steps>

## Manual Integration via iCal URL

For more control or to add to multiple calendar applications:

<Steps>
  <Step title="Access Dashboard">
    Sign in to the [Spock Dashboard](/spock/getting-started/dashboard-signin).
  </Step>

  <Step title="Navigate to Calendar">
    Click the **Calendar** tab.
  </Step>

  <Step title="Copy iCal URL">
    **Right-click** on **"Subscribe Company Calendar"** (or team calendar after selecting a team).
  </Step>

  <Step title="Get the link">
    Select **"Copy Link Address"** from the context menu.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-manual-integration-via-ical-url.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=c1e6370d807e4afc1914b68b24025e8f" alt="Copy iCal URL" height="300" className="rounded-lg" data-path="images/calendar-integration-manual-integration-via-ical-url.png" />
  </Step>

  <Step title="Import to calendar app">
    The **iCal URL** is now in your clipboard. Paste it into your preferred calendar application's import or subscription feature.
  </Step>
</Steps>

<Note>
  To get a team-specific iCal URL, follow the same steps but select your desired team first.
</Note>

## Google Calendar Integration

Specific steps for Google Calendar integration:

<Steps>
  <Step title="Access Google Calendar">
    Open [Google Calendar](https://calendar.google.com) in your web browser.
  </Step>

  <Step title="Add calendar">
    Click the **+** button next to "Other calendars" in the left sidebar.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-google-calendar-integration.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=86e2f22331a210112674149ae2835823" alt="Google Calendar add option" height="300" className="rounded-lg" data-path="images/calendar-integration-google-calendar-integration.png" />
  </Step>

  <Step title="Select from URL">
    Choose **"From URL"** from the dropdown menu.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-google-calendar-integration-2.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=5f74c169214039f981628e79c5b1b5b7" alt="Google Calendar from URL option" height="300" className="rounded-lg" data-path="images/calendar-integration-google-calendar-integration-2.png" />
  </Step>

  <Step title="Paste iCal URL">
    Paste the iCal URL you copied from Spock into the URL field.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-google-calendar-integration-3.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=47c0124407c5d6205057244acb759441" alt="Paste iCal URL in Google Calendar" height="300" className="rounded-lg" data-path="images/calendar-integration-google-calendar-integration-3.png" />
  </Step>

  <Step title="Add calendar">
    Click **"Add calendar"** to complete the integration.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-google-calendar-integration-4.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=47944aadf2bdbc18d6069fd15e26e333" alt="Complete Google Calendar integration" height="300" className="rounded-lg" data-path="images/calendar-integration-google-calendar-integration-4.png" />
  </Step>

  <Step title="Verify integration">
    The Spock calendar should now appear in your Google Calendar with all leave events.

    <img src="https://mintcdn.com/ideoworks/CI4Nfz7UNxpeNt0q/images/calendar-integration-google-calendar-integration-5.png?fit=max&auto=format&n=CI4Nfz7UNxpeNt0q&q=85&s=e9df45bc04e3a061eb8eb8d3d05c25c7" alt="Spock calendar in Google Calendar" height="300" className="rounded-lg" data-path="images/calendar-integration-google-calendar-integration-5.png" />
  </Step>
</Steps>

## Benefits of Calendar Integration

<CardGroup cols={2}>
  <Card title="Real-time Updates" icon="sync">
    Calendar events automatically update when leave statuses change
  </Card>

  <Card title="Cross-platform Access" icon="devices">
    View leave schedules across all your devices and calendar apps
  </Card>

  <Card title="Team Coordination" icon="users">
    See team availability at a glance when planning meetings
  </Card>

  <Card title="Planning Support" icon="calendar-check">
    Make informed decisions about project timelines and resource allocation
  </Card>
</CardGroup>

## Supported Calendar Applications

<AccordionGroup>
  <Accordion title="Google Calendar">
    Full support with real-time synchronization and event updates.
  </Accordion>

  <Accordion title="Apple Calendar (iCal)">
    Native support on macOS and iOS devices with automatic refresh.
  </Accordion>

  <Accordion title="Microsoft Outlook">
    Compatible with both desktop and web versions of Outlook.
  </Accordion>

  <Accordion title="Other iCal-Compatible Apps">
    Works with any calendar application that supports iCal/ICS format.
  </Accordion>
</AccordionGroup>

## Related Topics

<CardGroup cols={2}>
  <Card title="Teams Management" href="/spock/team-management/teams">
    Learn how to set up teams for team-specific calendar subscriptions.
  </Card>

  <Card title="Notifications" href="/spock/integrations/notifications">
    Configure additional notification methods for leave updates.
  </Card>

  <Card title="Dashboard Access" href="/spock/getting-started/dashboard-signin">
    Learn how to access the Spock Dashboard for calendar setup.
  </Card>

  <Card title="Leave Management" href="/spock/leave-management/requesting-leave">
    Understand how leave requests appear in your integrated calendar.
  </Card>
</CardGroup>

<Tip>
  Calendar integration automatically syncs approved leave requests, so you'll always have an up-to-date view of team availability without manual updates.
</Tip>