Add select all days to create restriction

Author: kevin-lann

course-matrix/frontend/src/pages/TimetableBuilder/CreateCustomSetting.tsx

@@ -102,15 +102,15 @@ const CreateCustomSetting = ({
     const val = form
       ?.getValues("restrictions")
       .some((r) => r.type === "Days Off");
-    console.log(val);
+    // console.log(val);
     return val;
   };
 
   const isMaxGapRestrictionApplied = () => {
     const val = form
       ?.getValues("restrictions")
       .some((r) => r.type === "Max Gap");
-    console.log(val);
+    // console.log(val);
     return val;
   };
 
@@ -255,6 +255,31 @@ const CreateCustomSetting = ({
                                 }}
                               />
                             ))}
+                            <FormField
+                                control={restrictionForm.control}
+                                name="days"
+                                render={({ field }) => {
+                                  return (
+                                    <FormItem
+                                      className="flex flex-row items-start space-x-3 space-y-0"
+                                    >
+                                      <FormControl>
+                                        <Checkbox
+                                          checked={field.value?.length === daysOfWeek.length}
+                                          onCheckedChange={(checked) => {
+                                            return checked
+                                              ? field.onChange(daysOfWeek.map(item => item.id))
+                                              : field.onChange([]);
+                                          }}
+                                        />
+                                      </FormControl>
+                                      <FormLabel className="font-normal">
+                                        All Days
+                                      </FormLabel>
+                                    </FormItem>
+                                  );
+                                }}
+                              />
                           </div>
                           <FormMessage />
                         </FormItem>