<Grid>
          <TableRow is="nospace start">
            <TableCell is="9 tablet-6 phone-3">
              <TimeHierarchy
                searchPlaceholder={'Effective start date'}
              />
            </TableCell>
            <TableCell is="middle 3 tablet-2 phone-1">
              <TimeHierarchy
                searchPlaceholder={'Effective end date'}
              />
            </TableCell>
              <TableCell is="middle 3 tablet-2 phone-1">
                <Button onClick={console.log('onClick')} mini variant="fab" color="primary" aria-label="Add" className={classes.button} style={{backgroundColor: "#d71920"}}>
                  <Search />
                </Button>
              </TableCell>
              <TableCell is="middle 3 tablet-2 phone-1">
                <Button mini variant="fab" color="primary" aria-label="Add" className={classes.button} style={{backgroundColor: "#d71920"}}
                onClick={() => { this.onSearchClick() }}>
                  <AddIcon />
                </Button>
              </TableCell>
          </TableRow>
        </Grid>