fix

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

@@ -23,7 +23,7 @@
     <ion-input autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="folder.Description" placeholder="Assunto*" ></ion-input>
   </div>
 
-  <div class="container-div">
+  <div class="container-div overflow-hidden">
     <div class="ion-item-class-2">
       <div class="ion-icon-class">
         <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
@@ -34,7 +34,7 @@
         <mat-form-field appearance="none" class="date-hour-picker">
           <input matInput [ngxMatDatetimePicker]="picker1"
             placeholder="Data inicio*"
-            [formControl]="dateControlStart"
+            [(ngModel)]="dateControlStart"
             [disabled]="disabled"
           >
           <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1" ></mat-datepicker-toggle>
@@ -53,7 +53,7 @@
   </div>
 
 
-  <div class="container-div">
+  <div class="container-div overflow-hiddens">
     <div class="ion-item-class-2">
       <div class="ion-icon-class">
         <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
@@ -63,9 +63,9 @@
         <mat-form-field appearance="none" class="date-hour-picker">
           <input matInput [ngxMatDatetimePicker]="fim"
             placeholder="Data de fim*"
-            [formControl]="dateControlEnd"
+            [(ngModel)]="dateControlEnd"
             [disabled]="disabled"
-            [min]="dateControlStart.value"
+            [min]="dateControlStart"
           >
           <mat-datepicker-toggle id="new-fim" matSuffix [for]="fim" ></mat-datepicker-toggle>
           <ngx-mat-datetime-picker #fim

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

@@ -74,7 +74,6 @@ font-size: rem(25);
 }
 .container-div{
     margin-bottom: rem(15);
-    overflow: auto;
   }
   .ion-item-container{
     margin: rem(15) auto;

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

@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { ModalController } from '@ionic/angular';
-import * as moment from 'moment';
 import { PublicationFolder } from 'src/app/models/publicationfolder';
 import { PublicationsService } from 'src/app/services/publications.service';
 import { ToastService } from 'src/app/services/toast.service';
@@ -56,11 +55,11 @@ export class NewActionPage implements OnInit {
   showLoader = false
 
   get dateStart () {
-    return this.dateControlStart.value
+    return this.dateControlStart
   }
 
   get dateEnd () {
-    return this.dateControlEnd.value
+    return this.dateControlEnd
   }
 
   constructor(
@@ -74,8 +73,8 @@ export class NewActionPage implements OnInit {
 
     this.folder = new PublicationFolder();
 
-    this.dateControlStart = new FormControl(this.roundTimeQuarterHour());
-    this.dateControlEnd = new FormControl(this.roundTimeQuarterHourPlus15(this.dateControlStart.value));
+    this.dateControlStart = this.roundTimeQuarterHour()
+    this.dateControlEnd = this.roundTimeQuarterHourPlus15(this.dateControlStart)
 
 
   }
@@ -96,7 +95,7 @@ export class NewActionPage implements OnInit {
 
   runValidation() {
     this.validateFrom  = true;
-    if(new Date(this.dateControlStart.value).getTime() > new Date(this.dateControlEnd.value).getTime()){
+    if(new Date(this.dateControlStart).getTime() > new Date(this.dateControlEnd).getTime()){
       this.toastService._badRequest("A data de início não pode ser superior a data de fim");
     }
   }
@@ -108,7 +107,7 @@ export class NewActionPage implements OnInit {
         Validators.required,
         // Validators.minLength(4)
       ]),
-      Date: new FormControl(this.dateValid, [
+      Date: new FormControl( this.dateValid,[
         Validators.required
       ]),
       Detail: new FormControl(this.folder.Detail, [
@@ -129,8 +128,8 @@ export class NewActionPage implements OnInit {
       ProcessId: null,
       Description: this.folder.Description,
       Detail: this.folder.Detail,
-      DateBegin: this.dateControlStart.value,
-      DateEnd: this.dateControlEnd.value,
+      DateBegin: this.dateControlStart,
+      DateEnd: this.dateControlEnd,
       ActionType: this.segment,
     }
 

src/app/pages/publications/publications.page.scss

@@ -189,7 +189,7 @@ ion-toolbar{
   }
 
   .item:hover{
-    background-color: var(--box-hover-background-color) !important;
+    background-color: var(--box-hover-background-color);
   }
 
   ion-item-options{