Modified search, agenda, dg, and event view

src/app/pages/search/search.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -7,14 +7,17 @@ import { IonicModule } from '@ionic/angular';
 import { SearchPageRoutingModule } from './search-routing.module';
 
 import { SearchPage } from './search.page';
+import { ComponentsModule } from 'src/app/components/components.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    ComponentsModule,
     SearchPageRoutingModule
   ],
-  declarations: [SearchPage]
+  declarations: [SearchPage],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SearchPageModule {}

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

@@ -1,9 +1,15 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>search</ion-title>
+    <ion-title>Pesquisa</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-
+  <ion-form>
+    <div class="div-search">
+      <ion-input class="search-input" type="search" placeholder="FMI"></ion-input>
+      <ion-icon class="icon-search" slot="end" name="search"></ion-icon>
+    </div>
+    
+  </ion-form>
 </ion-content>

src/app/pages/search/search.page.scss

@@ -0,0 +1,18 @@
+.div-search{
+    width: 94%;
+    margin: 3%;
+    border: 0.5px solid #333;
+    padding: 0 5px 0 5px;
+    overflow: auto;
+
+}
+.search-input{
+    width: 90%;
+    float: left;
+}
+.icon-search{
+    width: 8%;
+    padding: 8px 3px 5px 2px;
+    font-size: 25px;
+    float: right;
+}