Method _renderDayGrid

codebase/sources/dhtmlxscheduler.es.js:9119–9191

(container)

    return weeks;
  }
  _renderDayGrid(container) {
    const { date, currentRange, eventDates, minWeeks, filterDays } = this.getState();
    let minSchedulerDate = currentRange[0];
    let maxSchedulerDate = currentRange[1];
    const eventDaysTable = eventDates.reduce((acc, date2) => {
      const dayStart = this.scheduler.date.day_start(new Date(date2));
      acc[dayStart.valueOf()] = true;
      return acc;
    }, {});
    const daysOfWeekContainer = document.createElement("div");
    this._renderDayGridHeader(daysOfWeekContainer);
    const weekLength = daysOfWeekContainer.children.length;
    container.appendChild(daysOfWeekContainer);
    if (weekLength !== 7) {
      container.style.setProperty("--dhx-scheduler-week-length", weekLength);
    }
    const scheduler2 = this.scheduler;
    const firstDate = scheduler2.date.week_start(scheduler2.date.month_start(new Date(date)));
    const monthStart = scheduler2.date.month_start(new Date(date));
    const monthEnd = scheduler2.date.add(scheduler2.date.month_start(new Date(date)), 1, "month");
    let lastDate = scheduler2.date.add(scheduler2.date.month_start(new Date(date)), 1, "month");
    const currentCalDate = scheduler2.date.date_part(scheduler2._currentDate());
    if (lastDate.getDay() !== 0 && scheduler2.config.start_on_monday) {
      const dayOfWeek = lastDate.getDay();
      const daysToSunday = (7 - dayOfWeek) % 7;
      lastDate = scheduler2.date.add(lastDate, daysToSunday + 1, "day");
    } else {
      lastDate = scheduler2.date.add(scheduler2.date.week_start(lastDate), 1, "week");
    }
    let weeks = this._weeksBetween(firstDate, lastDate);
    if (minWeeks && weeks < minWeeks) {
      lastDate = scheduler2.date.add(lastDate, minWeeks - weeks, "week");
    }
    let currDate = firstDate;
    const dayGridContainer = document.createElement("div");
    dayGridContainer.classList.add("dhx_cal_datepicker_days");
    this._domEvents.attach(dayGridContainer, "click", (event2) => {
      const dateCell = event2.target.closest("[data-cell-date]");
      const date2 = new Date(dateCell.getAttribute("data-cell-date"));
      this.callEvent("onDateClick", [date2, event2]);
    });
    while (currDate.valueOf() < lastDate.valueOf()) {
      if (!(filterDays && filterDays(currDate))) {
        const dayElement = document.createElement("div");
        dayElement.setAttribute("data-cell-date", scheduler2.templates.format_date(currDate));
        dayElement.setAttribute("data-day", currDate.getDay());
        dayElement.innerHTML = scheduler2.templates.month_day(currDate);
        if (currDate.valueOf() < monthStart.valueOf()) {
          dayElement.classList.add("dhx_before");
        } else if (currDate.valueOf() >= monthEnd.valueOf()) {
          dayElement.classList.add("dhx_after");
        }
        if (currDate.getDay() === 0 || currDate.getDay() === 6) {
          dayElement.classList.add("dhx_cal_datepicker_weekend");
        }
        if (currDate.valueOf() == currentCalDate.valueOf()) {
          dayElement.classList.add("dhx_now");
        }