disable and validate past dates on new and edit accoes on mobile view

src/app/pages/publications/edit-action/edit-action.page.html

@@ -36,7 +36,7 @@
           <mat-form-field appearance="none" class="width-100 date-hour-picker d-none  d-md-block">
             <input matInput [ngxMatDatetimePicker]="picker1"
               placeholder="Choose a date*"
-              [formControl]="dateControlEnd"
+              [formControl]="dateControlStart"
               [min]="minDate"
               [disabled]="disabled"
             >

src/app/pages/publications/edit-action/edit-action.page.ts

@@ -22,13 +22,14 @@ export class EditActionPage implements OnInit {
   public showSeconds = false;
   public touchUi = false;
   public enableMeridian = false;
-  public minDate = new Date().toISOString().slice(0,10)
+  public minDate = new Date().toISOString()
   public maxDate: any;
   public stepHour = 1;
   public stepMinute = 5;
   public stepSecond = 5;
   public dateControlStart = new FormControl(moment("DD MM YYYY hh"));
   public dateControlEnd = new FormControl(moment("DD MM YYYY hh"));
+  currentDate = new Date();
   
   folder: PublicationFolder;
   folderId: string;
@@ -64,8 +65,15 @@ export class EditActionPage implements OnInit {
   }
 
   get dateValid() {
+    var validado: boolean;
+
     if (window.innerWidth <= 800) {
-      return this.folder.DateBegin < this.folder.DateEnd? ['ok']: []
+      if ((this.folder.DateBegin < this.folder.DateEnd) && (new Date(this.folder.DateBegin).getTime() > this.currentDate.getTime())) {
+        validado = true;
+      }else{
+        validado = false;
+      }
+      return validado == true ? ['ok']: [];
     } else {
       return ['ok']
     }
@@ -89,6 +97,11 @@ export class EditActionPage implements OnInit {
   }
 
   async save() {
+    this.injectValidation()
+    this.runValidation()
+
+    if(this.Form.invalid) return false
+
     let body = {
       ProcessId: this.folderId,
       Description: this.folder.Description,

src/app/pages/publications/new-action/new-action.page.ts

@@ -43,13 +43,14 @@ export class NewActionPage implements OnInit {
   public showSeconds = false;
   public touchUi = false;
   public enableMeridian = false;
-  public minDate = new Date().toISOString().slice(0,10)
+  public minDate = new Date().toISOString()
   public endMinDate = new Date(new Date().getTime() + 15 * 60000);
   public stepHour = 1;
   public stepMinute = 5;
   public stepSecond = 5;
   public dateControlStart = new FormControl(moment("DD MM YYYY hh"));
   public dateControlEnd = new FormControl(moment("DD MM YYYY hh"));
+  currentDate = new Date();
 
   showLoader = false
 
@@ -94,8 +95,15 @@ export class NewActionPage implements OnInit {
   }
 
   get dateValid() {
+    var validado: boolean;
+
     if (window.innerWidth <= 800) {
-      return this.folder.DateBegin < this.folder.DateEnd? ['ok']: []
+      if ((this.folder.DateBegin < this.folder.DateEnd) && (new Date(this.folder.DateBegin).getTime() > this.currentDate.getTime())) {
+        validado = true;
+      }else{
+        validado = false;
+      }
+      return validado == true ? ['ok']: [];
     } else {
       return ['ok']
     }