Hour Timesheet Dashboard

DCAA-compliant time tracking interface with Data & Sync and Settings pages based on new designer mockups.

Hour Timesheet Product UI Desktop View DCAA Compliant New Design
app.hourtimesheet.com/timesheet
GMT+07
MON 8
TUE 9
WED 10
THU 11
FRI 12
SAT 13
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
DOD-2024-0847 Infrastructure Modernization
8:00 AM - 12:00 PM
Security Assessment
DOD-2024-0847 Infrastructure Modernization 8:00 AM - 12:00 PM (4h) Task: Security Assessment Billable • Regular Pay
DOD-2024-0847 Infrastructure Modernization
1:00 PM - 5:00 PM
Code Review
DOD-2024-0847 Infrastructure Modernization 1:00 PM - 5:00 PM (4h) Task: Code Review Billable • Regular Pay
NASA-JPL-2024-Q4 Mission Control Systems
8:00 AM - 3:30 PM
Integration Testing
NASA-JPL-2024-Q4 Mission Control Systems 8:00 AM - 3:30 PM (7.5h) Task: Integration Testing Billable • Regular Pay
VA-EHR-2024-MOD3 Electronic Health Records
8:00 AM - 4:00 PM
Requirements Analysis
VA-EHR-2024-MOD3 Electronic Health Records 8:00 AM - 4:00 PM (8h) Task: Requirements Analysis Billable • Regular Pay
DOD-2024-0847 Infrastructure Modernization
8:00 AM - 3:15 PM
Documentation
DOD-2024-0847 Infrastructure Modernization 8:00 AM - 3:15 PM (7.25h) Task: Documentation Billable • Regular Pay
USDA-FPAC-2024 Farm Program Systems
8:00 AM - 4:00 PM
Sprint Planning
USDA-FPAC-2024 Farm Program Systems 8:00 AM - 4:00 PM (8h) Task: Sprint Planning Billable • Regular Pay

Time Entries

Organized by week for better monthly overview

Mon, Dec 8 9h 31m
8:00 AM - 9:00 AM Draft 1h

Cool entry!

Example Charge Code - Regular pay type
9:00 AM - 5:31 PM Draft 8h 31m

Another entry

Example Charge Code - Regular pay type

Timesheet Audit Log

UserIP AddressDeviceResourceMessageTime
Allison, David47.151.199.18WEBTIMESHEETUpdate hours from 1h to 8h 31m on 2025-12-08 against [Example Charge Code].12/08/2025, 10:47 AM
Allison, David47.151.199.18WEBTIMESHEETAdded 1h on 2025-12-08 against [Example Charge Code].12/08/2025, 10:46 AM
Allison, David47.151.199.18WEBTIMESHEETAdded 1h on 2025-12-08 against [Example Charge Code].12/08/2025, 10:46 AM
Showing 1 to 3 of 3 items
1 / 1
Today: 4:30:00 Week Total: 32:15:00
Funding Source / ProjectTaskMon 8Tue 9Wed 10Thu 11Fri 12Sat 13Sun 14Total
Government Contract A
Development28:30
Internal - Admin
Meetings3:45
Daily Totals8:008:008:008:150:000:000:0032:15

Data & Sync Page

app.hourtimesheet.com/data-sync

Import external data

Import employee profiles, charge codes, and pay types from Excel

QuickBooks Online

Connected

Integrate 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

Default billable status, Effective Dates, DCAA Class Mapping
Allow override billable per user/group

Permissions & Roles

Role management: custom roles, system roles
Prepopulating holiday schedule

Integration Card Patterns

Not Connected State

QuickBooks Online

Integrate clients, invoices, and expenses seamlessly with QuickBooks Online.

Connected State

QuickBooks Online

Connected

Integrate 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