Add validation for mobile

src/app/pages/agenda/new-event/new-event.page.html

@@ -77,7 +77,6 @@
 
     <div *ngIf="Form && validateFrom" >
       <div *ngIf="Form.get('CalendarName').invalid " class="input-errror-message">
-        {{ postEvent.Categories[0] }}
         <div *ngIf="Form.get('CalendarName').errors?.required">
           Campo obrigatório.
         </div>
@@ -117,15 +116,15 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
         </div>
-        <div class="ion-input-class">
+        <div class="ion-input-class" [class.input-error]="Form?.get('Date')?.invalid  && validateFrom ">
           <ion-datetime 
             placeholder="Início*"
             [(ngModel)]="postEvent.StartDate"
             displayFormat="D MMM YYYY H:mm"
             minuteValues="0,15,30,45"
             monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"
-            min="2018" 
-            max="2022" 
+            min="{{minDate}}" 
+            max="2025"
           >
           </ion-datetime>
           <!-- <ion-input placeholder="Data início" [(ngModel)]="postData.StartDate"></ion-input> -->
@@ -138,15 +137,16 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
         </div>
-        <div class="ion-input-class">
+        <div class="ion-input-class" [class.input-error]="Form?.get('Date')?.invalid  && validateFrom ">
           <ion-datetime 
             placeholder="Fim*"
             [(ngModel)]="postEvent.EndDate"
             displayFormat="D MMM YYYY H:mm"
             minuteValues="0,15,30,45"
             monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"
-            min="2018" 
-            max="2022" 
+            min="{{minDate}}"
+            max="2025"
+            
           >
           </ion-datetime>
           <!-- <ion-input placeholder="Data fim" [(ngModel)]="postData.EndDate"></ion-input> -->

src/app/pages/agenda/new-event/new-event.page.ts

@@ -14,7 +14,6 @@ import { AttendeesPageModal } from '../../events/attendees/attendees.page';
 import { SearchPage } from '../../search/search.page';
 import { ThemePalette } from '@angular/material/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
-import * as moment from 'moment';
 
 
 @Component({
@@ -31,7 +30,7 @@ export class NewEventPage implements OnInit {
   public showSeconds = false;
   public touchUi = false;
   public enableMeridian = false;
-  public minDate = new Date();
+  public minDate = new Date().toISOString().slice(0,10)
   public endMinDate = new Date(new Date().getTime() + 15 * 60000);
   public stepHour = 1;
   public stepMinute = 5;
@@ -146,6 +145,15 @@ export class NewEventPage implements OnInit {
     this.validateFrom  = true
   }
 
+
+  get dateValid() {
+    if (window.innerWidth <= 800) {
+      return this.postEvent.StartDate < this.postEvent.EndDate? ['ok']: []
+    } else {
+      return ['ok']
+    }
+  }
+
   injectValidation() {
 
     this.Form = new FormGroup({
@@ -159,6 +167,9 @@ export class NewEventPage implements OnInit {
       CalendarName: new FormControl(this.postEvent.CalendarName, [
         Validators.required
       ]),
+      Date: new FormControl(this.dateValid, [
+        Validators.required
+      ]),
       Categories: new FormControl(this.postEvent.Categories[0], [
         Validators.required
       ]),