diff --git a/src/frontend/src/utils/work-package.utils.ts b/src/frontend/src/utils/work-package.utils.ts
index 31ebcb98f..8a631082f 100644
--- a/src/frontend/src/utils/work-package.utils.ts
+++ b/src/frontend/src/utils/work-package.utils.ts
@@ -1,4 +1,4 @@
-import { WbsElement, wbsPipe } from 'shared';
+import { WbsElement, WbsElementStatus, wbsPipe, WorkPackage } from 'shared';
 import { WPFormType } from './form';
 
 export const getTitleFromFormType = (formType: WPFormType, wbsElement: WbsElement): string => {
@@ -11,3 +11,12 @@ export const getTitleFromFormType = (formType: WPFormType, wbsElement: WbsElemen
       return `${wbsPipe(wbsElement.wbsNum)} - ${wbsElement.name}`;
   }
 };
+
+/**
+ * Given a list of work packages, return the work packages that are overdue.
+ * @param wpList a list of work packages.
+ * @returns a list of work packages that are overdue.
+ */
+export const getOverdueWorkPackages = (wpList: WorkPackage[]): WorkPackage[] => {
+  return wpList.filter((wp) => wp.status !== WbsElementStatus.Complete && wp.endDate < new Date());
+};