remove all date

src/app/pages/search/search.page.html

@@ -59,18 +59,37 @@
           </div>
         </div>
       </ion-form>
-
       <!--  -->
       <li *ngIf="showAdvanceSearch" class="d-flex date-container ion-justify-content-between">
         <div class="icon-mer icon">
           <ion-icon name="restaurant-outline" src="assets/images/icons-advance-search-document.svg"></ion-icon>
         </div>
-        <div class="input-container d-flex ion-align-items-">
-          <ion-datetime class="cursor-pointer" [(ngModel)]='searchDocumentDate'  placeholder="Data" display-timezone="utc"></ion-datetime>
+        <div class="input-container d-flex flex-grow-1 justify-center align-center materia-top">
+
+          <mat-form-field appearance="none" class="date-hour-picker" (click)="clickDate()" style="
+            margin-top: -11px;
+            margin-left: 10px;
+          ">
+            <input matInput [ngxMatDatetimePicker]="picker1"
+              placeholder="Data Inicio*"
+              [(ngModel)]="searchDocumentDate"
+            >
+            <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1" (click)="clickDate()" ></mat-datepicker-toggle>
+            <ngx-mat-datetime-picker #picker1 (click)="clickDate()"
+              [showSpinners]="showSpinners"
+              [showSeconds]="showSeconds"
+              [stepHour]="stepHour" [stepMinute]="stepMinute"
+              [stepSecond]="stepSecond"
+              [touchUi]="touchUi"
+              >
+            </ngx-mat-datetime-picker>
+          </mat-form-field>
+
           <div class="icon cursor-pointer" (click)="clearInputDocumentDate()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' "name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
           </div>
+
         </div>
       </li>
       <!-- Sender -->