flatpickr

Flatpickr: don't display the first week of the following month

I don't want to show the first week of the following month in the calendar. Can not see anything in docs https://flatpickr.js.org/options/

enter image description here

Solution

  • A bit of CSS jiggery pokery gets the results I need.

    Hide the empty additional week into next month:

            .nextMonthDay {
            &:nth-last-child(-n+7) {
                display: none;
            }
        }

    Hide all into next month:

            .nextMonthDay {
            display: none;
        }

    Hide all from previous month (uses visibility instead of display to preserve alignment beneath day names:

            .prevMonthDay {
            visibility: hidden;
        }