Rimidbit

в общем, решение выглядит как-то так) это конечно код не всего календаря, но все таки

<div class="calendar__number
        calendar__number-start--tue
        calendar__number-days--month-length--28"
      >
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
        <div class="calendar__number-day"></div>
      </div>

@for $index from 28 through 31 {
      &-days--month-length--#{$index} &-day:nth-child(n + #{$index + 1}) {
        display: none;
      }
    }

весь sass не выкладываю потому что, во-первых, малопонимающему трудно будет разобраться что за что отвечает, во-вторых, будет очень длинная простыня

Пока ждал ответ, нарыл такой вариант

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

правда на кроссбраузерность не тестил пока