withDerivedLayout = Component => props => {
  const {width = DEFAULT_WIDGET_WIDTH, height = DEFAULT_WIDGET_HEIGHT} = props;
  // column width, 9 = 7 days + 2 margins
  const cellWidth = width / 9;
  // row height, 25 = 24 hours + 1 top margins
  const cellHeight = (height - LEGEND_HEIGHT) / 25;
  return <Component {...props} cellWidth={cellWidth} cellHeight={cellHeight} />;
}
An HOC to derive the calendar cell width and height from the widget width and height
@param {object} Component - component with props include {width, height}
@return the component with derived cell width and height injected as new props