@adobe/spectrum-css/dist/components/calendar/index-diff.css

The Spectrum CSS top-level backwards compatible package

.spectrum--large .spectrum-Calendar {
  width: 336px;
}
.spectrum--large .spectrum-Calendar--padded {
  margin: 32px 24px;
}
.spectrum--large .spectrum-Calendar-title {
  font-size: 22px;

  line-height: 32px;
}
.spectrum--large .spectrum-Calendar .spectrum-Calendar-prevMonth,
  .spectrum--large .spectrum-Calendar .spectrum-Calendar-nextMonth {
    margin: 0 4px;
  }
.spectrum--large .spectrum-Calendar-dayOfWeek {

  width: 40px;

  font-size: 13px;
  font-weight: 500
}
.spectrum--large .spectrum-Calendar-tableCell {
  height: 40px;
  width: 40px;
  padding: 4px
}
.spectrum--large .spectrum-Calendar-date {

  height: 40px;
  width: 40px;
  margin: 4px;

  border-radius: 40px;
  border: 2px solid transparent;

  font-size: 17px;
  line-height: 36px;

  transition: background 130ms ease-in-out,
        color 130ms ease-in-out,
        border-color 130ms ease-in-out;
}
.spectrum--large .spectrum-Calendar-date:before {
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 2px solid transparent;
  }
.spectrum--large .spectrum-Calendar-date.is-selected:not(.is-range-selection) {
    font-weight: 700
  }
.spectrum--large .spectrum-Calendar-date.is-today {
    font-weight: 700;
  }
.spectrum--large .spectrum-Calendar-date.is-range-selection {
    margin: 4px 0;
    border-width: 0;
    line-height: 40px;
    border-radius: 0;
    width: 48px;
  }
.spectrum--large .spectrum-Calendar-date.is-range-selection.is-range-start,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-range-end,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-start,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-end {
      width: 44px;
    }
.spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-start,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-end {
      font-weight: 700;
    }
.spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-start:after, .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-end:after {

        height: 40px;
        width: 40px;

        border-radius: 40px;
      }
.spectrum--large .spectrum-Calendar-date.is-range-selection.is-range-start,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-start {
      padding-right: 4px;
      margin-left: 4px;
      border-radius: 40px 0 0 40px
    }
.spectrum--large .spectrum-Calendar-date.is-range-selection.is-range-end,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-end {
      padding-left: 4px;
      margin-right: 4px;
      border-radius: 0 40px 40px 0
    }
.spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-start.is-selection-end,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-start.is-range-end,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-selection-end.is-range-start,
    .spectrum--large .spectrum-Calendar-date.is-range-selection.is-range-start.is-range-end {
      width: 40px;
      border-radius: 40px;
    }