built ui for default due time

Management.Web/Shared/Course/CourseSettings.razor

@@ -1,3 +1,4 @@
+@using Management.Web.Shared.Components
 @inject CanvasService canvas
 @inject CoursePlanner planner
 
@@ -85,11 +86,11 @@
 @if (terms != null)
 {
   <div class="row justify-content-center">
-  <div class="col-auto">
-    <form>
-      <lablel for="termselect">Select Term for Start and End Date:</lablel>
-      <select id="termselect" class="form-select" @bind="selectedTermId">
-        @foreach (var term in terms)
+    <div class="col-auto">
+      <form>
+        <lablel for="termselect">Select Term for Start and End Date:</lablel>
+        <select id="termselect" class="form-select" @bind="selectedTermId">
+          @foreach (var term in terms)
           {
             <option value="@term.Id">@term.Name</option>
           }
@@ -97,4 +98,24 @@
       </form>
     </div>
   </div>
-}
+}
+
+  
+@if(planner.LocalCourse != null)
+{
+  <div class="row justify-content-center m-3 text-center">
+    <div class="col-auto">
+      <div>Default Assignment Due Time</div>
+      <TimePicker 
+        Time="planner.LocalCourse.DefaultDueTime"
+        UpdateTime="@((newTime) => 
+          planner.LocalCourse = 
+            planner.LocalCourse with 
+            { DefaultDueTime=newTime }
+        )"
+      />
+    </div>
+  </div>
+}
+
+<br>