:local(.component) {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

:local(.days),
:local(.header) {
  display: flex;
  align-items: flex-start;
}

:local(.daysWrapper) {
  position: relative;
  border-top: 1px solid #ccc;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

:local(.header) {
  padding-left: 30px;
  flex-shrink: 0;
}

:local(.lines) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

:local(.hour) {
  border-bottom: 1px solid #dadfea;
  pointer-events: none;
}

:local(.halfHour) {
  height: 50%;
  border-bottom: 1px dashed #dadfea;
  pointer-events: none;
}


:local(.component) {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

:local(.days),
:local(.header) {
  display: flex;
  align-items: flex-start;
}

:local(.daysWrapper) {
  position: relative;
  border-top: 1px solid #ccc;
  overflow: auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}

:local(.header) {
  padding-left: 30px;
  flex-shrink: 0;
}

:local(.lines) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

:local(.hour) {
  border-bottom: 1px solid #dadfea;
  pointer-events: none;
}

:local(.halfHour) {
  height: 50%;
  border-bottom: 1px dashed #dadfea;
  pointer-events: none;
}


Fix scrolling of days in iOS Safari
Fix scrolling of days in iOS Safari

Scrolling of the main screen was broken in iOS Safari. Switching
approach to make use of flex-grow, shrink and flex-basis worked better.

http://stackoverflow.com/questions/39705876/css-scroll-issue-with-flexbox-and-max-height
