Desktop inputs

src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html

@@ -173,7 +173,9 @@
                 <ion-icon slot="start" src="assets/images/icons-refresh.svg"></ion-icon>
               </div>
               <div class="ion-input-class">
-                <ion-select placeholder="Selecione repetição" 
+                <ion-select 
+                placeholder="Selecione repetição"
+                class="d-block d-md-none" 
                 [(ngModel)]="eventProcess.workflowInstanceDataFields.IsRecurring"
                 selectedText="{{isRecurring}}" 
                 interface="action-sheet" 
@@ -181,6 +183,24 @@
                   <ion-select-option value="false">Não se repete</ion-select-option>
                   <ion-select-option value="true">Repete</ion-select-option>
                 </ion-select>
+
+                <mat-form-field  
+                  class="width-100 d-none d-md-block" 
+                  placeholder="Selecione repetição" 
+                  value="false" 
+                  interface="action-sheet" 
+                  required
+                >
+                  <mat-select [(value)]="eventProcess.workflowInstanceDataFields.IsRecurring">
+                    <mat-option value="false">
+                      Não se repete
+                    </mat-option>
+                    <mat-option value="true">
+                      Repete
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+
               </div>
             </div>
           </div>

src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.ts

@@ -12,11 +12,29 @@ import { EventsService } from 'src/app/services/events.service';
 import { ProcessesService } from 'src/app/services/processes.service';
 import { ToastService } from 'src/app/services/toast.service';
 import { Event } from '../../../models/event.model';
+import { NgxMatDateFormats, NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
+
+
+const CUSTOM_DATE_FORMATS: NgxMatDateFormats = {
+  parse: {
+    dateInput: "YYYY-MMMM-DD HH:mm"
+  },
+  display: {
+    dateInput: "DD MMM YYYY H:mm",
+    monthYearLabel: "MMM YYYY",
+    dateA11yLabel: "LL",
+    monthYearA11yLabel: "MMMM YYYY"
+  }
+}
+
 
 @Component({
   selector: 'app-edit-event',
   templateUrl: './edit-event.page.html',
   styleUrls: ['./edit-event.page.scss'],
+  providers: [
+    { provide: NGX_MAT_DATE_FORMATS, useValue: CUSTOM_DATE_FORMATS },
+  ]
 })
 export class EditEventToApproveComponent implements OnInit {