feat: add begins date option for datepicker, use for substantial comp…

…letion date
bcgov · Dec 29, 2022 · b493875 · b493875
1 parent 7ce9341
commit b493875
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/app/data/jsonSchemaForm/projectMilestoneUiSchema.ts b/app/data/jsonSchemaForm/projectMilestoneUiSchema.ts
@@ -52,6 +52,7 @@ const projectMilestoneUiSchema = {
     "ui:col-md": 12,
     "bcgov:size": "small",
     "ui:widget": "DateWidget",
+    isBeginsDate: true,
   },
   maximumAmount: {
     "ui:widget": "NumberWidget",

diff --git a/app/lib/helpers/reportStatusHelpers.tsx b/app/lib/helpers/reportStatusHelpers.tsx
@@ -54,6 +54,22 @@ export const getDisplayDueDateString = (
       } (${formattedValue})`;
 };
 
+export const getDisplayBeginDateString = (
+  daysUntilDue: number,
+  weeksUntilDue: number,
+  selectedDate: DateTime
+) => {
+  if (selectedDate === null) return null;
+  const formattedValue = selectedDate.toFormat("MMM dd, yyyy");
+  return daysUntilDue < 0
+    ? `${formattedValue}`
+    : daysUntilDue > 60
+    ? `Begins in ${weeksUntilDue} weeks (${formattedValue})`
+    : `Begins in ${daysUntilDue} ${
+        daysUntilDue === 1 ? "day" : "days"
+      } (${formattedValue})`;
+};
+
 export const getDisplayDateString = (selectedDate: DateTime) => {
   if (!selectedDate) return null;
   return selectedDate.toFormat("MMM dd, yyyy");

diff --git a/app/lib/theme/widgets/DateWidget.tsx b/app/lib/theme/widgets/DateWidget.tsx
@@ -12,6 +12,7 @@ import {
   getDaysUntilDue,
   getDisplayDueDateString,
   getWeeksUntilDue,
+  getDisplayBeginDateString,
 } from "lib/helpers/reportStatusHelpers";
 
 const DateInput = forwardRef<HTMLDivElement, WidgetProps>(
@@ -30,6 +31,17 @@ const DateInput = forwardRef<HTMLDivElement, WidgetProps>(
         return displayDueDateString;
       }
 
+      if (uiSchema?.isBeginsDate) {
+        const daysUntilDue = getDaysUntilDue(selectedDate);
+        const weeksUntilDue = getWeeksUntilDue(selectedDate);
+        const displayDueDateString = getDisplayBeginDateString(
+          daysUntilDue,
+          weeksUntilDue,
+          selectedDate
+        );
+        return displayDueDateString;
+      }
+
       if (uiSchema?.isReceivedDate) {
         const displayReceivedDateString = getDisplayDateString(selectedDate);
         return (