export const noninteractiveCalendarTemplate:()

in packages/web-components/fast-foundation/src/calendar/calendar.template.ts [160:220]

• 61 lines of code
• 2 McCabe index (conditional complexity)

export const noninteractiveCalendarTemplate: (todayString: string) => ViewTemplate = (
    todayString: string
) => {
    return html`
        <div class="days" part="days">
            <div class="week-days" part="week-days">
                ${repeat(
                    x => x.getWeekdayText(),
                    html`
                        <div class="week-day" part="week-day" abbr="${x => x.abbr}">
                            ${x => x.text}
                        </div>
                    `
                )}
            </div>
            ${repeat(
                x => x.getDays(),
                html`
                    <div class="week">
                        ${repeat(
                            x => x,
                            html`
                                <div
                                    class="${(x, c) =>
                                        c.parentContext.parent.getDayClassNames(
                                            x,
                                            todayString
                                        )}"
                                    part="day"
                                    aria-label="${(x, c) =>
                                        c.parentContext.parent.dateFormatter.getDate(
                                            `${x.month}-${x.day}-${x.year}`,
                                            { month: "long", day: "numeric" }
                                        )}"
                                >
                                    <div
                                        class="date"
                                        part="${x =>
                                            todayString ===
                                            `${x.month}-${x.day}-${x.year}`
                                                ? "today"
                                                : "date"}"
                                    >
                                        ${(x, c) =>
                                            c.parentContext.parent.dateFormatter.getDay(
                                                x.day
                                            )}
                                    </div>
                                    <slot
                                        name="${x => x.month}-${x => x.day}-${x =>
                                            x.year}"
                                    ></slot>
                                </div>
                            `
                        )}
                    </div>
                `
            )}
        </div>
    `;
};