TIME CARD CALCULATOR
WITH LUNCH BREAK
Features
Set a custom hourly rate
Overtime tracking- Absence tracking
- Add breaks to each day (lunch break)
- Show/Hide weekend
- 24H or 12H time format
- Custom weekly timesheet name
- Download time cards as PDFs
- Export data to other tools (Google Sheets, Excel, Zapier)
- Save time card settings
- Embed function
How to Use Our Time Card Calculator
1. Start by adding your name in the space provided, then input the starting date of the week.
2. If you prefer to use a 24-hour time format, you can toggle the switch to the on position.
3. If you need to include breaks, such as lunch break, toggle the “add breaks” switch to the on position.
4. Next, click the dropdown underneath the days of the week and choose if you want to set an hourly rate.
5. If using an hourly rate, input it in the designated field and choose the currency.
6. Now, set the overtime rules by choosing whether overtime applies.
7. If overtime is included, add the amount of pay owed for each overtime hour and set the regular number of daily working hours (or you can opt for weekly working hours). Any hours tracked over this amount will be recorded as overtime.
8. You’re ready to start tracking hours!
9. Add the start and stop times in the relevant fields, and the calculator will automatically update the total hours and wages owed.
10. If you’re a weekend worker, toggle the Show Weekend switch, and Saturday and Sunday will be added to the time card hours calculator.
11. If there are any absences (not including breaks), add them to the time card in the relevant field and check the box to indicate whether or not it’s paid.
12. As you complete the time card, the totals, including overtime, will automatically get added at the bottom.
13. When the time card is complete, you have a few options for saving and sending:
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.
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.
Embed on your website
Copy this code below and paste it into your CMS under “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]
FAQ
The burning questions about time card calculator
Waste no more time,
jump right in!
All rights reserved.