diff --git a/Frontend/power-tracker/src/components/enoekAdd.tsx b/Frontend/power-tracker/src/components/enoekAdd.tsx index bbdcc3687f6662903e41906c9bbef7b904ef1f55..92d8141012d785fada242fceecf1d6a47772ac2f 100644 --- a/Frontend/power-tracker/src/components/enoekAdd.tsx +++ b/Frontend/power-tracker/src/components/enoekAdd.tsx @@ -242,7 +242,7 @@ const MainComponent: React.FC<ManageAddingProps> = ({ enoek, setData, search }) name='end_date' render={({ field }) => ( <FormItem> - <FormLabel>Start Date</FormLabel> + <FormLabel>End Date</FormLabel> <br></br> <FormControl> <DatePicker dates={endDate} setDate={setEndDate} allowedDate={new Date("3000 01 01")} {...field} /> diff --git a/Frontend/power-tracker/src/pages/overview.tsx b/Frontend/power-tracker/src/pages/overview.tsx index f4b8599b235971752a7b7f039d0412d8697c8f01..8b85d346d833722968c89d7de145ff88533b89a8 100644 --- a/Frontend/power-tracker/src/pages/overview.tsx +++ b/Frontend/power-tracker/src/pages/overview.tsx @@ -140,34 +140,7 @@ function Overview() { <div className='flex'> <DatePicker width={280} dates={endDate} setDate={setEndDate} allowedDate={startDate} /> <div className='flex flex-col h-[40px] ml-[5px]'> - <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={_ => { //TODO: CLEAN UP THESE LATER ------------------------------- NO REALLY, THEY SUCK ATM - var date = new Date; - if(startDate !== undefined){ - date.setTime(startDate.getTime() + 1 * millisInDays); - setStartDate(date); - } - }}> - <Plus className='h-[20px]'></Plus> - </Button> - <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={_ => { - var date = new Date; var edate = endDate - if(startDate !== undefined){ - if(edate === undefined) edate = new Date(1) - if (edate.getTime() < startDate.getTime()){ - date.setTime(startDate.getTime() - 1 * millisInDays); - setStartDate(date); - }}}}> - <Minus className='h-[22px]'></Minus> - </Button> - </div> - </div> - - {/* DATE TO datepicker */} - <label className='text-primary text-sm'>Date To</label> - <div className='flex mb-[10px]'> - <DatePicker width={280} dates={startDate} setDate={setStartDate} allowedDate={new Date()}/> - <div className='flex flex-col h-[40px] ml-[5px]'> - <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={e => { //TODO: CLEAN UP THESE LATER ------------------------------- NO REALLY, THEY SUCK ATM + <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={e => { //TODO: CLEAN UP THESE LATER ------------------------------- NO REALLY, THEY SUCK ATM var date = new Date; var sdate = startDate if(endDate !== undefined){ if(sdate === undefined) sdate = new Date(1) @@ -186,6 +159,33 @@ function Overview() { }}> <Minus className='h-[22px]'></Minus> </Button> + </div> + </div> + + {/* DATE TO datepicker */} + <label className='text-primary text-sm'>Date To</label> + <div className='flex mb-[10px]'> + <DatePicker width={280} dates={startDate} setDate={setStartDate} allowedDate={new Date()}/> + <div className='flex flex-col h-[40px] ml-[5px]'> + <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={_ => { //TODO: CLEAN UP THESE LATER ------------------------------- NO REALLY, THEY SUCK ATM + var date = new Date; + if(startDate !== undefined){ + date.setTime(startDate.getTime() + 1 * millisInDays); + setStartDate(date); + } + }}> + <Plus className='h-[20px]'></Plus> + </Button> + <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={_ => { + var date = new Date; var edate = endDate + if(startDate !== undefined){ + if(edate === undefined) edate = new Date(1) + if (edate.getTime() < startDate.getTime()){ + date.setTime(startDate.getTime() - 1 * millisInDays); + setStartDate(date); + }}}}> + <Minus className='h-[22px]'></Minus> + </Button> </div> </div>