Update dateinput component

- Language is no longer a prop
- Dateformat chagned to ISO 8601
- set minDate and maxDate range to between today and 1 year from now

frontend/src/components/dateinput/index.tsx

 import React, { useState } from "react"
 import DatePicker, { registerLocale } from "react-datepicker"
 import nb from 'date-fns/locale/nb'
+import { addDays } from "date-fns";
+import { useTranslation } from 'react-i18next'
 import "react-datepicker/dist/react-datepicker.css"
 
 registerLocale("nb", nb)
 // CSS Modules, react-datepicker-cssmodules.css
 // import 'react-datepicker/dist/react-datepicker-cssmodules.css';
 
-interface DateInputProps {
-    lang: string
+interface DateInputProps {   
 }
 
 const DateInput = (props: DateInputProps) => {
     const [startDate, setStartDate] = useState(new Date())
+    const { i18n } = useTranslation()
 
     return (
         <DatePicker
-            dateFormat={props.lang === 'en' ? 'MM/dd/yyyy' : 'dd.MM.yyyy'}
-            locale={props.lang}
+            dateFormat='yyyy-MM-dd'
+            locale={i18n.language}
             selected={startDate}
+            minDate={startDate}
+            maxDate={addDays(new Date(), 365)}
             onChange={(date: any) => setStartDate(date)}
         />
     )

frontend/src/routes/frontpage/index.tsx

@@ -28,7 +28,7 @@ export default function FrontPage() {
   }
   return (
     <Page header="Greg main page">
-      <DateInput lang={i18n.language} />
+      <DateInput />
       <br />
       <button onClick={() => i18n.language === 'en' ? i18n.changeLanguage('nb') : i18n.changeLanguage('en')}>
         {i18n.language === 'en' ? 'Norwegian' : 'English'}