From 9ac8763a5c708e26f6fdae15d03a56aef496de8b Mon Sep 17 00:00:00 2001
From: Justin Gasper <jmgasper@gmail.com>
Date: Tue, 27 Jan 2026 08:38:27 +1100
Subject: [PATCH] Update for firstname / last name instead of handle on team
 leave calendar

---
 .../src/lib/components/Calendar/Calendar.tsx         | 12 +++++++++---
 .../src/lib/components/TeamCalendar/TeamCalendar.tsx | 10 +++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/apps/calendar/src/lib/components/Calendar/Calendar.tsx b/src/apps/calendar/src/lib/components/Calendar/Calendar.tsx
index 6b2b9ff10..74836a0d8 100644
--- a/src/apps/calendar/src/lib/components/Calendar/Calendar.tsx
+++ b/src/apps/calendar/src/lib/components/Calendar/Calendar.tsx
@@ -1,9 +1,10 @@
+import { isWeekend } from 'date-fns'
 import { MouseEvent, useMemo } from 'react'
 import classNames from 'classnames'
 
 import { LoadingSpinner } from '~/libs/ui'
 
-import { LeaveDate } from '../../models'
+import { LeaveDate, LeaveStatus } from '../../models'
 import {
     getDateKey,
     getMonthDates,
@@ -86,9 +87,14 @@ export const Calendar = (props: CalendarProps): JSX.Element => {
                     }
 
                     const dateKey = getDateKey(date)
+                    const isWeekendDate = isWeekend(date)
                     const status = getStatusForDate(date, leaveDates)
+                    const displayStatus = isWeekendDate && status === LeaveStatus.AVAILABLE
+                        ? LeaveStatus.WEEKEND
+                        : status
                     const isSelected = selectedDates.has(dateKey)
-                    const statusClass = styles[getStatusColor(status)]
+                    const statusClass = styles[getStatusColor(displayStatus)]
+                    const isDisabled = isLoading || isWeekendDate
 
                     return (
                         <button
@@ -104,7 +110,7 @@ export const Calendar = (props: CalendarProps): JSX.Element => {
                             )}
                             data-date-key={dateKey}
                             onClick={handleDateClick}
-                            disabled={isLoading}
+                            disabled={isDisabled}
                         >
                             <span className={styles.dateNumber}>{date.getDate()}</span>
                         </button>
diff --git a/src/apps/calendar/src/lib/components/TeamCalendar/TeamCalendar.tsx b/src/apps/calendar/src/lib/components/TeamCalendar/TeamCalendar.tsx
index 1a2feecea..6ce6f8f9d 100644
--- a/src/apps/calendar/src/lib/components/TeamCalendar/TeamCalendar.tsx
+++ b/src/apps/calendar/src/lib/components/TeamCalendar/TeamCalendar.tsx
@@ -19,7 +19,15 @@ const getUserDisplayName = (user: TeamLeaveUser): string => {
         .filter(Boolean)
         .join(' ')
 
-    return fullName || user.handle || user.userId
+    if (fullName) {
+        return fullName
+    }
+
+    if (user.status === LeaveStatus.WIPRO_HOLIDAY || user.userId === 'wipro-holiday') {
+        return user.handle || user.userId
+    }
+
+    return user.userId
 }
 
 const compareUsersByName = (userA: TeamLeaveUser, userB: TeamLeaveUser): number => {