Method _renderDayGrid

codebase/dhtmlxscheduler.es.js:3013–3043

(i)

    return s;
  }
  _renderDayGrid(i) {
    const { date: t, currentRange: n, eventDates: s, minWeeks: a, filterDays: o } = this.getState();
    let _ = n[0], r = n[1];
    const d = s.reduce((M, k) => (M[this.scheduler.date.day_start(new Date(k)).valueOf()] = !0, M), {}), l = document.createElement("div");
    this._renderDayGridHeader(l);
    const h = l.children.length;
    i.appendChild(l), h !== 7 && i.style.setProperty("--dhx-scheduler-week-length", h);
    const p = this.scheduler, m = p.date.week_start(p.date.month_start(new Date(t))), g = p.date.month_start(new Date(t)), c = p.date.add(p.date.month_start(new Date(t)), 1, "month");
    let u = p.date.add(p.date.month_start(new Date(t)), 1, "month");
    const f = p.date.date_part(p._currentDate());
    if (u.getDay() !== 0 && p.config.start_on_monday) {
      const M = (7 - u.getDay()) % 7;
      u = p.date.add(u, M + 1, "day");
    } else
      u = p.date.add(p.date.week_start(u), 1, "week");
    let y = this._weeksBetween(m, u);
    a && y < a && (u = p.date.add(u, a - y, "week"));
    let w = m;
    const D = document.createElement("div");
    for (D.classList.add("dhx_cal_datepicker_days"), this._domEvents.attach(D, "click", (M) => {
      const k = M.target.closest("[data-cell-date]"), N = new Date(k.getAttribute("data-cell-date"));
      this.callEvent("onDateClick", [N, M]);
    }); w.valueOf() < u.valueOf(); ) {
      if (!o || !o(w)) {
        const M = document.createElement("div");
        M.setAttribute("data-cell-date", p.templates.format_date(w)), M.setAttribute("data-day", w.getDay()), M.innerHTML = p.templates.month_day(w), w.valueOf() < g.valueOf() ? M.classList.add("dhx_before") : w.valueOf() >= c.valueOf() && M.classList.add("dhx_after"), w.getDay() !== 0 && w.getDay() !== 6 || M.classList.add("dhx_cal_datepicker_weekend"), w.valueOf() == f.valueOf() && M.classList.add("dhx_now"), _ && r && w.valueOf() >= _.valueOf() && w.valueOf() < r.valueOf() && M.classList.add("dhx_cal_datepicker_current"), d[w.valueOf()] && M.classList.add("dhx_cal_datepicker_event"), M.classList.add("dhx_cal_datepicker_date"), D.appendChild(M);
      }
      w = p.date.add(w, 1, "day");
    }
    i.appendChild(D);
  }
  _renderMonthGrid(i) {
    const { date: t } = this.getState(), n = document.createElement("div");
    n.classList.add("dhx_cal_datepicker_months");