Milestones - disabled anticipated date picker on phase end milestone (#…

…2199) * disabled anticipated date picker after milestone creation * disabled only on phase end * add legislated
bcgov · May 6, 2024 · d261ac6 · d261ac6
1 parent a91b711
commit d261ac6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/epictrack-web/src/components/shared/controlledInputComponents/ControlledDatePicker.tsx b/epictrack-web/src/components/shared/controlledInputComponents/ControlledDatePicker.tsx
@@ -7,6 +7,7 @@ import TrackDatePicker from "../DatePicker";
 type ControlledDatePickerProps = {
   name: string;
   defaultValue?: any;
+  disabled?: boolean;
   datePickerProps?: {
     placeholder?: string;
     referenceDate?: dayjs.Dayjs;
@@ -29,6 +30,7 @@ const ControlledDatePicker: React.FC<ControlledDatePickerProps> = ({
   datePickerProps,
   datePickerSlotProps,
   defaultValue,
+  disabled,
 }) => {
   const { control, register } = useFormContext();
   return (
@@ -57,6 +59,7 @@ const ControlledDatePicker: React.FC<ControlledDatePickerProps> = ({
               onChange(event?.format() || "");
             }
           }}
+          disabled={disabled}
         />
       )}
     />

diff --git a/epictrack-web/src/components/workPlan/event/EventForm.tsx b/epictrack-web/src/components/workPlan/event/EventForm.tsx
@@ -91,7 +91,6 @@ const EventForm = ({
   const [showEventPushConfirmation, setShowEventPushConfirmation] =
     useState(false);
   const [pushEvents, setPushEvents] = useState<boolean>(false);
-
   const initialNotes = useMemo(() => event?.notes, [event?.id]);
   const { handleHighlightRows } = useContext(EventContext);
   const [dateCheckStatus, setDateCheckStatus] =
@@ -144,6 +143,11 @@ const EventForm = ({
       }),
     [selectedConfiguration, actualAdded]
   );
+  const disableAnticipatedDate = Boolean(
+    selectedConfiguration?.id &&
+      selectedWorkPhase?.work_phase.legislated &&
+      selectedConfiguration?.event_position === EventPosition.END
+  );
   const isHighPriorityActive = useMemo(() => {
     if (event) {
       return event.high_priority;
@@ -679,6 +683,7 @@ const EventForm = ({
               <ETFormLabel required>{anticipatedLabel}</ETFormLabel>
               <ControlledDatePicker
                 name="anticipated_date"
+                disabled={disableAnticipatedDate}
                 defaultValue={dayjs(anticipatedDefaultValue).format()}
                 datePickerProps={{
                   referenceDate: dayjs(