react-flex-picker/src/components/month/style/month.module.styl

Helps to build your own calendar by using prepared components and api to control them

$weekDaysHeight = 30px;
$headerMonthHeight = 30px;

.month {
  margin: 0 10px;
  width: 210px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.headerMonthWrapper {

}

.headerMonth {
  height: $headerMonthHeight;
  line-height: $headerMonthHeight;
  text-align: center;
  display: inline-block;
  width: 100%;
  cursor: default;
}

.headerWeekDays {
  border-bottom: 1px grey solid;

  span {
    display: inline-block;
    width: $weekDaysHeight;
    height: $weekDaysHeight;
    text-align: center;
    line-height: $weekDaysHeight;
    cursor: default;
  }
}

.headerClickable {
  cursor: pointer;
  background-color: #FFF1BA;
}