fix: mobile modal form

This commit is contained in:
Nicola Zambello 2023-02-18 20:42:59 +01:00
parent e3f1a3d78e
commit 929c04a892
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA

View file

@ -291,7 +291,12 @@ export default function TimeEntryDetailsPage() {
> >
Start Start
</label> </label>
<Group align="flex-end"> <Group
align="flex-end"
sx={{
flexWrap: 'nowrap'
}}
>
<DatePicker <DatePicker
id="new-startTime-date" id="new-startTime-date"
ref={startDateRef} ref={startDateRef}
@ -351,7 +356,12 @@ export default function TimeEntryDetailsPage() {
> >
End End
</label> </label>
<Group align="flex-end"> <Group
align="flex-end"
sx={{
flexWrap: 'nowrap'
}}
>
<DatePicker <DatePicker
id="new-endTime-date" id="new-endTime-date"
ref={endDateRef} ref={endDateRef}
@ -385,7 +395,7 @@ export default function TimeEntryDetailsPage() {
withSeconds withSeconds
clearable={false} clearable={false}
aria-labelledby="new-endTime-label" aria-labelledby="new-endTime-label"
label="end time" label="End time"
value={end} value={end}
onChange={(date) => { onChange={(date) => {
let newDate = new Date(end || start); let newDate = new Date(end || start);