Update meetups-add.component.html

Added warning messages if past dates selected in the form
open-learning-exchange · Oct 25, 2024 · 504710a · 504710a
1 parent 01f4da3
commit 504710a
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/app/meetups/add-meetups/meetups-add.component.html b/src/app/meetups/add-meetups/meetups-add.component.html
@@ -28,8 +28,13 @@
         <input matInput [matDatepicker]="datepickerStart" i18n-placeholder required="true" placeholder="Start Date" formControlName="startDate">
         <mat-datepicker-toggle matSuffix [for]="datepickerStart"></mat-datepicker-toggle>
         <mat-datepicker #datepickerStart></mat-datepicker>
-        <mat-error><planet-form-error-messages [control]="meetupForm.controls.startDate"></planet-form-error-messages></mat-error>
-      </mat-form-field>
+        <mat-error *ngIf="meetupForm.controls.startDate.hasError('required')">
+          Start date is required.
+        </mat-error>
+        <mat-error *ngIf="meetupForm.controls.startDate.hasError('pastDate')">
+          Start date cannot be in the past.
+        </mat-error>
+      </mat-form-field>      
       <mat-form-field>
         <input matInput [matDatepicker]="datepickerEnd" i18n-placeholder placeholder="End Date" formControlName="endDate">
         <mat-datepicker-toggle matSuffix [for]="datepickerEnd"></mat-datepicker-toggle>