diff --git a/src/app/[id]/create/page.tsx b/src/app/[id]/create/page.tsx
index 760ea21..ec11781 100644
--- a/src/app/[id]/create/page.tsx
+++ b/src/app/[id]/create/page.tsx
@@ -9,14 +9,13 @@ import {Field, Form, Formik} from 'formik';
 import {useRouter, useSearchParams} from 'next/navigation';
 import {Button} from '@nextui-org/button';
 import {NotFoundError} from '@/models/Errors';
-import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from '@nextui-org/table';
-import NumberInputWithButtons from '@/components/NumberInput';
 import SuccessModal from '@/components/SuccessModal';
 import {FaArrowAltCircleLeft, FaSave} from 'react-icons/fa';
 import {Textarea} from '@nextui-org/input';
-import {validateBetweenZeroAndFive} from '@/utils/validationUtils';
 import ErrorModal from '@/components/ErrorModal';
 import {Spinner} from '@nextui-org/react';
+import ContactInformationForm from '@/components/ContactInformationForm';
+import ReleasePatternForm from '@/components/ReleasePatternForm';
 
 export default function Page({params}: { params: { id: string } }) {
   const router = useRouter();
@@ -129,177 +128,16 @@ export default function Page({params}: { params: { id: string } }) {
             }) => (
               <Form className='flex flex-col items-start' onSubmit={handleSubmit}>
                 <div className='flex flex-row flex-wrap'>
-                  <div className='w-60 mr-20 flex flex-col mb-6'>
-                    <p className='group-title-style mb-4 text-left'>Kontaktinformasjon</p>
-                    <label htmlFor='vendor' className='group-subtitle-style mb-1 self-start'> Avleverer </label>
-                    <Field
-                      type='text'
-                      id='vendor'
-                      className='input-text-style mb-3'
-                      onChange={handleChange}
-                      onBlur={handleBlur}
-                      value={values.vendor ?? ''}
-                    />
-
-                    <label htmlFor='contact_name' className='group-subtitle-style mb-1 self-start'> Navn </label>
-                    <Field
-                      type='text'
-                      id='contact_name'
-                      className='input-text-style mb-3'
-                      onChange={handleChange}
-                      onBlur={handleBlur}
-                      value={values.contact_name ?? ''}
-                    />
-
-                    <label htmlFor='contact_email' className='group-subtitle-style mb-1 self-start'> E-post </label>
-                    <Field
-                      type='text'
-                      id='contact_email'
-                      className='input-text-style mb-3'
-                      onChange={handleChange}
-                      onBlur={handleBlur}
-                      value={values.contact_email ?? ''}
-                    />
-
-                    <label htmlFor='contact_phone' className='group-subtitle-style mb-1 self-start'> Telefon </label>
-                    <Field
-                      type='text'
-                      id='contact_phone'
-                      className='input-text-style'
-                      onChange={handleChange}
-                      onBlur={handleBlur}
-                      value={values.contact_phone ?? ''}
-                    />
-                  </div>
+                  <ContactInformationForm
+                    className='w-60 mr-20 flex flex-col mb-6'
+                    values={values}
+                    handleChange={handleChange}
+                    handleBlur={handleBlur}
+                  />
 
                   <div className='w-60 overflow-auto flex flex-col mb-6'>
                     <p className='group-title-style mb-4 text-left'> Utgivelsesmønster </p>
-                    <Table hideHeader removeWrapper className='table-fixed text-left' aria-labelledby='releaseTable'>
-                      <TableHeader>
-                        <TableColumn>Dag</TableColumn>
-                        <TableColumn>Antall</TableColumn>
-                      </TableHeader>
-                      <TableBody>
-                        <TableRow className='text-left'>
-                          <TableCell className='text-lg p-0'>Mandag</TableCell>
-                          <TableCell className='py-0 pr-0 w-full'>
-                            <Field
-                              name={'release_pattern[0]'}
-                              value={+values.release_pattern[0]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-
-                        <TableRow>
-                          <TableCell className='text-lg p-0'>Tirsdag</TableCell>
-                          <TableCell className='py-0 pr-0'>
-                            <Field
-                              name={'release_pattern[1]'}
-                              value={+values.release_pattern[1]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-
-                        <TableRow>
-                          <TableCell className='text-lg p-0'>Onsdag</TableCell>
-                          <TableCell className='py-0 pr-0'>
-                            <Field
-                              name={'release_pattern[2]'}
-                              value={+values.release_pattern[2]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-
-                        <TableRow>
-                          <TableCell className='text-lg p-0'>Torsdag</TableCell>
-                          <TableCell className='py-0 pr-0'>
-                            <Field
-                              name={'release_pattern[3]'}
-                              value={+values.release_pattern[3]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-
-                        <TableRow>
-                          <TableCell className='text-lg p-0'>Fredag</TableCell>
-                          <TableCell className='py-0 pr-0'>
-                            <Field
-                              name={'release_pattern[4]'}
-                              value={+values.release_pattern[4]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-
-                        <TableRow>
-                          <TableCell className='text-lg p-0'>Lørdag</TableCell>
-                          <TableCell className='py-0 pr-0'>
-                            <Field
-                              name={'release_pattern[5]'}
-                              value={+values.release_pattern[5]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-
-                        <TableRow>
-                          <TableCell className='text-lg p-0'>Søndag</TableCell>
-                          <TableCell className='py-0 pr-0'>
-                            <Field
-                              name={'release_pattern[6]'}
-                              value={+values.release_pattern[6]}
-                              component={NumberInputWithButtons}
-                              className='input-number-style'
-                              onChange={handleChange}
-                              validate={validateBetweenZeroAndFive}
-                              onBlur={handleBlur}
-                              minValue={0}
-                              maxValue={5}
-                            />
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
+                    <ReleasePatternForm releasePattern={values.release_pattern} handleChange={handleChange} handleBlur={handleBlur} />
                   </div>
 
                   <div>
diff --git a/src/components/ContactAndReleaseInfo.tsx b/src/components/ContactAndReleaseInfo.tsx
index 764227d..0d742fd 100644
--- a/src/components/ContactAndReleaseInfo.tsx
+++ b/src/components/ContactAndReleaseInfo.tsx
@@ -3,13 +3,14 @@ import {title} from '@prisma/client';
 import {Button} from '@nextui-org/button';
 import {FaEdit, FaSave} from 'react-icons/fa';
 import {ImCross} from 'react-icons/im';
-import {Field, Form, Formik} from 'formik';
-import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from '@nextui-org/table';
-import NumberInputWithButtons from '@/components/NumberInput';
-import {validateBetweenZeroAndFive} from '@/utils/validationUtils';
+import {Form, Formik} from 'formik';
 import SuccessModal from '@/components/SuccessModal';
 import ErrorModal from '@/components/ErrorModal';
 import {Spinner} from '@nextui-org/react';
+import ReleasePatternForm from '@/components/ReleasePatternForm';
+import ContactInformationForm from '@/components/ContactInformationForm';
+import ReleasePattern from '@/components/ReleasePattern';
+import ContactInformation from '@/components/ContactInformation';
 
 
 interface ContactAndReleaseInfoProps {
@@ -63,177 +64,18 @@ const ContactAndReleaseInfo: FC<ContactAndReleaseInfoProps> = (props: ContactAnd
             }) => (
               <div>
                 <Form className='flex flex-col items-start'>
-                  <p className='group-title-style mb-2 text-left'>Kontaktinformasjon</p>
-                  <label htmlFor='vendor' className='group-subtitle-style mb-1 self-start'> Avleverer </label>
-                  <Field
-                    type='text'
-                    id='vendor'
-                    className='input-text-style mb-3'
-                    onChange={handleChange}
-                    onBlur={handleBlur}
-                    value={values.vendor ?? ''}
+                  <ContactInformationForm
+                    className={'flex flex-col w-full'}
+                    values={values}
+                    handleChange={handleChange}
+                    handleBlur={handleBlur}
                   />
-
-                  <label htmlFor='contact_name' className='group-subtitle-style mb-1 self-start'> Navn </label>
-                  <Field
-                    type='text'
-                    id='contact_name'
-                    className='input-text-style mb-3'
-                    onChange={handleChange}
-                    onBlur={handleBlur}
-                    value={values.contact_name ?? ''}
-                  />
-
-                  <label htmlFor='contact_email' className='group-subtitle-style mb-1 self-start'> E-post </label>
-                  <Field
-                    type='text'
-                    id='contact_email'
-                    className='input-text-style mb-3'
-                    onChange={handleChange}
-                    onBlur={handleBlur}
-                    value={values.contact_email ?? ''}
-                  />
-
-                  <label htmlFor='contact_phone' className='group-subtitle-style mb-1 self-start'> Telefon </label>
-                  <Field
-                    type='text'
-                    id='contact_phone'
-                    className='input-text-style'
-                    onChange={handleChange}
-                    onBlur={handleBlur}
-                    value={values.contact_phone ?? ''}
-                  />
-
                   <p className='group-title-style mb-2 mt-6 text-left'> Utgivelsesmønster </p>
-                  <Table hideHeader removeWrapper
-                    className='table-fixed text-left mb-5'
-                    aria-labelledby='releaseTable'
-                  >
-                    <TableHeader>
-                      <TableColumn>Dag</TableColumn>
-                      <TableColumn>Antall</TableColumn>
-                    </TableHeader>
-                    <TableBody>
-                      <TableRow className='text-left'>
-                        <TableCell className='text-lg p-0'>Mandag</TableCell>
-                        <TableCell className='py-0 pr-0 w-full'>
-                          <Field
-                            name={'release_pattern[0]'}
-                            value={+values.release_pattern[0]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-
-                      <TableRow>
-                        <TableCell className='text-lg p-0'>Tirsdag</TableCell>
-                        <TableCell className='py-0 pr-0'>
-                          <Field
-                            name={'release_pattern[1]'}
-                            value={+values.release_pattern[1]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-
-                      <TableRow>
-                        <TableCell className='text-lg p-0'>Onsdag</TableCell>
-                        <TableCell className='py-0 pr-0'>
-                          <Field
-                            name={'release_pattern[2]'}
-                            value={+values.release_pattern[2]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-
-                      <TableRow>
-                        <TableCell className='text-lg p-0'>Torsdag</TableCell>
-                        <TableCell className='py-0 pr-0'>
-                          <Field
-                            name={'release_pattern[3]'}
-                            value={+values.release_pattern[3]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-
-                      <TableRow>
-                        <TableCell className='text-lg p-0'>Fredag</TableCell>
-                        <TableCell className='py-0 pr-0'>
-                          <Field
-                            name={'release_pattern[4]'}
-                            value={+values.release_pattern[4]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-
-                      <TableRow>
-                        <TableCell className='text-lg p-0'>Lørdag</TableCell>
-                        <TableCell className='py-0 pr-0'>
-                          <Field
-                            name={'release_pattern[5]'}
-                            value={+values.release_pattern[5]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-
-                      <TableRow>
-                        <TableCell className='text-lg p-0'>Søndag</TableCell>
-                        <TableCell className='py-0 pr-0'>
-                          <Field
-                            name={'release_pattern[6]'}
-                            value={+values.release_pattern[6]}
-                            component={NumberInputWithButtons}
-                            className='input-number-style'
-                            onChange={handleChange}
-                            validate={validateBetweenZeroAndFive}
-                            onBlur={handleBlur}
-                            minValue={0}
-                            maxValue={5}
-                          />
-                        </TableCell>
-                      </TableRow>
-                    </TableBody>
-                  </Table>
+                  <ReleasePatternForm
+                    releasePattern={values.release_pattern}
+                    handleChange={handleChange}
+                    handleBlur={handleBlur}
+                  />
                   {isSubmitting ? (
                     <Spinner className='self-center p-1' size='lg'/>
                   ) : (
@@ -270,86 +112,29 @@ const ContactAndReleaseInfo: FC<ContactAndReleaseInfoProps> = (props: ContactAnd
       ) : (
         <>
           {currentValue &&
-                  <div className='flex flex-col'>
-                    <h1 className="group-title-style self-start mb-2"> Kontaktinformasjon: </h1>
-
-                    {currentValue.vendor &&
-                          <div className="self-start flex flex-row">
-                            <p className="group-subtitle-style">Avleverer: </p>
-                            <p className="group-content-style ml-3">{currentValue.vendor}</p>
-                          </div>
-                    }
-
-                    {currentValue.contact_name &&
-                          <div className="self-start flex flex-row">
-                            <p className="group-subtitle-style">Kontaktperson: </p>
-                            <p className="group-content-style ml-3">{currentValue.contact_name}</p>
-                          </div>
-                    }
-
-                    {currentValue.contact_email &&
-                    <div className="self-start flex flex-row">
-                      <p className="group-subtitle-style">E-post: </p>
-                      <p className="group-content-style ml-3">{currentValue.contact_email}</p>
-                    </div>
-                    }
-
-                    {currentValue.contact_phone &&
-                    <div className="self-start flex flex-row">
-                      <p className="group-subtitle-style">Telefon: </p>
-                      <p className="group-content-style ml-3">{currentValue.contact_phone}</p>
-                    </div>
-                    }
-
-                    {currentValue.release_pattern &&
-                    <div className="self-start mt-12">
-                      <h2 className="group-title-style mb-2">Utgivelsesmønster:</h2>
-
-                      <table className="table-fixed">
-                        <tbody className="text-left">
-                          <tr>
-                            <td className="pr-3 font-bold">Mandag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[0]}</td>
-                          </tr>
-                          <tr>
-                            <td className="font-bold">Tirsdag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[1]}</td>
-                          </tr>
-                          <tr>
-                            <td className="font-bold">Onsdag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[2]}</td>
-                          </tr>
-                          <tr>
-                            <td className="font-bold">Torsdag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[3]}</td>
-                          </tr>
-                          <tr>
-                            <td className="font-bold">Fredag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[4]}</td>
-                          </tr>
-                          <tr>
-                            <td className="font-bold">Lørdag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[5]}</td>
-                          </tr>
-                          <tr>
-                            <td className="font-bold">Søndag:</td>
-                            <td className='group-content-style'>{currentValue.release_pattern[6]}</td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                    }
-
-                    <Button
-                      type="button"
-                      size="lg"
-                      className="edit-button-style mt-5"
-                      endContent={<FaEdit size={25}/>}
-                      onClick={() => setIsEditing(true)}
-                    >
-                      Rediger
-                    </Button>
-                  </div>
+              <div className='flex flex-col'>
+                <h1 className="group-title-style self-start mb-2"> Kontaktinformasjon: </h1>
+
+                <ContactInformation
+                  vendor={currentValue.vendor}
+                  contactName={currentValue.contact_name}
+                  contactEmail={currentValue.contact_email}
+                  contactPhone={currentValue.contact_phone}
+                />
+
+                {currentValue.release_pattern &&
+                    <ReleasePattern releasePattern={currentValue.release_pattern}/>
+                }
+                <Button
+                  type="button"
+                  size="lg"
+                  className="edit-button-style mt-5"
+                  endContent={<FaEdit size={25}/>}
+                  onClick={() => setIsEditing(true)}
+                >
+                  Rediger
+                </Button>
+              </div>
           }
         </>
       )}
diff --git a/src/components/ContactInformation.tsx b/src/components/ContactInformation.tsx
new file mode 100644
index 0000000..79f85f2
--- /dev/null
+++ b/src/components/ContactInformation.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+
+interface ContactInformationProps {
+  vendor?: string | null;
+  contactName?: string | null;
+  contactEmail?: string | null;
+  contactPhone?: string | null;
+}
+
+const ContactInformation = (props: ContactInformationProps) => {
+  return (
+    <>
+      {props.vendor &&
+        <div className="self-start flex flex-row">
+          <p className="group-subtitle-style">Avleverer: </p>
+          <p className="group-content-style ml-3">{props.vendor}</p>
+        </div>
+      }
+
+      {props.contactName &&
+        <div className="self-start flex flex-row">
+          <p className="group-subtitle-style">Kontaktperson: </p>
+          <p className="group-content-style ml-3">{props.contactName}</p>
+        </div>
+      }
+
+      {props.contactEmail &&
+        <div className="self-start flex flex-row">
+          <p className="group-subtitle-style">E-post: </p>
+          <p className="group-content-style ml-3">{props.contactEmail}</p>
+        </div>
+      }
+
+      {props.contactPhone &&
+        <div className="self-start flex flex-row">
+          <p className="group-subtitle-style">Telefon: </p>
+          <p className="group-content-style ml-3">{props.contactPhone}</p>
+        </div>
+      }
+    </>
+  );
+};
+
+export default ContactInformation;
\ No newline at end of file
diff --git a/src/components/ContactInformationForm.tsx b/src/components/ContactInformationForm.tsx
new file mode 100644
index 0000000..0569b67
--- /dev/null
+++ b/src/components/ContactInformationForm.tsx
@@ -0,0 +1,64 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import {ChangeEvent, FC} from 'react';
+import {Field} from 'formik';
+
+interface ContactInformationProps {
+  values: {
+    contact_email: string | null;
+    contact_name: string | null;
+    contact_phone: string | null;
+    vendor: string | null;
+  };
+  handleChange: (e: ChangeEvent) => void;
+  handleBlur: (e: FocusEvent) => void;
+  className?: string;
+}
+
+const ContactInformationForm: FC<ContactInformationProps> = ({values, handleChange, handleBlur, className}) => {
+  return (
+    <div className={className}>
+      <p className='group-title-style mb-2 text-left'>Kontaktinformasjon</p>
+      <label htmlFor='vendor' className='group-subtitle-style mb-1 self-start'> Avleverer </label>
+      <Field
+        type='text'
+        id='vendor'
+        className='input-text-style mb-3'
+        onChange={handleChange}
+        onBlur={handleBlur}
+        value={values.vendor ?? ''}
+      />
+
+      <label htmlFor='contact_name' className='group-subtitle-style mb-1 self-start'> Navn </label>
+      <Field
+        type='text'
+        id='contact_name'
+        className='input-text-style mb-3'
+        onChange={handleChange}
+        onBlur={handleBlur}
+        value={values.contact_name ?? ''}
+      />
+
+      <label htmlFor='contact_email' className='group-subtitle-style mb-1 self-start'> E-post </label>
+      <Field
+        type='text'
+        id='contact_email'
+        className='input-text-style mb-3'
+        onChange={handleChange}
+        onBlur={handleBlur}
+        value={values.contact_email ?? ''}
+      />
+
+      <label htmlFor='contact_phone' className='group-subtitle-style mb-1 self-start'> Telefon </label>
+      <Field
+        type='text'
+        id='contact_phone'
+        className='input-text-style'
+        onChange={handleChange}
+        onBlur={handleBlur}
+        value={values.contact_phone ?? ''}
+      />
+    </div>
+  );
+};
+
+export default ContactInformationForm;
\ No newline at end of file
diff --git a/src/components/NumberInput.tsx b/src/components/NumberInput.tsx
index fa65089..9f96587 100644
--- a/src/components/NumberInput.tsx
+++ b/src/components/NumberInput.tsx
@@ -46,8 +46,8 @@ const NumberInputWithButtons: FC<NumberInputWithButtonsProps> = ({
   };
 
   return (
-    <div>
-      <div className='flex flex-row'>
+    <div className='my-1.5'>
+      <div className='flex flex-row gap-1'>
         <button
           type='button'
           onClick={decreaseValue}
diff --git a/src/components/ReleasePattern.tsx b/src/components/ReleasePattern.tsx
new file mode 100644
index 0000000..60bc07a
--- /dev/null
+++ b/src/components/ReleasePattern.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+interface ReleasePatternProps {
+  releasePattern: number[];
+}
+
+const ReleasePattern = (props: ReleasePatternProps) => {
+
+  const daysOfWeek = ['Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag', 'Søndag'];
+
+  return (
+    <div className="self-start mt-12">
+      <h2 className="group-title-style mb-2">Utgivelsesmønster:</h2>
+      <table className="table-fixed">
+        <tbody className="text-left">
+          {daysOfWeek.map((day, index) => (
+            <tr key={index}>
+              <td className="pr-3 font-bold">{day}:</td>
+              <td className='group-content-style'>{props.releasePattern[index]}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default ReleasePattern;
\ No newline at end of file
diff --git a/src/components/ReleasePatternForm.tsx b/src/components/ReleasePatternForm.tsx
new file mode 100644
index 0000000..ca663b5
--- /dev/null
+++ b/src/components/ReleasePatternForm.tsx
@@ -0,0 +1,51 @@
+import {ChangeEvent, FC} from 'react';
+import {Field} from 'formik';
+import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from '@nextui-org/table';
+import NumberInputWithButtons from '@/components/NumberInput';
+import {validateBetweenZeroAndFive} from '@/utils/validationUtils';
+
+interface ReleasePatternProps {
+  releasePattern: number[];
+  handleChange: (e: ChangeEvent) => void;
+  handleBlur: (e: FocusEvent) => void;
+}
+
+const ReleasePatternForm: FC<ReleasePatternProps> = ({releasePattern, handleChange, handleBlur}) => {
+  const daysOfWeek = ['Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag', 'Søndag'];
+
+  return (
+    <Table
+      hideHeader
+      removeWrapper
+      className='table-fixed text-left mb-5'
+      aria-labelledby='releaseTable'
+    >
+      <TableHeader>
+        <TableColumn>Dag</TableColumn>
+        <TableColumn>Antall</TableColumn>
+      </TableHeader>
+      <TableBody>
+        {daysOfWeek.map((day, index) => (
+          <TableRow key={index} className='text-left '>
+            <TableCell className='text-lg p-0'>{day}</TableCell>
+            <TableCell className='m-2.5 py-0 pr-0 w-full'>
+              <Field
+                name={`release_pattern[${index}]`}
+                value={releasePattern[index]}
+                component={NumberInputWithButtons}
+                className='input-number-style'
+                onChange={handleChange}
+                validate={validateBetweenZeroAndFive}
+                onBlur={handleBlur}
+                minValue={0}
+                maxValue={5}
+              />
+            </TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+};
+
+export default ReleasePatternForm;
\ No newline at end of file