built ui for default due time

Management.Web/Shared/Semester/AssignmentInDay.razor

@@ -0,0 +1,64 @@
+
+@inject AssignmentDragContainer dragContainer
+@inject CoursePlanner planner
+
+@code {
+  [Parameter]
+  [EditorRequired]
+  public LocalAssignment Assignment { get; set; } = new();
+
+  private void HandleDragStart()
+  {
+    dragContainer.DropCallback = (DateTime dropDate) => {
+      var module = planner
+        .LocalCourse?
+        .Modules
+        .First(m => 
+          m.Assignments
+            .Select(a => a.id)
+            .Contains(Assignment.id)
+        );
+      if (module == null)
+      {
+        Console.WriteLine("module is null");
+        return;
+      }
+      if (planner.LocalCourse != null)
+      {
+        var newCourse = planner.LocalCourse with 
+        {
+          Modules = planner.LocalCourse.Modules.Select(m => 
+            m.Name != module.Name
+              ? m
+              : m with 
+              {
+                Assignments = module.Assignments.Select(a => 
+                  a.id != Assignment.id
+                  ? a
+                  : a with 
+                  {
+                    due_at=dropDate
+                  }
+                )
+              }
+          )
+        };
+        planner.LocalCourse = newCourse;
+      }
+    };
+  }
+
+  private void HandleDragEnd()
+  {
+    dragContainer.DropCallback = null;
+  }
+}
+
+<div
+  draggable="true"
+  @ondragstart="HandleDragStart"
+  @ondragend="HandleDragEnd"
+  role="button"
+>
+  @Assignment.name
+</div>

Management.Web/Shared/Semester/Day.razor

@@ -56,7 +56,9 @@
             && date < planner.LocalCourse.EndDate 
             && date > planner.LocalCourse.StartDate;
         
-        var totalClasses = dayInSemester ? $"bg-light-subtle text-light " + baseClasses : baseClasses;
+        var totalClasses = dayInSemester 
+          ? "bg-light-subtle text-light " + baseClasses 
+          : " " + baseClasses;
 
         return totalClasses;
       }
@@ -97,10 +99,10 @@
   ondragover="event.preventDefault();"
 >
   @(isWeekDay ? date?.Day : "")
-  <ul class="m-0 ps-3">
+  <div class="m-0 ps-3">
   @foreach (var assignment in TodaysAssignments)
   {
-    <li>@assignment.name</li>
+    <AssignmentInDay Assignment="assignment" />
   }
-  </ul>
+  </div>
 </div>

Management.Web/Shared/Semester/MonthDetail.razor

@@ -35,20 +35,6 @@
   <div class="row m-3">
   @foreach (var day in week)
     {
-
-      @* var baseClasses = "col border rounded rounded-3 pb-5 m-1";
-      DayOfWeek? weekDay = day?.DayOfWeek;
-      if (weekDay != null)
-      {
-        DayOfWeek notNullDay = weekDay ?? default;
-        var dayInSemester = Semester.Days.Contains(notNullDay) && day < Semester.LastDay && day > Semester.FirstDay;
-        var totalClasses = dayInSemester ? $"bg-light {baseClasses}" : baseClasses;
-        <div class="@totalClasses">@day?.Day</div>
-      }
-      else
-      {
-        <div class="@baseClasses"></div>
-      } *@
       <Day date="day"></Day>
     }
   </div>