diff --git a/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.html b/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.html index 42490f6..579106b 100644 --- a/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.html +++ b/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.html @@ -54,6 +54,27 @@ } +
+

Due date*

+ +
+ @if (!date.valid && date.touched) { +

You must enter a date.

+ } @if (dateInPast && date.valid) { +

The date must be in the future

+ } +
+
diff --git a/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.ts b/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.ts index 5d1fea6..f596815 100644 --- a/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.ts +++ b/src/app/shared/components/overlay/task-edit-overlay/task-edit-overlay.component.ts @@ -16,6 +16,8 @@ export class TaskEditOverlayComponent implements OnInit { @Input() overlayData: string = ''; @Output() closeDialogEmitter = new EventEmitter(); + dateInPast: boolean = false; + taskDataEdit: Task = { title: '', description: '', @@ -76,6 +78,17 @@ export class TaskEditOverlayComponent implements OnInit { this.taskDataEdit.subtasksDone = []; } + checkDateInput() { + const currentDateForm = this.taskDataEdit.date.replaceAll('-', ''); + const currentDate = new Date() + .toISOString() + .split('T')[0] + .replaceAll('-', ''); + currentDateForm < currentDate + ? (this.dateInPast = true) + : (this.dateInPast = false); + } + onSubmit(ngForm: NgForm) { if (ngForm.submitted && ngForm.form.valid) { }