Input hours, calculate, download as pdf

Free Time Card Calculator

Why this Time Card?

  • Has all the features a small team needs to track time and attendance
  • Download the time card as a pretty PDF
  • Send data into other tools like Google Sheets, Excel or Zapier
  • The time card calculator is embeddable into any website
  • Save settings and send via URL to your team and they can bookmark it
  • Keyboard-friendly input

Features

  • Set a custom hourly rate
  • Overtime tracking
  • Absence tracking
  • Add breaks to each day
  • Show/Hide weekend
  • 24H or 12H time format
  • Custom weekly timesheet name
  • Custom date range

PDF Download

An appealing PDF of the time card can be downloaded and sent to your accounting department. Or your employees can do it themselves.

PDF Time Card Rerport

Send data to other tools

If you want to really crunch down on the numbers you can send the tracked data to your custom URL and than connect it to tools like Google Sheets, Excel, even Zapier.

Time Card send via URL

Embed on your website

Copy this code below and paste it into your CMS under “iframe”.

<iframe name='timecard' height='1600px' width='100%' scrolling='yes' src='https://mihas.github.io/timecard/?hourly_rate=10' marginwidth='0px' marginheight='0px' frameborder='0' id='timeCard' allowfullscreen style='border:0px none #ffffff'> </iframe>

This will embed the free time card calculator on your website.

Saved settings ready for a bookmark

The custom settings of the time clock calculator can be set straight from the URL. Below is an example and all the shortcodes needed.

Example: https://mihas.github.io/timecard/?hourly_rate=10&add_breaks=true 

  • 24h_format [true/false]
  • add_breaks [true/false]
  • show_weekend [true/false]
  • hourly_rate [decimal]
  • currency [decimal]
  • overtime_hours [decimal]
  • overtime_rate [decimal]
  • overtime_setting [day/week]
  • submit_url [text]

Keyboard friendly input

Inputs were developed in a way that you can quickly move between days without needing to reach for the mouse. When you’re done, click Calculate or Download PDF to get to the final result.

Settings

Main settings

  1. Enter a full name for the timesheet title. 
  2. Select date range for the 7-day week. Default is this week.
  3. Change to 24 hour time format, instead of using AM/PM switches.
  4. Add breaks to enter hours for both morning and afternoon shifts.

Additional settings

  1. Set hourly rate and change the currency, default is USD.
  2. Optionally add absent hours, which can be paid or not. Enter any additional details below.
  3. Overtime can be set in 2 ways: either on a daily or weekly basis. Enter a rate multiplier and when it is applied.
  4. In case you worked over the weekend, enable Weekend under Advanced settings.

Waste no more time,
jump right in!

Get started - it’s free
My Hours is free for teams of up to 5 users.