diff --git a/ui/src/List/TimerangeSelector.tsx b/ui/src/List/TimerangeSelector.tsx index 97e8106..9db665a 100644 --- a/ui/src/List/TimerangeSelector.tsx +++ b/ui/src/List/TimerangeSelector.tsx @@ -16,6 +16,7 @@ import FormLabel from "@material-ui/core/FormLabel"; import Radio from "@material-ui/core/Radio"; import RadioGroup from "@material-ui/core/RadioGroup"; import TimePicker, { TimePickerProps } from "@material-ui/lab/TimePicker"; +import Collapse from "@material-ui/core/Collapse"; interface Props { selectedStreams: Set; @@ -28,6 +29,7 @@ const MyTimePicker = ( props: Pick ) => ( } inputFormat="HH:mm:ss" @@ -307,21 +309,25 @@ const TimerangeSelector = ({ label="Other day" /> - - days.endType !== "other-day" || shouldDisableDate(d) - } - maxDate={ - startDate === null ? today : new Date(days.allowed!.maxMillis) - } - minDate={startDate === null ? today : startDate} - onChange={(d: Date | null) => { - updateDays({ op: "set-end-day", newEndDate: d! }); - }} - renderInput={(params) => } - /> + + + days.endType !== "other-day" || shouldDisableDate(d) + } + maxDate={ + startDate === null ? today : new Date(days.allowed!.maxMillis) + } + minDate={startDate === null ? today : startDate} + onChange={(d: Date | null) => { + updateDays({ op: "set-end-day", newEndDate: d! }); + }} + renderInput={(params) => ( + + )} + /> + {