Here is the updated code snippet:
<Grid
container
justify="space-between"
alignItems="flex-start"
direction="column"
xs
spacing={5}
style={{
padding: 10,
}}>
<ParamSelection/>
{
state.selected != -1 && <Grid
container
item
justify="space-between"
alignItems="left"
direction="column"
spacing={5}
style={{width:'350px', marginLeft: '10px'}}>
<DatePickerView/>
}
In ParamSelection element, another grid is included.
<Grid
item
container
justify="flex-start"
alignItems="left"
direction="column"
xs
style={{width: '350px', marginLeft: '10px'}}
>
<Grid item >
<Typography variant="subtitle1" align="left">Select parameter for graph: </Typography>
**ADD YOUR NEW CODE HERE**
<DatePicker/>
The current display can be seen in this image: https://i.sstatic.net/BnzPI.png
I am aiming to have the select date inline with the select parameter for the graph, side by side.