{"id":65782,"date":"2026-09-30T11:27:43","date_gmt":"2026-09-30T08:27:43","guid":{"rendered":"https:\/\/wpcalc.com\/en\/?p=65782"},"modified":"2026-10-23T10:14:38","modified_gmt":"2026-10-23T07:14:38","slug":"time-card-calculator","status":"publish","type":"post","link":"https:\/\/wpcalc.com\/en\/life\/time-card-calculator\/","title":{"rendered":"Time Card Calculator \u2013 Work Hours and Pay"},"content":{"rendered":"<section class=\"not-prose calculator-box\" aria-labelledby=\"calculator-title\"><div class=\"flex items-baseline sm:items-center justify-between gap-2 sm:gap-3\"><div class=\"flex flex-col sm:flex-row sm:items-center gap-2\"><span class=\"icon icon-calculator text-primary-700! text-base! dark:text-primary-300!\" aria-hidden=\"true\"><\/span><h2 id=\"calculator-title\" class=\"text-lg font-display font-bold\">Add Up Your Weekly Hours, Overtime and Pay<\/h2><\/div><div class=\"calcdash-favorite group\">\n  <button type=\"button\" class=\"favorite\" id=\"favorite\" data-favorite-id=\"65782\" data-favorite-title=\"Time Card\" data-favorite-url=\"https:\/\/wpcalc.com\/en\/life\/time-card-calculator\/\" data-favorite-excerpt=\"Enter your daily clock-in and clock-out times plus unpaid breaks to get your hours for each day of the week, the total in decimal hours and in h:mm format, ready for payroll or timesheets.\" aria-label=\"Add to Favorites\" data-favorite-icon=\"icon icon-date\">\n    <span class=\"icon icon-shape-star-empty\" aria-hidden=\"true\"><\/span>\n  <\/button>\n  <div class=\"calcdash-favorite__tip\" aria-hidden=\"true\">\n   <span class=\"favorite-tooltip\" id=\"favorite-tooltip\"><\/span>\n  <\/div>\n  <span class=\"sr-only\" role=\"status\" id=\"favorite-status\"><\/span>\n<\/div><\/div><form action=\"https:\/\/wpcalc.com\/en\/life\/time-card-calculator\/\" method=\"POST\" class=\"calculator\" id=\"calculator-65782\" data-post=\"65782\"><fieldset class=\"fieldset-input is-3\"><legend class=\"sr-only\">Input Fields<\/legend><div class=\"is-single field\" id=\"input-1\"><span class=\"font-semibold\">Monday<\/span><\/div><div class=\"field\" id=\"input-2\"><label for=\"field-2\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-2\" aria-describedby=\"calc-info-2\" placeholder=\"09:00\" step=\"any\" value=\"09:00\"\/><small id=\"calc-info-2\">24-hour time. A clock-out earlier than the clock-in counts as an overnight shift.<\/small><\/div><div class=\"field\" id=\"input-3\"><label for=\"field-3\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-3\" placeholder=\"17:00\" step=\"any\" value=\"17:00\"\/><\/div><div class=\"field\" id=\"input-4\"><label for=\"field-4\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-4\" aria-describedby=\"calc-unit-4\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"30\" min=\"0\" max=\"480\" value=\"30\"\/><div class=\"unit\" id=\"calc-unit-4\">min<\/div><\/div><div class=\"is-single field\" id=\"input-5\"><span class=\"font-semibold\">Tuesday<\/span><\/div><div class=\"field\" id=\"input-6\"><label for=\"field-6\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-6\" placeholder=\"09:00\" step=\"any\" value=\"09:00\"\/><\/div><div class=\"field\" id=\"input-7\"><label for=\"field-7\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-7\" placeholder=\"17:00\" step=\"any\" value=\"17:00\"\/><\/div><div class=\"field\" id=\"input-8\"><label for=\"field-8\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-8\" aria-describedby=\"calc-unit-8\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"30\" min=\"0\" max=\"480\" value=\"30\"\/><div class=\"unit\" id=\"calc-unit-8\">min<\/div><\/div><div class=\"is-single field\" id=\"input-9\"><span class=\"font-semibold\">Wednesday<\/span><\/div><div class=\"field\" id=\"input-10\"><label for=\"field-10\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-10\" placeholder=\"09:00\" step=\"any\" value=\"09:00\"\/><\/div><div class=\"field\" id=\"input-11\"><label for=\"field-11\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-11\" placeholder=\"17:00\" step=\"any\" value=\"17:00\"\/><\/div><div class=\"field\" id=\"input-12\"><label for=\"field-12\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-12\" aria-describedby=\"calc-unit-12\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"30\" min=\"0\" max=\"480\" value=\"30\"\/><div class=\"unit\" id=\"calc-unit-12\">min<\/div><\/div><div class=\"is-single field\" id=\"input-13\"><span class=\"font-semibold\">Thursday<\/span><\/div><div class=\"field\" id=\"input-14\"><label for=\"field-14\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-14\" placeholder=\"09:00\" step=\"any\" value=\"09:00\"\/><\/div><div class=\"field\" id=\"input-15\"><label for=\"field-15\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-15\" placeholder=\"17:00\" step=\"any\" value=\"17:00\"\/><\/div><div class=\"field\" id=\"input-16\"><label for=\"field-16\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-16\" aria-describedby=\"calc-unit-16\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"30\" min=\"0\" max=\"480\" value=\"30\"\/><div class=\"unit\" id=\"calc-unit-16\">min<\/div><\/div><div class=\"is-single field\" id=\"input-17\"><span class=\"font-semibold\">Friday<\/span><\/div><div class=\"field\" id=\"input-18\"><label for=\"field-18\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-18\" placeholder=\"09:00\" step=\"any\" value=\"09:00\"\/><\/div><div class=\"field\" id=\"input-19\"><label for=\"field-19\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-19\" placeholder=\"17:00\" step=\"any\" value=\"17:00\"\/><\/div><div class=\"field\" id=\"input-20\"><label for=\"field-20\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-20\" aria-describedby=\"calc-unit-20\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"30\" min=\"0\" max=\"480\" value=\"30\"\/><div class=\"unit\" id=\"calc-unit-20\">min<\/div><\/div><div class=\"is-single field\" id=\"input-21\"><span class=\"font-semibold\">Saturday<\/span><\/div><div class=\"field\" id=\"input-22\"><label for=\"field-22\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-22\" placeholder=\"\u2014\" step=\"any\"\/><\/div><div class=\"field\" id=\"input-23\"><label for=\"field-23\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-23\" placeholder=\"\u2014\" step=\"any\"\/><\/div><div class=\"field\" id=\"input-24\"><label for=\"field-24\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-24\" aria-describedby=\"calc-unit-24\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"0\" min=\"0\" max=\"480\" value=\"0\"\/><div class=\"unit\" id=\"calc-unit-24\">min<\/div><\/div><div class=\"is-single field\" id=\"input-25\"><span class=\"font-semibold\">Sunday<\/span><\/div><div class=\"field\" id=\"input-26\"><label for=\"field-26\">Clock In<\/label><input type=\"time\" name=\"clock_in\" id=\"field-26\" placeholder=\"\u2014\" step=\"any\"\/><\/div><div class=\"field\" id=\"input-27\"><label for=\"field-27\">Clock Out<\/label><input type=\"time\" name=\"clock_out\" id=\"field-27\" placeholder=\"\u2014\" step=\"any\"\/><\/div><div class=\"field\" id=\"input-28\"><label for=\"field-28\">Unpaid Break<\/label><input type=\"text\" name=\"unpaid_break\" id=\"field-28\" aria-describedby=\"calc-unit-28\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"0\" min=\"0\" max=\"480\" value=\"0\"\/><div class=\"unit\" id=\"calc-unit-28\">min<\/div><\/div><div class=\"is-single field\" id=\"input-29\"><span class=\"font-semibold\">Options<\/span><\/div><div class=\"field is-single\" id=\"input-30\"><label for=\"field-30\">Round Daily Hours To<\/label><div class=\"grid grid-cols-1\"><select id=\"field-30\" name=\"round_daily_hours_to\"><option value=\"none\" selected>No rounding (exact minutes)<\/option><option value=\"r5\">Nearest 5 minutes<\/option><option value=\"r6\">Nearest 6 minutes (1\/10 hour)<\/option><option value=\"r10\">Nearest 10 minutes<\/option><option value=\"r15\">Nearest 15 minutes<\/option><option value=\"r30\">Nearest 30 minutes<\/option><\/select><svg class=\"pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n              <path fill-rule=\"evenodd\" d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n            <\/svg><\/div><\/div><div class=\"field is-single\" id=\"input-31\"><label for=\"field-31\">Hourly Rate (optional)<\/label><div class=\"field-group\"><input type=\"text\" name=\"hourly_rate_optional\" id=\"field-31\" aria-describedby=\"calc-info-31\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"20\" min=\"0\" value=\"20\"\/><div class=\"grid grid-cols-1\"><select id=\"field-32\" name=\"currency\" aria-label=\"Currency\"><option value=\"usd\" selected>$<\/option><option value=\"eur\">\u20ac<\/option><option value=\"gbp\">\u00a3<\/option><option value=\"cad\">CA$<\/option><option value=\"aud\">A$<\/option><\/select><svg class=\"pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n              <path fill-rule=\"evenodd\" d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n            <\/svg><\/div><\/div><small id=\"calc-info-31\">Leave this empty to count hours only. When set, base pay, overtime pay and gross pay are calculated.<\/small><\/div><div class=\"field\" id=\"input-32\"><label for=\"field-33\">Overtime Starts After<\/label><input type=\"text\" name=\"overtime_starts_after\" id=\"field-33\" aria-describedby=\"calc-unit-33 calc-info-33\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" min=\"0\" max=\"168\" value=\"40\"\/><div class=\"unit\" id=\"calc-unit-33\">h\/week<\/div><small id=\"calc-info-33\">Weekly hours above this threshold count as overtime. Set 0 to pay everything at the overtime rate.<\/small><\/div><div class=\"field is-single\" id=\"input-33\"><label for=\"field-34\">Overtime Multiplier<\/label><input type=\"text\" name=\"overtime_multiplier\" id=\"field-34\" aria-describedby=\"calc-unit-34 calc-info-34\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" min=\"1\" max=\"5\" value=\"1.5\"\/><div class=\"unit\" id=\"calc-unit-34\">\u00d7<\/div><small id=\"calc-info-34\">1.5 = time and a half, 2 = double time. At 1\u00d7 overtime hours pay the same as regular hours.<\/small><\/div><\/fieldset><div class=\"buttons\"><button type=\"submit\" data-text=\"Re-Calculate\" id=\"calculate-button\" data-post=\"65782\">Calculate<\/button><button type=\"reset\">Reset<\/button><\/div><div class=\"field is-checkbox hidden!\" id=\"field-auto-calc\"><input type=\"checkbox\" id=\"auto-calc\"><label for=\"auto-calc\">Calculate automatically<\/label><small>If enabled, the result will update automatically when you change any value.<\/small><\/div><div class=\"fieldset-result is-hidden\" aria-labelledby=\"result-title\" aria-live=\"polite\" role=\"region\"> <h3 class=\"result-title bg-gradient-to-r from-primary-50 to-gray-50 dark:from-primary-900 dark:to-gray-800\" id=\"result-title\"><span class=\"icon icon-s-pulse\" aria-hidden=\"true\"><\/span> Your Time Card<\/h3><div class=\"result-box\"><div class=\"field-result\" id=\"output-1\"><span class=\"field-title\"><span>Monday<\/span><\/span><span class=\"field-value\" id=\"result-1\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-2\"><span class=\"field-title\"><span>Tuesday<\/span><\/span><span class=\"field-value\" id=\"result-2\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-3\"><span class=\"field-title\"><span>Wednesday<\/span><\/span><span class=\"field-value\" id=\"result-3\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-4\"><span class=\"field-title\"><span>Thursday<\/span><\/span><span class=\"field-value\" id=\"result-4\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-5\"><span class=\"field-title\"><span>Friday<\/span><\/span><span class=\"field-value\" id=\"result-5\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-6\"><span class=\"field-title\"><span>Saturday<\/span><\/span><span class=\"field-value\" id=\"result-6\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-7\"><span class=\"field-title\"><span>Sunday<\/span><\/span><span class=\"field-value\" id=\"result-7\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-8\"><span class=\"field-title\"><span>Total Hours<\/span><\/span><span class=\"field-value\" id=\"result-8\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-9\"><span class=\"field-title\"><span>Total Time (h:mm)<\/span><span class=\"result-term\">\u03a3<\/span><\/span><span class=\"field-value\" id=\"result-9\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-10\"><span class=\"field-title\"><span>Regular Hours<\/span><\/span><span class=\"field-value\" id=\"result-10\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-11\"><span class=\"field-title\"><span>Overtime Hours<\/span><span class=\"result-term\">OT<\/span><\/span><span class=\"field-value\" id=\"result-11\" data-unit=\"h\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-12\"><span class=\"field-title\"><span>Base Pay<\/span><\/span><span class=\"field-value\" id=\"result-12\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-13\"><span class=\"field-title\"><span>Overtime Pay<\/span><\/span><span class=\"field-value\" id=\"result-13\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-14\"><span class=\"field-title\"><span>Gross Pay<\/span><\/span><span class=\"field-value\" id=\"result-14\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result is-column\" id=\"output-15\"><span class=\"field-title\"><span>Time Card Details<\/span><\/span><span class=\"field-value\" id=\"result-15\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><div class=\"result-actions\"><button type=\"button\" class=\"copy-link\"><svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"\/><path d=\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"\/><\/svg><span class=\"copy-link__text\">Copy link to this calculation<\/span><\/button><span class=\"sr-only\" role=\"status\" id=\"copy-link-status\"><\/span><\/div><\/div><a href=\"#respond\" class=\"hidden transition-opacity duration-300 opacity-0 w-50 text-sm justify-center items-center gap-2 px-4 py-2 rounded bg-gray-200 text-gray-700 hover:bg-gray-300\" id=\"leave-comment\"><span class=\"icon icon-comments\" aria-hidden=\"true\"><\/span>Leave a Comment<\/a><\/form><\/section><section id=\"calc-reactions\" class=\"not-prose hidden my-12 bg-gradient-to-r from-primary-50 to-gray-50 border border-indigo-100 rounded-xl px-6 py-4 shadow-sm\" data-post=\"65782\" aria-live=\"polite\" aria-labelledby=\"calc-reactions-title\"><p id=\"calc-reactions-title\" class=\"text-sm text-gray-500 text-center mb-2\">How did this result make you feel?<\/p><div role=\"group\" aria-labelledby=\"calc-reactions-title\" class=\"grid grid-cols-3 sm:flex sm:flex-row sm:justify-around gap-4 sm:items-center sm:flex-wrap\"><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"like\"><span class=\"reaction-count\" data-reaction-count=\"like\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude00 <\/span><span class=\"reaction-description font-medium\">Like <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"helpful\"><span class=\"reaction-count\" data-reaction-count=\"helpful\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\udca1 <\/span><span class=\"reaction-description font-medium\">Helpful <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"confused\"><span class=\"reaction-count\" data-reaction-count=\"confused\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude15 <\/span><span class=\"reaction-description font-medium\">Confused <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"disappointed\"><span class=\"reaction-count\" data-reaction-count=\"disappointed\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude1e <\/span><span class=\"reaction-description font-medium\">Disappointed <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"inaccurate\"><span class=\"reaction-count\" data-reaction-count=\"inaccurate\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\u274c <\/span><span class=\"reaction-description font-medium\">Inaccurate <\/span><\/button><\/div><div id=\"reaction-message\" class=\"hidden mt-8 rounded-md border border-primary-100 bg-white\/50 backdrop-blur-sm px-4 py-2 text-sm text-center shadow-sm\"><\/div><\/section><div class=\"calcdash-ad not-prose calcdash-ad--calc_result calcdash-ad--in-article\"><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-1721569815777345\" data-ad-slot=\"6317458308\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>\n<style id=\"wpcoderpro-inline-1\">.formula-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section class=\"formula-box\" aria-labelledby=\"formula-title\">\r\n\t<div id=\"formula-title\" class=\"not-prose font-display mb-4\"><span class=\"icon icon-formula\" aria-hidden=\"true\"><\/span><h2>Time Card Formula<\/h2><\/div>\r\n\t<figure class=\"not-prose formula\">\r\n\t\t<figcaption class=\"formula-title\">Formula<\/figcaption>\r\n\t\t<div class=\"text-base text-gray-800\" id=\"formula\">\n\\[ w_d = t_{\\text{out}} - t_{\\text{in}} + \\begin{cases} 1440, &amp; t_{\\text{out}} \\le t_{\\text{in}} \\\\ 0, &amp; t_{\\text{out}} &gt; t_{\\text{in}} \\end{cases} \\; - \\; b \\]\n\\[ H = \\frac{1}{60} \\sum_{d=1}^{7} w_d \\]\n<\/div>\r\n\t<\/figure>\r\n\t<\/p>\n<p><strong>Where:<\/strong><\/p>\n<ul>\n<li>\\(w_d\\) \u2014 minutes worked on day \\(d\\)<\/li>\n<li>\\(t_{\\text{in}}\\), \\(t_{\\text{out}}\\) \u2014 clock-in and clock-out times, expressed in minutes since midnight<\/li>\n<li>\\(b\\) \u2014 unpaid break in minutes<\/li>\n<li>\\(H\\) \u2014 total hours for the week<\/li>\n<\/ul>\n<p>The first formula computes the minutes on the clock for one day. If the clock-out is earlier than (or equal to) the clock-in, 1440 minutes (24 hours) are added, so an overnight shift is handled correctly. The second formula converts each day to hours and adds up the week.<\/p>\n<p>\r\n<\/section>\n<style id=\"wpcoderpro-inline-459\">.calculation-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section id=\"calculation\" class=\"calculation-box\" aria-labelledby=\"calculation-title\">\r\n\t<div id=\"calculation-title\" class=\"not-prose font-display\"><span class=\"icon icon-unordered-list\" aria-hidden=\"true\"><\/span><h2>Time Card \u2013 Calculation Example<\/h2><\/div>\r\n\r\n<\/p>\n<p><strong>Example:<\/strong> an employee works Monday to Friday, clocking in at 09:00 and clocking out at 17:00, with a 30-minute unpaid lunch break each day.<\/p>\n<p>Minutes on the clock per day:<\/p>\n<p>\\[ w = (17\\!:\\!00 - 9\\!:\\!00) - 30\\ \\text{min} = 480 - 30 = 450\\ \\text{min} \\]<\/p>\n<p>Daily and weekly hours:<\/p>\n<p>\\[ H = \\frac{450 \\times 5}{60} = 37.5\\ \\text{h} \\]<\/p>\n<p><strong>Result:<\/strong> 7.5 h per day, 37.5 total hours for the week, shown as 37:30 in h:mm format. This matches the calculator's default values, so you can reproduce it directly.<\/p>\n<p>\n\r\n<\/section>\n<h2>How to use the calculator<\/h2>\n<ol>\n<li>For each day you worked, enter the <strong>Clock In<\/strong> and <strong>Clock Out<\/strong> times in 24-hour format, e.g. 09:00 and 17:30. Leave both fields empty on your days off.<\/li>\n<li>Enter the <strong>Unpaid Break<\/strong> for that day in minutes (e.g. 30 for a half-hour lunch). Enter 0 or leave it blank if there was no break.<\/li>\n<li>If your shift crosses midnight, simply enter the real times: a clock-out earlier than the clock-in is automatically treated as an overnight shift.<\/li>\n<li>Choose a <strong>Round Daily Hours To<\/strong> option under Options if your payroll system rounds each day (for example, to the nearest 15 minutes). Leave it on \"No rounding (exact minutes)\" for exact totals.<\/li>\n<li>Read your results: hours per day, <strong>Total Hours<\/strong> in decimal form, <strong>Total Time (h:mm)<\/strong> in hours-and-minutes form, and the <strong>Time Card Details<\/strong> table summarising the whole week.<\/li>\n<\/ol>\n<h2>What a time card is and why it matters<\/h2>\n<p>A time card (or timesheet) is a record of when an employee starts and finishes work each day, usually with any unpaid breaks noted. It is the basis of hourly payroll: your gross pay is your total worked hours multiplied by your hourly rate, so an accurate time card directly affects the size of your paycheck.<\/p>\n<p>Hours can be expressed in two ways, and confusing them is a common source of errors. Payroll systems typically use <em>decimal hours<\/em>: 7 hours and 30 minutes is 7.5 h, and 37 hours 30 minutes is 37.5 h. Timesheets and punch clocks usually use <em>hours and minutes<\/em> (h:mm): the same week appears as 37:30. The calculator shows both, so you can copy the right format into whichever system you use.<\/p>\n<p>The <strong>Time Card Details<\/strong> table also gives the average hours per working day. This is useful for spotting patterns: are you consistently working longer than scheduled, or is one day dragging down your weekly total? If you are paid overtime, the daily and weekly breakdown makes it easy to see which days crossed the overtime threshold defined by your employer or local labour law.<\/p>\n<p>To turn the total into pay, multiply the hours by your hourly rate. You can then check how the money fits into a longer plan, for example when counting the <a href=\"https:\/\/wpcalc.com\/en\/life\/days-between-dates\/\">days between dates<\/a> until a savings goal, or verifying your <a href=\"https:\/\/wpcalc.com\/en\/life\/age\/\">exact age and work history<\/a> for benefits and records.<\/p>\n<h2>Assumptions, limitations and practical tips<\/h2>\n<ul>\n<li><strong>Times are in 24-hour format.<\/strong> Enter 2:30 PM as 14:30. If you type an invalid time, the calculator tells you which day needs fixing.<\/li>\n<li><strong>Overnight shifts:<\/strong> a clock-out earlier than or equal to the clock-in adds 24 hours. A 22:00\u201306:00 shift is entered exactly like that and counts as 8 hours before the break. If you genuinely worked zero minutes (clock in and out at the same moment with no break), the calculator reads it as a 24-hour shift \u2014 adjust your entries to avoid this.<\/li>\n<li><strong>Breaks are subtracted, not added.<\/strong> Only enter unpaid time. Paid breaks should be left as 0, because paid break time counts as work time.<\/li>\n<li><strong>Rounding is applied to daily hours, not to individual punches.<\/strong> This matches the most common payroll convention, where each day's total is rounded to the nearest increment before summing. Some employers round each clock-in and clock-out instead, which can give slightly different results.<\/li>\n<li><strong>The week runs Monday to Sunday.<\/strong> If your pay period starts on another day, shift your entries accordingly or run the calculator twice and add the totals manually.<\/li>\n<li><strong>Overtime is not calculated automatically.<\/strong> The tool reports total hours only; apply your own overtime rules (for example, hours beyond 40 per week at 1.5\u00d7) to the result.<\/li>\n<\/ul>\n<h2>Common rounding increments<\/h2>\n<table>\n<thead>\n<tr>\n<th>Option<\/th>\n<th>Increment<\/th>\n<th>Typical use<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Nearest 5 minutes<\/td>\n<td>5 min<\/td>\n<td>Many digital time clocks<\/td>\n<\/tr>\n<tr>\n<td>Nearest 6 minutes (1\/10 hour)<\/td>\n<td>6 min<\/td>\n<td>Payroll in decimal tenths of an hour<\/td>\n<\/tr>\n<tr>\n<td>Nearest 10 minutes<\/td>\n<td>10 min<\/td>\n<td>Older punch-clock systems<\/td>\n<\/tr>\n<tr>\n<td>Nearest 15 minutes<\/td>\n<td>15 min<\/td>\n<td>Common in shift work and healthcare<\/td>\n<\/tr>\n<tr>\n<td>Nearest 30 minutes<\/td>\n<td>30 min<\/td>\n<td>Half-hour-based schedules<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>If you are unsure which rounding your employer uses, compare a hand-calculated day with your payslip, or ask your payroll department. For scheduling the weeks ahead, a <a href=\"https:\/\/wpcalc.com\/en\/life\/monthly-calendar\/\">monthly calendar<\/a> can help you plan shifts and days off around the hours you have logged.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enter your daily clock-in and clock-out times plus unpaid breaks to get your hours for each day of the week, the total in decimal hours and in h:mm format, ready for payroll or timesheets.<\/p>\n","protected":false},"author":3168,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[20],"class_list":["post-65782","post","type-post","status-publish","format-standard","hentry","category-life","tag-date"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/65782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/users\/3168"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/comments?post=65782"}],"version-history":[{"count":2,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/65782\/revisions"}],"predecessor-version":[{"id":67455,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/65782\/revisions\/67455"}],"wp:attachment":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/media?parent=65782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/categories?post=65782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/tags?post=65782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}