');\n\n ul.append(this.getEventHtml(event));\n $dayLi.append(ul);\n } else {\n $dayLi.find('ul').append(this.getEventHtml(event));\n }\n },\n\n populateEvents(data) {\n data.forEach((event) => {\n var startDate = moment.utc(event.Start).local();\n var endDate = moment.utc(event.End).local();\n\n //Repeating event as the end date is after the start date.\n if (endDate.isAfter(startDate, 'day')) {\n console.log(\n `Event ${event.Title} must span multiple days between ${startDate.format('D/M/YYYY')} and ${endDate.format('D/M/YYYY')}`\n );\n //Keep adding the event to days until we get the end date\n var currentDate = moment.utc(event.Start).local();\n\n while (!endDate.isBefore(currentDate, 'day')) {\n this.addEventToDay(currentDate, event);\n currentDate.add(1, 'days');\n }\n } else {\n this.addEventToDay(startDate, event);\n }\n });\n\n //Add buttons where needed\n $('.day__events').each(function () {\n if ($(this).find('li').length > 2) {\n console.log('Found more than 2 events in one day');\n $(this).after(`\n \n\t\t\t\t\t`);\n // //Not used in DFES\n }\n });\n },\n\n generate() {\n var startMonth = new Date();\n startMonth.setFullYear(startMonth.getFullYear() - s.yearsBeforeToRender);\n startMonth.setDate(1);\n\n var currentMonth = startMonth.getMonth(); // current (today) month\n var currentYear = startMonth.getFullYear();\n\n //Loop through 24 months (year ago, year into future). If we hit 24, gone further than December, so start back at 1 with next year.\n //const monthsToRender = (s.yearsBeforeToRender + s.yearsAheadToRender) * 12; //Years ahead not in use for VH...\n const monthsToRender = s.yearsBeforeToRender * 12 + 13;\n for (var i = 0; i < monthsToRender; i++) {\n if (currentMonth === 12) {\n currentMonth = 0;\n currentYear++;\n }\n this.buildMonth(currentMonth, currentYear);\n currentMonth++;\n }\n },\n\n buildMonth(currentMonth, currentYear) {\n //Variables to be used later. Place holders right now.\n var daysHtml = '';\n var totalFeb = '';\n var i = 1;\n\n const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n const monthNamesFull = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ];\n const dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thrusday', 'Friday', 'Saturday'];\n\n //Determing if Feb has 28 or 29 days in it.\n if (currentMonth == 1) {\n if ((currentYear % 100 !== 0 && currentYear % 4 === 0) || currentYear % 400 === 0) {\n totalFeb = 29;\n } else {\n totalFeb = 28;\n }\n }\n var totalDays = ['31', '' + totalFeb + '', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31'];\n\n // Temp values to get the number of days in current month, and previous month. Also getting the day of the week.\n var tempDate = new Date();\n tempDate.setFullYear(currentYear, currentMonth, 1);\n var tempweekday = tempDate.getDay();\n var cmonthTotalDays = parseInt(totalDays[currentMonth]);\n\n // After getting the first day of the week for the month, padding the other days for that week with the previous months days. IE, if the first day of the week is on a Thursday, then this fills in Sun - Wed with the last months dates, counting down from the last day on Wed, until Sunday.\n while (tempweekday > 0) {\n daysHtml += \"\";\n tempweekday--;\n }\n // Filling in the calendar with the current month days in the correct location along.\n while (i <= cmonthTotalDays) {\n const date = `${i}/${currentMonth + 1}/${currentYear}`;\n\n // checking to see if i is equal to the current day, if so then we are making the color of that cell a different color using CSS. Also adding a rollover effect to highlight the day the user rolls over. This loop creates the actual calendar that is displayed.\n if (i == s.today.getDate() && currentMonth == s.today.getMonth()) {\n daysHtml += `
${i}
`;\n } else {\n daysHtml += `
${i}
`;\n }\n i++;\n }\n //Fill in remaining gaps\n var totalDaysRendered = cmonthTotalDays + tempDate.getDay();\n while (totalDaysRendered % 7 !== 0) {\n daysHtml += \"\";\n totalDaysRendered++;\n }\n\n const prevBtnText = currentMonth > 0 ? monthNames[currentMonth - 1] : monthNames[11];\n const nextBtnText = currentMonth < 11 ? monthNames[currentMonth + 1] : monthNames[0];\n\n // Outputing the calendar onto the site. Also, putting in the month name and days of the week.\n const calendarMonthClass =\n currentMonth === s.today.getMonth() && currentYear === s.today.getFullYear() ? 'calendar is-active' : 'calendar';\n var calendarMonth = `\n\t\t\t\t