hide timeline events

src/app/pages/agenda/agenda.page.scss

@@ -242,7 +242,7 @@ label{
   color:  #e16817;
 }
 td.monthview-primary-with-event {
-  background-color: white !important;
+  background-color: red !important;
 }
 .header-title{
   font-family: Roboto;

src/app/pages/agenda/agenda.page.ts

@@ -844,6 +844,8 @@ export class AgendaPage implements OnInit {
     const selectedCalendarIds = this.getSelectedAgendaCalendars();
     this.listToPresent = this.CalendarStore.getEventsByCalendarIds(selectedCalendarIds)
 
+    this.listToPresent = this.listToPresent.filter( e => momentG(new Date(), 'dd MMMM yyyy', 'pt') == momentG(e.startTime, 'dd MMMM yyyy', 'pt'))
+
     this.TimelineMDList = this.listBoxService.list(this.listToPresent, 'md', this.rangeStartDate, this.rangeEndDate, { segment: this.segment, selectedDate: this.eventSelectedDate })
 
     const selectedDay = momentG(this.eventSelectedDate, 'dd', 'pt');

src/app/pages/agenda/new-event/new-event.page.html

@@ -151,7 +151,7 @@
          -->
         <div class="ion-input-class flex-grow-1 justify-center align-center materia-top" [class.input-error]="Form?.get('Date')?.invalid && validateFrom ">
 
-          <mat-form-field appearance="none" class="date-hour-picker">
+          <mat-form-field appearance="none" class="date-hour-picker" >
             <input matInput [ngxMatDatetimePicker]="fim"
               placeholder="Data de fim*"
               [(ngModel)]="postEvent.EndDate"

src/global.scss

@@ -55,7 +55,7 @@ td.monthview-primary-with-event {
 td.monthview-current{
     border-bottom: 1px solid var(--monthview-selected) !important;
     color: black !important;
-    background-color: white !important;
+    background-color: #e39c956b !important;
 }
 // selected date =============================
 td.monthview-selected {