diff --git a/src/calendar.ts b/src/calendar.ts index e2795e6..abdb717 100644 --- a/src/calendar.ts +++ b/src/calendar.ts @@ -19,7 +19,7 @@ export class Calendar extends LPCore { months.className = style.containerMonths; if (style[`columns${this.options.numberOfColumns}`]) { - months.classList.remove(style.columns2, style.columns3, style.columns4); + months.classList.remove(style.columns2, style.columns3, style.columns4, style.columns5, style.columns6, style.columns7, style.columns8, style.columns9, style.columns10, style.columns11, style.columns12); months.classList.add(style[`columns${this.options.numberOfColumns}`]); } diff --git a/src/scss/main.scss b/src/scss/main.scss index 8f510d4..db56c6e 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -69,6 +69,38 @@ &.columns-4 { width: calc((var(--litepicker-month-width) * 4) + 40px); } + + &.columns-5 { + width: calc((var(--litepicker-month-width) * 5) + 50px); + } + + &.columns-6 { + width: calc((var(--litepicker-month-width) * 6) + 60px); + } + + &.columns-7 { + width: calc((var(--litepicker-month-width) * 7) + 70px); + } + + &.columns-8 { + width: calc((var(--litepicker-month-width) * 8) + 80px); + } + + &.columns-9 { + width: calc((var(--litepicker-month-width) * 9) + 90px); + } + + &.columns-10 { + width: calc((var(--litepicker-month-width) * 10) + 100px); + } + + &.columns-11 { + width: calc((var(--litepicker-month-width) * 11) + 110px); + } + + &.columns-12 { + width: calc((var(--litepicker-month-width) * 12) + 120px); + } &.split-view { .month-item { diff --git a/src/scss/main.scss.d.ts b/src/scss/main.scss.d.ts index 9bb6326..d15855b 100644 --- a/src/scss/main.scss.d.ts +++ b/src/scss/main.scss.d.ts @@ -5,6 +5,14 @@ export const containerMonths: string; export const columns2: string; export const columns3: string; export const columns4: string; +export const columns5: string; +export const columns6: string; +export const columns7: string; +export const columns8: string; +export const columns9: string; +export const columns10: string; +export const columns11: string; +export const columns12: string; export const splitView: string; export const monthItemHeader: string; export const buttonPreviousMonth: string;