`;
162 | }
163 |
164 | // iterate through months to display
165 | for (currentMonth = this.config.startMonth; currentMonth <= lastMonth; currentMonth++) {
166 | output += `
`;
167 |
168 | // add the month headers
169 | titleTemp = new Date(year, month + currentMonth, 1);
170 | monthTitle = titleTemp.toLocaleString(config.language, { month: 'long', year: 'numeric' });
171 | output += `";
172 |
173 | // add day of week headers
174 | if (!this.config.monthsVertical || this.config.repeatWeekdaysVertical || currentMonth == this.config.startMonth) {
175 | output += weekdaysHeader;
176 | }
177 | firstDayOfMonth = new Date(year, month + currentMonth, 1, 0, 0, 0, 0);
178 | lastDayOfMonth = new Date(year, month + currentMonth + 1, 0, 0, 0, 0, 0);
179 | gridDay = firstDay(firstDayOfMonth, this.config.startWeek);
180 | gridEnd = lastDay(lastDayOfMonth, this.config.startWeek - 1);
181 |
182 | // Week grid builder
183 | do {
184 | output += `
`;
185 |
186 | // Week Number Calculator
187 | const weekNum = this.config.weekNumbersISO ? weekNumberISO(gridDay) : weekNumber(gridDay);
188 | weekNumResultSmall = `
${weekNum}
`;
189 | weekNumResultBig = `
Wk ${weekNum}
`;
190 |
191 | // Week Loop (for Days)
192 |
193 | // Week Number to the left of the week if not a big calendar
194 | if (this.config.weekNumbers && !this.config.bigCalendar) {
195 | output += weekNumResultSmall;
196 | }
197 |
198 | // build the day container
199 | const eventBodge = new Date(gridDay);
200 |
201 | for (dow = 0; dow <= 6; dow++) {
202 | output += "
";
203 |
204 | // Internal week number - if big calendar
205 | if (dow === 0 && this.config.weekNumbers && this.config.bigCalendar) {
206 | output += weekNumResultBig;
207 | }
208 |
209 | // the day item
210 | output += "
" + gridDay.getDate() + "
";
222 | output += "
";
223 |
224 | // Object to store counts for each unique calendarName and its symbol
225 | const eventCounts = {};
226 |
227 | // Count events for each calendarName
228 | for (let ev = 0; ev < this.storedEvents.length; ev++) {
229 | const calendarName = this.storedEvents[ev].calendarName;
230 | const symbol = this.storedEvents[ev].symbol;
231 | const color = this.storedEvents[ev].color;
232 | const match = matchName(calendarName);
233 | const orig = new Date(Number(this.storedEvents[ev].startDate));
234 | const modi = orig.setHours(0, 0, 0, 0);
235 | if (modi == gridDay.getTime() && this.config.eventsOn && match) {
236 | if (eventCounts[calendarName]) {
237 | eventCounts[calendarName].count++;
238 | } else {
239 | eventCounts[calendarName] = { count: 1, symbol: symbol, color: color };
240 | }
241 | }
242 | }
243 |
244 | // Display event counts for each calendarName
245 | if (this.config.bigCalendar && this.config.eventCounts) {
246 | output += `
`
247 | for (const calendarName in eventCounts) {
248 | output += ` ${eventCounts[calendarName].count} x `;
249 | }
250 | output += `
`
251 | } else if (this.config.bigCalendar && !this.config.eventCounts) {
252 |
253 | output += `
`
254 | for (const calendarName in eventCounts) {
255 | output += ``;
256 | }
257 | output += `
`
258 | } else {
259 |
260 | for (const calendarName in eventCounts) {
261 | output += `
∙
`;
262 |
263 | }
264 |
265 | }
266 |
267 |
268 | } else {
269 | if (this.config.otherMonths) {
270 | output += "dim " + this.config.instanceID;
271 | } else {
272 | output += "noDisplay " + this.config.instanceID;
273 | }
274 | output += "'>";
275 | }
276 |
277 |
278 | output += "
";
279 | // End of the day container
280 | output += "
";
281 |
282 | gridDay.setDate(gridDay.getDate() + 1);
283 | }
284 |
285 | output += "
"; // end of week
286 | } while (gridDay < gridEnd);
287 | output += "