.pro-rata-calculator-wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 8px;
}
.calc-container {
background: #ffffff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
margin-bottom: 40px;
}
.calc-row {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.calc-group {
flex: 1;
min-width: 250px;
display: flex;
flex-direction: column;
}
.calc-group label {
font-weight: 600;
color: #333;
margin-bottom: 8px;
font-size: 14px;
}
.calc-group input, .calc-group select {
padding: 12px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 16px;
transition: border-color 0.3s;
}
.calc-group input:focus {
border-color: #0073aa;
outline: none;
}
.calc-btn {
background-color: #0073aa;
color: white;
border: none;
padding: 15px 30px;
font-size: 18px;
font-weight: 700;
border-radius: 6px;
cursor: pointer;
width: 100%;
transition: background-color 0.3s;
}
.calc-btn:hover {
background-color: #005177;
}
.result-box {
margin-top: 25px;
padding: 20px;
background-color: #f0f7fb;
border-left: 5px solid #0073aa;
display: none;
}
.result-title {
font-size: 14px;
text-transform: uppercase;
color: #555;
letter-spacing: 1px;
margin-bottom: 5px;
}
.result-value {
font-size: 32px;
font-weight: 800;
color: #2c3e50;
}
.result-detail {
font-size: 14px;
color: #666;
margin-top: 5px;
}
.article-content {
color: #2c3e50;
line-height: 1.6;
}
.article-content h2 {
margin-top: 30px;
color: #0073aa;
}
.article-content ul {
margin-bottom: 20px;
padding-left: 20px;
}
.article-content li {
margin-bottom: 10px;
}
.highlight-box {
background: #fff8e1;
padding: 15px;
border-radius: 6px;
border: 1px solid #ffe0b2;
margin: 20px 0;
}
How Do You Calculate Pro Rata Holidays?
Calculating pro rata holiday entitlement is essential for part-time employees, shift workers, or anyone starting a job part-way through the leave year. "Pro rata" literally means "in proportion," meaning your holiday allowance is calculated based on how much you work compared to a standard full-time employee.
Key Concept: If a full-time employee gets 28 days of holiday and you work half their hours, you are entitled to half the holiday (14 days).
The Core Formula
The standard calculation for determining holiday entitlement relies on the proportion of days or hours worked. The most common method used by HR departments follows this logic:
(Days Worked per Week ÷ Full-Time Work Week) × Full-Time Annual Holiday Entitlement
Example Calculation
Let's look at a realistic scenario. Imagine you work 3 days a week. The company's standard full-time working week is 5 days, and full-time staff receive the UK statutory minimum of 28 days holiday (which includes bank holidays).
- Step 1: Determine the ratio. 3 days ÷ 5 days = 0.6 (or 60%).
- Step 2: Multiply by the full entitlement. 0.6 × 28 days = 16.8 days.
In this scenario, you would be entitled to 16.8 days of annual leave. Employers often round this up to the nearest half-day (17 days) to simplify booking, though they are not legally required to round up, only not to round down in a way that breaches statutory minimums.
Partial Leave Years
If you start or leave a job halfway through the year, your holiday must be pro-rated further based on the time employed.
For example, if you are entitled to 20 days per year but leave after 6 months, you are only entitled to 50% of that allowance (10 days). Our calculator above handles this via the "Months Employed" field.
Bank Holidays
It is important to note that pro rata calculations typically include bank holidays. Part-time workers are not automatically entitled to all bank holidays off if they don't fall on their working days. Instead, bank holidays are usually added to the total pot of days to be taken (e.g., the 28-day figure typically comprises 20 days annual leave + 8 bank holidays).
function calculateProRataHolidays() {
// Get input values
var daysWorked = document.getElementById('daysWorkedPerWeek').value;
var fullTimeEntitlement = document.getElementById('fullTimeEntitlement').value;
var monthsEmployed = document.getElementById('monthsEmployed').value;
var standardWeek = document.getElementById('standardWorkWeek').value;
// Basic Validation
if (daysWorked === "" || fullTimeEntitlement === "" || monthsEmployed === "") {
alert("Please fill in all fields to calculate your holiday entitlement.");
return;
}
// Convert to numbers
var daysWorkedNum = parseFloat(daysWorked);
var entitlementNum = parseFloat(fullTimeEntitlement);
var monthsNum = parseFloat(monthsEmployed);
var standardWeekNum = parseFloat(standardWeek);
// Logic Validation
if (daysWorkedNum <= 0 || entitlementNum < 0 || monthsNum 7) {
alert("Days worked per week cannot exceed 7.");
return;
}
if (monthsNum > 12) {
alert("Months employed cannot exceed 12.");
return;
}
// 1. Calculate the pro-rata ratio based on the working week
// (e.g., 3 days / 5 days = 0.6)
var weekRatio = daysWorkedNum / standardWeekNum;
// 2. Calculate the annualized pro-rata entitlement
// (e.g., 0.6 * 28 days = 16.8 days)
var annualProRataDays = weekRatio * entitlementNum;
// 3. Adjust for partial years (if they didn't work 12 months)
// (e.g., 16.8 * (6/12) = 8.4 days)
var timeRatio = monthsNum / 12;
var finalEntitlement = annualProRataDays * timeRatio;
// Formatting output (rounding to 1 decimal place usually suffices for days)
var formattedResult = finalEntitlement.toFixed(1);
// Check if result is a whole number to remove decimal
if (finalEntitlement % 1 === 0) {
formattedResult = finalEntitlement.toFixed(0);
}
// Display Results
document.getElementById('resultBox').style.display = 'block';
document.getElementById('resultValue').innerHTML = formattedResult + " Days";
// Create breakdown text
var breakdownText = "Based on working
out of a " + standardWeekNum + "-day week";
if (monthsNum < 12) {
breakdownText += ", adjusted for
of employment.";
} else {
breakdownText += " over a full year.";
}
document.getElementById('resultBreakdown').innerHTML = breakdownText;
}