Bugfix/careplan date (#96)

* careplan start date - use date picker

* Enrollment app - add state variable to ensure setting of careplan date

* fix modal dialog z index

---------

Co-authored-by: Amy Chen <amysbubble@MacBook-Pro-5.local>

src/components/EnrollmentApp.tsx

@@ -36,6 +36,7 @@ type EnrollmenAppState = {
     carePlanStartDate: Date | null;
     selectedCarePlanStartDate: Date | null;
     startDateModalOpen: boolean;
+    loaded: boolean;
 }
 
 export default class EnrollmentApp extends React.Component<{}, EnrollmenAppState> {
@@ -50,6 +51,7 @@ export default class EnrollmentApp extends React.Component<{}, EnrollmenAppState
       carePlanStartDate: null,
       selectedCarePlanStartDate: null,
       startDateModalOpen: true,
+      loaded: false
     };
   }
 
@@ -174,6 +176,15 @@ export default class EnrollmentApp extends React.Component<{}, EnrollmenAppState
         : existingCarePlan.created;
       this.setState({
         carePlanStartDate: new Date(startDate),
+      }, () => {
+        // make sure care plan date is set before presenting the view
+        this.setState({
+          loaded: true
+        });
+      });
+    } else {
+      this.setState({
+        loaded: true
       });
     }
   }
@@ -259,6 +270,7 @@ export default class EnrollmentApp extends React.Component<{}, EnrollmenAppState
         onClose={handleClose}
         aria-labelledby="careplan-date-dialog-title"
         aria-describedby="careplan-date-dialog-description"
+        sx={{zIndex: 10}}
       >
         <DialogTitle id="careplan-date-dialog-title">
           {"Please specify the CarePlan start date"}
@@ -364,9 +376,10 @@ export default class EnrollmentApp extends React.Component<{}, EnrollmenAppState
     );
   }
   render(): React.ReactNode {
-    if (!this.state || !this.context) return <CircularProgress />;
+    if (!this.state || !this.context || !this.state.loaded) return <CircularProgress />;
 
     let view = <CircularProgress />;
+
     if (!this.state.carePlanStartDate) {
       view = this.getCarePlanStartDateModalView();
     } else if (this.state.activeCarePlan != null) {