Hour Timesheet Dashboard
DCAA-compliant time tracking interface with Data & Sync and Settings pages based on new designer mockups.
My Timesheet
Time Entries
Organized by week for better monthly overview
Another entry
Timesheet Audit Log
| User | IP Address | Device | Resource | Message | Time |
|---|---|---|---|---|---|
| Allison, David | 47.151.199.18 | WEB | TIMESHEET | Update hours from 1h to 8h 31m on 2025-12-08 against [Example Charge Code]. | 12/08/2025, 10:47 AM |
| Allison, David | 47.151.199.18 | WEB | TIMESHEET | Added 1h on 2025-12-08 against [Example Charge Code]. | 12/08/2025, 10:46 AM |
| Allison, David | 47.151.199.18 | WEB | TIMESHEET | Added 1h on 2025-12-08 against [Example Charge Code]. | 12/08/2025, 10:46 AM |
| Funding Source / Project | Task | Mon 8 | Tue 9 | Wed 10 | Thu 11 | Fri 12 | Sat 13 | Sun 14 | Total | |
|---|---|---|---|---|---|---|---|---|---|---|
Government Contract A | Development | 28:30 | ||||||||
Internal - Admin | Meetings | 3:45 | ||||||||
| Daily Totals | 8:00 | 8:00 | 8:00 | 8:15 | 0:00 | 0:00 | 0:00 | 32:15 | ||
Data & Sync Page
Data & Sync
Import external data
Import employee profiles, charge codes, and pay types from Excel
QuickBooks Online
ConnectedIntegrate clients, invoices, and expenses seamlessly with QuickBooks Online.
QuickBooks Desktop Settings
Please specify which of the items you want to import from QuickBooks Desktop other than your Employees:
QuickBooks Desktop
Easily connect clients, invoices, and expenses with QuickBooks Desktop. If you need guidelines for installation, please visit this guide to get started.
Settings Page Pattern
Reference implementation for settings pages with vertical tabs and toggle switches.
Charge Codes
Permissions & Roles
Integration Card Patterns
Not Connected State
QuickBooks Online
Integrate clients, invoices, and expenses seamlessly with QuickBooks Online.
Connected State
QuickBooks Online
ConnectedIntegrate clients, invoices, and expenses seamlessly with QuickBooks Online.
Design Specifications
Integration Cards
- Card Padding
- 24px all sides
- Border
- 1px solid neutral-200
- Border Radius
- 12px
- Logo Size
- 32px with 16px gap
- Title
- 16px / 600 weight
- Description
- 14px / 400 weight / neutral-500
Toggle Switches
- Track Width
- 44px
- Track Height
- 24px
- Thumb Size
- 20px diameter
- Active Color
- Primary brand color
- Inactive Color
- neutral-300
- Transition
- 200ms ease
Settings Sidebar
- Width
- 200px fixed
- Tab Padding
- 12px 16px
- Active Tab
- Primary color text, light bg
- Hover State
- Subtle background highlight
- Font
- 14px / 500 weight
Content Tabs
- Style: Underline tabs
- Active: Primary color, 2px bottom border
- Inactive: neutral-600, no border
- Padding: 12px 0 with 24px gap
- Margin: 0 0 24px 0
Buttons
- Primary: Brand color bg, white text
- Outline: White bg, neutral border
- Danger Outline: White bg, red border/text
- Padding: 10px 20px
- Border Radius: 8px
Status Badges
- Connected: Green outline, green text
- Disconnected: Gray outline, gray text
- Padding: 4px 12px
- Border Radius: 9999px (pill)
- Font: 12px / 500 weight