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

# Time Cards

> Keep track of hours worked & tips earned by your employees with Time Cards

## Create a Time Card

<Icon icon="check" iconType="solid" /> Time cards are created when an employee clocks in and out for a shift.

<Icon icon="check" iconType="solid" /> Time cards can also be created manually by the employer from the Web Dashboard or the Hub app.

### Using the Time Clock

<AccordionGroup>
  <Accordion title="How to Clock In and Out on the Point of Sale">
    <iframe frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen src="https://www.loom.com/embed/cbd529e9e9cd4ebebba8d91ad6e5dd68?sid=c87c92a5-02af-4b52-b239-0b47b82777fa" />
  </Accordion>

  <Accordion title="How to Clock In and Out on the Hub app">
    <Steps>
      <Step title="Enable Mobile Clock In">
        <Tip>
          To allow only specific employees to clock in via the Hub App, enable the Mobile Clock In permission instead. Learn more about Team permissions [here](team/setup/setup-permissions#team).
        </Tip>

        To allow for **all** employees to clock in using the Hub App:

        On the Web Dashboard click the **Dripos logo** in the upper right corner > **Settings** > **Employee Management**

        Click **Edit** > **Mobile Clock In** = **Yes** > **Save**

        <Frame>
          <img src="https://mintcdn.com/frostbytetechnologiesinc/mTVmRq9WKaPzORrS/images/marketing/mobileon.png?fit=max&auto=format&n=mTVmRq9WKaPzORrS&q=85&s=5cb4d65bea4ae52a677763452ae4ee1a" width="882" height="1242" data-path="images/marketing/mobileon.png" />
        </Frame>
      </Step>

      <Step title="Clock In & Out">
        <video autoPlay muted loop playsInline className="w-full max-w-[200px] md:w-[200px] h-auto" src="https://mintcdn.com/frostbytetechnologiesinc/lA980-SrTShXzYYu/images/marketing/HubAppClock.mp4?fit=max&auto=format&n=lA980-SrTShXzYYu&q=85&s=ee328e8b8755d9ec080bcb4f517b7215" data-path="images/marketing/HubAppClock.mp4" />
      </Step>
    </Steps>
  </Accordion>
</AccordionGroup>

### Manual Creation

Did an employee forget to clock in today? No worries! You can easily create a time card with their correct start—and end—time, if needed.

<Warning>If this time card should be included in the tip pool, make sure to resave each time card from that day to reallocate tips accordingly.</Warning>

<AccordionGroup>
  <Accordion title="How to Create a Time Card from the Web Dashboard">
    <Steps>
      <Step>
        Click **Team** > **Time Cards** > **Create**
      </Step>

      <Step>
        Complete the following fields.
        <Tip>If the employee is still clocked in, leave the **To** field blank.</Tip>

        <Frame>
          <img src="https://mintcdn.com/frostbytetechnologiesinc/MtYd6VpNAH-5vbZc/images/marketing/createtc.png?fit=max&auto=format&n=MtYd6VpNAH-5vbZc&q=85&s=2a953d300cac811204f6386c683109f4" width="1528" height="1190" data-path="images/marketing/createtc.png" />
        </Frame>
      </Step>
    </Steps>
  </Accordion>

  <Accordion title="How to Create a Time Card from the Hub App">
    <Tip>If the employee is still clocked in, leave the **Clock Out** field blank.</Tip>

    <video autoPlay muted loop playsInline className="w-full max-w-[200px] md:w-[200px] h-auto" src="https://mintcdn.com/frostbytetechnologiesinc/MtYd6VpNAH-5vbZc/images/marketing/createtc%20hub.mp4?fit=max&auto=format&n=MtYd6VpNAH-5vbZc&q=85&s=2e9f8d8ce633d3b7674d929db699c03a" data-path="images/marketing/createtc hub.mp4" />
  </Accordion>
</AccordionGroup>

***

## Time Card Components

Learn what makes up a Dripos time card.

<Frame>
  <img src="https://mintcdn.com/frostbytetechnologiesinc/58CqbDgq14lJFANX/images/Team%20mgmt/timecard.png?fit=max&auto=format&n=58CqbDgq14lJFANX&q=85&s=f9a4ffe3feb805c3032203c399bbf7b4" width="1674" height="1330" data-path="images/Team mgmt/timecard.png" />
</Frame>

<Tabs>
  <Tab title="1">
    **Location**

    The shop that this employee clocked in at
  </Tab>

  <Tab title="2">
    **Employee**

    The employee whose time card this is
  </Tab>

  <Tab title="3">
    **Role**

    The role the employee was clocked in as
  </Tab>

  <Tab title="4">
    **From**

    The clock-in time
  </Tab>

  <Tab title="5">
    **To**

    The clock-out time
  </Tab>

  <Tab title="6">
    **View Tip Payout Breakdown**

    View the tips the employee earned during this shift

    <Warning>
      The tip payout displayed on a time card will be calculated as tips split by transaction. Learn more about tip splitting methods [here](/orders/tipping/tipping-split#tip-splitting-methods).
    </Warning>

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/58CqbDgq14lJFANX/images/Team%20mgmt/tipsum.png?fit=max&auto=format&n=58CqbDgq14lJFANX&q=85&s=b67726a007c911904b5a9a92b9df8115" width="1498" height="1228" data-path="images/Team mgmt/tipsum.png" />
    </Frame>
  </Tab>

  <Tab title="7">
    **Total Hours**

    The duration of this shift in hours
  </Tab>

  <Tab title="8">
    **Save**

    To save changes made to a time card, or to simply resave a time card, click **Save**
  </Tab>
</Tabs>

***

## View and Manage Time Cards

Review, edit, and understand tip breakdowns within employee time cards from multiple places within Dripos.

<Warning>If editing a time card will affect how the tip pool is divided, make sure to resave each time card from that day to reallocate tips accordingly.</Warning>

### Time Cards Page

View and manage time cards from the [Time Cards](https://dashboard.dripos.com/cards) page on the Web Dashboard.

(Team > Time Cards)

<AccordionGroup>
  <Accordion title="Filter Time Cards">
    Filter the Time Cards page by employee name, role, date range, and location.

    <iframe frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen src="https://www.loom.com/embed/73cd6bd53cec4df5978a67f1064ec6c9?sid=90c5606b-054d-4190-818c-7067a515cdda" />
  </Accordion>

  <Accordion title="View & Edit Time Cards">
    Edit a time card's location, employee, role, and clock in & out times.

    View the tips earned on the time card by clicking **View Tip Payout Breakdown**

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/lA980-SrTShXzYYu/images/marketing/Edit%20Time%20Card%20TC.gif?s=8ce900484e067e182ab5046e3e5e889e" width="1920" height="1080" data-path="images/marketing/Edit Time Card TC.gif" />
    </Frame>
  </Accordion>
</AccordionGroup>

### Employee Page

View and manage time cards from an Employee profile on the Web Dashboard

(Team > My Team > Employees > View Employee)

<AccordionGroup>
  <Accordion title="Filter Time Cards">
    Filter time cards by location

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/MtYd6VpNAH-5vbZc/images/marketing/byloc.png?fit=max&auto=format&n=MtYd6VpNAH-5vbZc&q=85&s=7eb80b73bacb79b23237d587e2dd5880" width="2438" height="1324" data-path="images/marketing/byloc.png" />
    </Frame>
  </Accordion>

  <Accordion title="View & Edit Time Cards">
    Edit a time card's location, employee, role, and clock in & out times.

    View the tips earned on the time card by clicking **View Tip Payout Breakdown**

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/lA980-SrTShXzYYu/images/marketing/ViewEditEP.gif?s=446cea69b8e71e54b53e2fb83e72e3ac" width="1920" height="1080" data-path="images/marketing/ViewEditEP.gif" />
    </Frame>
  </Accordion>
</AccordionGroup>

### Time Card Report

View and manage time cards from the [Time Card Report](https://dashboard.dripos.com/reports/time-cards) on the Web Dashboard

(Reports > Time Cards)

<AccordionGroup>
  <Accordion title="Filter Time Cards">
    Filter the Time Card report by date, location, employee or role, and tip splitting methods

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/MtYd6VpNAH-5vbZc/images/marketing/filtertcTR.gif?s=c68de483f7e11f91138ae8373b1a765a" width="1280" height="720" data-path="images/marketing/filtertcTR.gif" />
    </Frame>
  </Accordion>

  <Accordion title="View & Edit Time Cards">
    Edit a time card's location, employee, role, and clock in & out times.

    View the tips earned on the time card by clicking **View Tip Payout Breakdown**

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/lA980-SrTShXzYYu/images/marketing/Viewtctr.gif?s=492879cf0d349d1e5b71e9f1c134b490" width="1920" height="1080" data-path="images/marketing/Viewtctr.gif" />
    </Frame>
  </Accordion>
</AccordionGroup>

### Approval Center

View and manage time cards from the [Approval Center](https://dashboard.dripos.com/approvals) on the Web Dashboard

Learn more about the Approval Center [here](/team/approval/approval-overview)

(Team > Approval Center)

<Accordion title="View & Edit Time Cards">
  <img src="https://mintcdn.com/frostbytetechnologiesinc/YqwdzHDi4ywuzB6Y/images/Team%20mgmt/approvalc.gif?s=281a5b55c8ec6e3b7ca25a18bcdc29e8" width="1280" height="720" data-path="images/Team mgmt/approvalc.gif" />
</Accordion>

### Point of Sale

View and manage time cards from the Point of Sale

<AccordionGroup>
  <Accordion title="View & Edit Time Cards">
    <iframe frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen src="https://www.loom.com/embed/677451614aa84e86938bd3f798bb3b1f?sid=54e3e3cb-fae7-4cc7-ae80-88a381a46fdc" />
  </Accordion>
</AccordionGroup>

### Hub App

View and manage time cards from the Hub App

<AccordionGroup>
  <Accordion title="View & Edit Time Cards">
    <img src="https://mintcdn.com/frostbytetechnologiesinc/lA980-SrTShXzYYu/images/marketing/View%20on%20Hub.gif?s=82014fcdec06f8bda26f70c46fffbbb6" width="404" height="720" data-path="images/marketing/View on Hub.gif" />
  </Accordion>
</AccordionGroup>
