Event/task edit: improve design.

master
Tom Hacohen 2019-11-24 17:32:59 +02:00
parent fed79fcfea
commit 6a0fc11ab3
2 changed files with 42 additions and 36 deletions

View File

@ -9,6 +9,7 @@ import TextField from '@material-ui/core/TextField';
import Select from '@material-ui/core/Select';
import MenuItem from '@material-ui/core/MenuItem';
import FormControl from '@material-ui/core/FormControl';
import FormHelperText from '@material-ui/core/FormHelperText';
import InputLabel from '@material-ui/core/InputLabel';
import * as colors from '@material-ui/core/colors';
@ -258,6 +259,26 @@ class EventEdit extends React.PureComponent<PropsType> {
</Select>
</FormControl>
<FormControl>
<FormHelperText>FROM</FormHelperText>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="Start"
value={this.state.start}
onChange={(date?: Date) => this.setState({ start: date })}
/>
</FormControl>
<FormControl>
<FormHelperText>TO</FormHelperText>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="End"
value={this.state.end}
onChange={(date?: Date) => this.setState({ end: date })}
/>
</FormControl>
<FormGroup>
<FormControlLabel
control={
@ -272,24 +293,6 @@ class EventEdit extends React.PureComponent<PropsType> {
/>
</FormGroup>
<div>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="Start"
value={this.state.start}
onChange={(date?: Date) => this.setState({ start: date })}
/>
</div>
<div>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="End"
value={this.state.end}
onChange={(date?: Date) => this.setState({ end: date })}
/>
</div>
<TextField
name="location"
placeholder="Add location"

View File

@ -9,6 +9,7 @@ import TextField from '@material-ui/core/TextField';
import Select from '@material-ui/core/Select';
import MenuItem from '@material-ui/core/MenuItem';
import FormControl from '@material-ui/core/FormControl';
import FormHelperText from '@material-ui/core/FormHelperText';
import InputLabel from '@material-ui/core/InputLabel';
import * as colors from '@material-ui/core/colors';
@ -262,6 +263,26 @@ class TaskEdit extends React.PureComponent<PropsType> {
</Select>
</FormControl>
<FormControl>
<FormHelperText>Start</FormHelperText>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="Start"
value={this.state.start}
onChange={(date?: Date) => this.setState({ start: date })}
/>
</FormControl>
<FormControl>
<FormHelperText>Due</FormHelperText>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="Due"
value={this.state.due}
onChange={(date?: Date) => this.setState({ due: date })}
/>
</FormControl>
<FormGroup>
<FormControlLabel
control={
@ -276,24 +297,6 @@ class TaskEdit extends React.PureComponent<PropsType> {
/>
</FormGroup>
<div>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="Start"
value={this.state.start}
onChange={(date?: Date) => this.setState({ start: date })}
/>
</div>
<div>
<DateTimePicker
dateOnly={this.state.allDay}
placeholder="End"
value={this.state.due}
onChange={(date?: Date) => this.setState({ due: date })}
/>
</div>
<TextField
name="location"
placeholder="Add location"