@import "moj.slot-picker/dist/stylesheets/moj.slot-picker.ap";
@import "moj.slot-picker/dist/stylesheets/moj.date-slider.ap";

// scss-lint:disable SelectorFormat
.BookingCalendar-dates {
  margin: 0;
}

.BookingCalendar-legendDesc {
  margin-top: 1em;
}

.SlotPicker--selected {
  .SlotPicker-choiceInner {
    padding-right: 0;
  }
}

.SlotPicker--read-only {
  margin-bottom: 1.5em;

  .SlotPicker-choice {
    .SlotPicker-choiceInner {
      padding-right: 0;
    }
  }
}

.SlotPicker-day {
  font-size: 85%;
  margin-left: 0;
}

.SlotPicker-label {
  font-size: 18px;
  padding-top: 1em;
  padding-bottom: 1em;
}

.SlotPicker-choice .SlotPicker-choiceInner {
  min-height: 50px;
}

.SlotPicker-choice.is-chosen .SlotPicker-choiceInner p {
  font-size: 20px;
}

.SlotPicker-input {
  margin-bottom: 1em;
}
// scss-lint:enable SelectorFormat

@import "moj.slot-picker/dist/stylesheets/moj.slot-picker.ap";
@import "moj.slot-picker/dist/stylesheets/moj.date-slider.ap";

// scss-lint:disable SelectorFormat
.BookingCalendar-dates {
  margin: 0;
}

.BookingCalendar-content {
  font-size: 20px;
}

.BookingCalendar-legendDesc {
  margin-top: 1em;
}

.SlotPicker--selected {
  .SlotPicker-choiceInner {
    padding-right: 0;
  }
}

.SlotPicker--read-only {
  margin-bottom: 1.5em;

  .SlotPicker-choice {
    .SlotPicker-choiceInner {
      padding-right: 0;
    }
  }
}

.SlotPicker-day {
  font-size: 85%;
  margin-left: 0;
}

.SlotPicker-label {
  font-size: 18px;
  padding-top: 1em;
  padding-bottom: 1em;
}

.SlotPicker-choice .SlotPicker-choiceInner {
  min-height: 50px;
}

.SlotPicker-choice.is-chosen .SlotPicker-choiceInner p {
  font-size: 20px;
}

.SlotPicker-input {
  margin-bottom: 1em;
}
// scss-lint:enable SelectorFormat

Increase calendar font size for better readability
Increase calendar font size for better readability

A recent lab session produced evidence to the fact that the dates
on the unavailable days were potentially difficult to read.
