diff --git a/.wappler/targets/Development/databases/MyDB.json b/.wappler/targets/Development/databases/MyDB.json
index 1c37ef1..e62839e 100644
--- a/.wappler/targets/Development/databases/MyDB.json
+++ b/.wappler/targets/Development/databases/MyDB.json
@@ -112,6 +112,22 @@
               "primary": false,
               "nullable": true
             }
+          },
+          "getStartTime": {
+            "db": {
+              "type": "text",
+              "primary": false,
+              "nullable": true,
+              "maxLength": 255
+            }
+          },
+          "getEndTime": {
+            "db": {
+              "type": "text",
+              "primary": false,
+              "nullable": true,
+              "maxLength": 255
+            }
           }
         },
         "db": {}
diff --git a/app/api/myRecordUpdateByID.json b/app/api/myRecordUpdateByID.json
index 3ff9351..cdaf897 100644
--- a/app/api/myRecordUpdateByID.json
+++ b/app/api/myRecordUpdateByID.json
@@ -8,6 +8,14 @@
       {
         "type": "text",
         "name": "id"
+      },
+      {
+        "type": "time",
+        "name": "getStartTime"
+      },
+      {
+        "type": "time",
+        "name": "getEndTime"
       }
     ]
   },
@@ -26,6 +34,18 @@
               "column": "obj_dataStore",
               "type": "text",
               "value": "{{$_POST.obj_datastore}}"
+            },
+            {
+              "table": "da",
+              "column": "getStartTime",
+              "type": "text",
+              "value": "{{$_POST.getStartTime}}"
+            },
+            {
+              "table": "da",
+              "column": "getEndTime",
+              "type": "text",
+              "value": "{{$_POST.getEndTime}}"
             }
           ],
           "table": "da",
@@ -48,7 +68,7 @@
             "valid": true
           },
           "returning": "id",
-          "query": "update `da` set `obj_dataStore` = ? where `id` = ?",
+          "query": "update `da` set `obj_dataStore` = ?, `getStartTime` = ?, `getEndTime` = ? where `id` = ?",
           "params": [
             {
               "name": ":P1",
@@ -56,10 +76,22 @@
               "value": "{{$_POST.obj_datastore}}",
               "test": ""
             },
+            {
+              "name": ":P2",
+              "type": "expression",
+              "value": "{{$_POST.getStartTime}}",
+              "test": ""
+            },
+            {
+              "name": ":P3",
+              "type": "expression",
+              "value": "{{$_POST.getEndTime}}",
+              "test": ""
+            },
             {
               "operator": "equal",
               "type": "expression",
-              "name": ":P2",
+              "name": ":P4",
               "value": "{{$_POST.id}}",
               "test": ""
             }
diff --git a/public/dmxAppConnect/config - Copy.js b/public/dmxAppConnect/config - Copy.js
new file mode 100644
index 0000000..56ce8e4
--- /dev/null
+++ b/public/dmxAppConnect/config - Copy.js	
@@ -0,0 +1,125 @@
+dmx.config({
+  "observationPage": {
+    "flowFinalizeGrades": {
+      "meta": [
+        {
+          "sub": [
+            {
+              "name": "data",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "MyRecordUpdate",
+                  "type": "text",
+                  "sub": [
+                    {
+                      "name": "affected",
+                      "type": "number"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "name": "state",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "executing",
+                  "type": "boolean"
+                },
+                {
+                  "name": "uploading",
+                  "type": "boolean"
+                },
+                {
+                  "name": "processing",
+                  "type": "boolean"
+                },
+                {
+                  "name": "downloading",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "uploadProgress",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "position",
+                  "type": "number"
+                },
+                {
+                  "name": "total",
+                  "type": "number"
+                },
+                {
+                  "name": "percent",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "downloadProgress",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "position",
+                  "type": "number"
+                },
+                {
+                  "name": "total",
+                  "type": "number"
+                },
+                {
+                  "name": "percent",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "lastError",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "status",
+                  "type": "number"
+                },
+                {
+                  "name": "message",
+                  "type": "text"
+                },
+                {
+                  "name": "response",
+                  "type": "text"
+                }
+              ]
+            },
+            {
+              "name": "status",
+              "type": "number"
+            }
+          ],
+          "name": "sc",
+          "type": "object"
+        }
+      ],
+      "local": {}
+    },
+    "datastore1": [
+      {
+        "type": "text",
+        "name": "numSection"
+      },
+      {
+        "type": "text",
+        "name": "pointValue"
+      },
+      {
+        "type": "text",
+        "name": "description"
+      }
+    ]
+  }
+});
diff --git a/public/dmxAppConnect/config.js b/public/dmxAppConnect/config.js
index e69de29..56ce8e4 100644
--- a/public/dmxAppConnect/config.js
+++ b/public/dmxAppConnect/config.js
@@ -0,0 +1,125 @@
+dmx.config({
+  "observationPage": {
+    "flowFinalizeGrades": {
+      "meta": [
+        {
+          "sub": [
+            {
+              "name": "data",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "MyRecordUpdate",
+                  "type": "text",
+                  "sub": [
+                    {
+                      "name": "affected",
+                      "type": "number"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "name": "state",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "executing",
+                  "type": "boolean"
+                },
+                {
+                  "name": "uploading",
+                  "type": "boolean"
+                },
+                {
+                  "name": "processing",
+                  "type": "boolean"
+                },
+                {
+                  "name": "downloading",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "uploadProgress",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "position",
+                  "type": "number"
+                },
+                {
+                  "name": "total",
+                  "type": "number"
+                },
+                {
+                  "name": "percent",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "downloadProgress",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "position",
+                  "type": "number"
+                },
+                {
+                  "name": "total",
+                  "type": "number"
+                },
+                {
+                  "name": "percent",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "lastError",
+              "type": "object",
+              "sub": [
+                {
+                  "name": "status",
+                  "type": "number"
+                },
+                {
+                  "name": "message",
+                  "type": "text"
+                },
+                {
+                  "name": "response",
+                  "type": "text"
+                }
+              ]
+            },
+            {
+              "name": "status",
+              "type": "number"
+            }
+          ],
+          "name": "sc",
+          "type": "object"
+        }
+      ],
+      "local": {}
+    },
+    "datastore1": [
+      {
+        "type": "text",
+        "name": "numSection"
+      },
+      {
+        "type": "text",
+        "name": "pointValue"
+      },
+      {
+        "type": "text",
+        "name": "description"
+      }
+    ]
+  }
+});
diff --git a/views/observationPage.ejs b/views/observationPage.ejs
index e6fc601..b8d3cbd 100644
--- a/views/observationPage.ejs
+++ b/views/observationPage.ejs
@@ -1,4 +1,18 @@
 <!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="observationPage" appConnect="local" components="{dmxBootstrap5TableGenerator:{},dmxMasonry:{},dmxFormatter:{},dmxBootstrap5Popovers:{},dmxBootstrap5Toasts:{},dmxDataTraversal:{},dmxStateManagement:{},dmxDatastore:{},dmxValidator:{},dmxBootstrap5Offcanvas:{},dmxBootstrap5Modal:{},dmxBootstrap5Navigation:{},dmxBootstrap5Tooltips:{},dmxBootbox5:{},dmxNotifications:{},dmxPouchDB:{},dmxBootstrap5Alert:{},dmxBootstrap5Collapse:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
+<script is="dmx-flow" id="flowFinalizeGrades" type="text/dmx-flow">[
+  {
+    condition: {outputType: "boolean"}
+  },
+  {
+    serverConnect: {
+      name: "sc",
+      output: true,
+      outputType: "object",
+      url: "/api/myRecordUpdateByID",
+      site: "ErtFastFill"
+    }
+  }
+]</script>
 <dmx-value id="var2" dmx-bind:value="JSON.stringify(datastore1.data)"></dmx-value>
 <dmx-serverconnect id="serverconnect2" url="/api/myRecordUpdateByID" noload="true" dmx-param:obj_datastore="datastore1.data.toJSON()" dmx-param:da_id="select1.value" dmx-on:error="notifies1.danger('ERROR: '+lastError.message+' Status'+lastError.status)" dmx-param:id="select1.value" dmx-on:success="notifies1.success('Updated '+serverconnect2.data.MyRecordUpdate.affected+' row')"></dmx-serverconnect>
 <dmx-array id="db_observationsArray"></dmx-array>
@@ -262,16 +276,35 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-3">
-            <form id="scoreDataForm" method="post" action="/api/myRecordUpdateByID" dmx-on:submit="toasts1.showSimple({message: 'Grades Submitted'})" is="dmx-serverconnect-form">
-                <textarea id="scoreData" data-vis="true" class="form-control" dmx-bind:value="datastore1.data.toJSON()" name="obj_datastore"></textarea><input id="scoreID" name="id" type="text" class="form-control" dmx-bind:value="select1.value">
+        <div class="col-6">
+            <form id="scoreDataForm" method="post" action="/api/myRecordUpdateByID" dmx-on:submit="toasts1.showSimple({message: 'Grades Submitted'})" is="dmx-serverconnect-form" dmx-on:success="notifies1.success(lastError.message+' Successfully inserted record')" dmx-on:error="notifies1.danger(lastError.message+'Error ')">
+                <textarea id="scoreData" data-vis="true" class="form-control" dmx-bind:value="datastore1.data.toJSON()" name="obj_datastore" dmx-hide="true"></textarea><input id="scoreID" name="id" type="hidden" class="form-control" dmx-bind:value="select1.value">
+                <div class="form-group mb-3 row">
+                    <label for="input2" class="col-sm-2 col-form-label">Times</label>
+                    <div class="text-center col-sm-3">
+                        <label for="getStartTime">Start Time:</label>
+
+                        <input type="time" id="getStartTime" name="getStartTime" required="" dmx-on:updated="">
+                        <br>
+                    </div>
+
+
+                    <div class="text-center col-sm-3">
+                        <label for="getEndTime">End Time:</label>
+
+                        <input type="time" id="getEndTime" name="getEndTime" required="">
+                        <br>
+                    </div>
+
+
+                </div>
+
             </form>
-            <p>status messages: {{select1.value}}</p>
             <div class="row">
                 <button id="btn2" class="btn bg-warning" data-bs-target="#saveObservationResults" dmx-on:click="scoreDataForm.submit()">Finalize&nbsp;</button>
             </div>
         </div>
-        <div class="col offset-2">
+        <div class="col-6">
             <a><img width="450" height="125" dmx-bind:src="data_view1.data[0].db_signatureData"></a>
         </div>
     </div>