and on the daily part i don’t see the new meetings i make only the one that i can see on upcomming wil be displayed there.

after some fricking around i got it that if i make a new meeting it does show it on upcoming but i still can’t see it on daily.

here is my .js contents and .css is under it.
Myconfig:

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
	address: "localhost", // Address to listen on, can be:
	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
	                      // - another specific IPv4/6 to listen on a specific interface
	                      // - "", "0.0.0.0", "::" to listen on any interface
	                      // Default, when address config is left out, is "localhost"
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
	                                                       // or add a specific IPv4 of 192.168.1.5 :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	language: "nl",
	timeFormat: 24,
	units: "metric",

	modules: [
		{
  		module: "MMM-CalendarExt2",
		  config: {
		    calendars : [
		      {
		        url: "",
		      },
		    ],
		    views: [
		      {
		        name: "vergaderkamer",
		        mode: "daily",
			type: "column",
		        position: "top_left",
		        slotTitle: "meeting van vandaag",
			fromNow:0,
		        slotCount:1,
		        slotMaxHeight: "480px",
		        hideOverflow:false,
		        transform:(event) => {
			  event.name = event.description
		          if (event.startDate < ((Date.now()/1000 + 60*5))) { // Check whether 60*5 seconds remain until start
		           
		            event.icon = "flat-color-icons:alarm-clock" // redefine icon
		            event.className = "blueStyle" // redefine CSS style name. (You can define CSS style selector `.CX2 .redStyle`)
		          }
		          return event
		        },
		      },
			  {
			    name: "VIEW3",
			    mode: "upcoming",
			    type: "column",
			    position:"top_right",
			    maxDays: "0",
			    transform:(event) => {
			        var inBetween = function(target, from, to) {
			          from = Date.now()/1000 + 60 * from
			          to = Date.now()/1000 + 60 * to
			          if (target >= from && target < to) {
			            return true
			          } else {
			            return false
			          }
			        }
				if (inBetween(event.startDate, 14, 15)) {
			          event.className = "greenStyle"
			          event.title = "[15 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 13, 14)) {
			          event.className = "greenStyle"
			          event.title = "[14 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 12, 13)) {
			          event.className = "greenStyle"
			          event.title = "[13 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 11, 12)) {
			          event.className = "greenStyle"
			          event.title = "[12 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 10, 11)) {
			          event.className = "greenStyle"
			          event.title = "[11 MIN!] " + event.title
			        }
				if (inBetween(event.startDate, 9, 10)) {
			          event.className = "orangeStyle"
			          event.title = "[10 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 8, 9)) {
			          event.className = "orangeStyle"
			          event.title = "[9 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 7, 8)) {
			          event.className = "orangeStyle"
			          event.title = "[8 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 6, 7)) {
			          event.className = "orangeStyle"
			          event.title = "[7 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 5, 6)) {
			          event.className = "orangeStyle"
			          event.title = "[6 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 4, 5)) {
			          event.className = "redStyle"
			          event.title = "[5 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 3, 4)) {
			          event.className = "redStyle"
			          event.title = "[4 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 2, 3)) {
			          event.className = "redStyle"
			          event.title = "[3 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 1, 2)) {
			          event.className = "redStyle"
			          event.title = "[2 MIN!] " + event.title
			        }
			        if (inBetween(event.startDate, 0, 1)) {
			          event.className = "redStyle"
			          event.title = "[1 MIN!] " + event.title
			        }
			        return event
			      }
			},
		    ],
		    scenes: [
		      {
		        name: "Vergaderkamer",
		        views: [],
		        className: "myClass",
		      },
		    ],
		  },
		},
			{
			module: "clock",
			position: "top_center",
			config: {
			    timeFormat: "24",
			    displaySeconds: "true",
			    clockBold: "true",
			    displayType: "both",
			    anologFace: "face-006",
			    timeZone: "Europe/Amsterdam",
			}
		},
	]
};
/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

Mycustom.CSS

/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/

.calander .xlarge{
font-size: 25px;
}


.CX2 {
   --row-min-width: 650px;
   --row-max-width: 650px;
   --column-min-width: 650px;
   --column-max-width: 650px;
   --font-size: 25px;
}

.CX2 .redStyle {
  color:#000;
  background-color:#E99;
  border-left:2px solid #F00;
}

.CX2 .greenStyle {
  color:#000;
  background-color:#090;
  border-left:2px solid #0C0;
}

.CX2 .orangeStyle {
  color:#000;
  background-color:#C60;
  border-left:2px solid #F80;
}

.CX2 .blueStyle {
  color:#000;
  background-color:#44F;
  border-left:2px solid #66F;
}