Improve

src/app/modals/document-set-up-meeting/document-set-up-meeting.page.html

@@ -50,6 +50,28 @@
           </div>
         </div> -->
 
+        <div class="container-div" (click)="changeAgenda()">
+          <div class="ion-item-class-2 d-flex">
+            <div class="ion-icon-class">
+              <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
+            </div>
+            <div class="ion-input-class flex-grow-1 justify-center align-center material-inputs " [class.input-error]="Form?.get('CalendarName')?.invalid  && validateFrom ">
+    
+              <mat-form-field appearance="none"  class="width-100" color="ion-color-secondary"  placeholder="Selecione agenda">
+                <mat-select [(value)]="CalendarName" (selectionChange)="changeAgenda()">
+    
+                  <mat-option *ngFor="let calendars of _eventService.calendarNamesAry" value="{{calendars}}">
+                    <div *ngIf="calendars != 'Meu calendario' "> Calendário de {{calendars}} </div>
+                    <div *ngIf="calendars == 'Meu calendario'"> {{calendars}} </div>
+                  </mat-option>
+    
+                </mat-select>
+              </mat-form-field>
+    
+            </div>
+          </div>
+        </div>
+
         <div class="container-div">
           <div class="ion-item-class-2">
             <div class="ion-icon-class">
@@ -61,7 +83,9 @@
                 [(ngModel)]="postData.CalendarName"
                 placeholder="Selecione repetição"
                 interface="action-sheet"
-                Cancel-text="Cancelar" required>
+                Cancel-text="Cancelar" required
+                (selectionChange)="changeAgenda()"
+              >
                 <ion-select-option value="Oficial">Oficial</ion-select-option>
                 <ion-select-option value="Pessoal">Pessoal</ion-select-option>
               </ion-select>