: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;
}


:local(.component) {
  display: flex;
  flex-direction: column;
  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 main container in IE10/11
Fix scrolling of main container in IE10/11

After a lot of trial-and-error, changing the max-height to height seems
to do the trick.
