diff --git a/backend/samfundet/migrations/0001_initial.py b/backend/samfundet/migrations/0001_initial.py
index 0ea8f1fdf..5ecee6c5e 100644
--- a/backend/samfundet/migrations/0001_initial.py
+++ b/backend/samfundet/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.9 on 2025-08-09 16:11
+# Generated by Django 5.2.10 on 2026-01-20 20:45
 
 import datetime
 import django.contrib.auth.models
@@ -138,8 +138,6 @@ class Migration(migrations.Migration):
                 ('updated_at', models.DateTimeField(blank=True, editable=False, null=True)),
                 ('message_nb', models.TextField(blank=True, null=True, verbose_name='Melding (norsk)')),
                 ('message_en', models.TextField(blank=True, null=True, verbose_name='Melding (engelsk)')),
-                ('description_nb', models.TextField(blank=True, null=True, verbose_name='Beskrivelse (norsk)')),
-                ('description_en', models.TextField(blank=True, null=True, verbose_name='Beskrivelse (engelsk)')),
                 ('start_dt', models.DateField(blank=True, verbose_name='Start dato')),
                 ('end_dt', models.DateField(blank=True, verbose_name='Slutt dato')),
                 ('created_by', models.ForeignKey(blank=True, editable=False, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to=settings.AUTH_USER_MODEL)),
diff --git a/backend/samfundet/models/general.py b/backend/samfundet/models/general.py
index 84f9461ca..ab6b02ac6 100644
--- a/backend/samfundet/models/general.py
+++ b/backend/samfundet/models/general.py
@@ -258,9 +258,6 @@ class ClosedPeriod(CustomBaseModel):
     message_nb = models.TextField(blank=True, null=True, verbose_name='Melding (norsk)')
     message_en = models.TextField(blank=True, null=True, verbose_name='Melding (engelsk)')
 
-    description_nb = models.TextField(blank=True, null=True, verbose_name='Beskrivelse (norsk)')
-    description_en = models.TextField(blank=True, null=True, verbose_name='Beskrivelse (engelsk)')
-
     start_dt = models.DateField(blank=True, null=False, verbose_name='Start dato')
     end_dt = models.DateField(blank=True, null=False, verbose_name='Slutt dato')
 
diff --git a/frontend/src/Components/OpeningHours/OpeningHours.module.scss b/frontend/src/Components/OpeningHours/OpeningHours.module.scss
index 25bf61013..f0ad13a49 100644
--- a/frontend/src/Components/OpeningHours/OpeningHours.module.scss
+++ b/frontend/src/Components/OpeningHours/OpeningHours.module.scss
@@ -10,8 +10,8 @@
   align-items: center;
 
   @include theme-dark {
-    background-color: $black-2;
-    color: $white;
+    background-color: $theme-dark-bg;
+    color: $theme-dark-color;
   }
 }
 
@@ -26,3 +26,10 @@
   margin: 0 0.2em;
 }
 
+.closedBox {
+  border: 2px $red_samf solid;
+  border-radius: 10px;
+  padding: 20px;
+  margin-bottom: 2rem;
+  margin-top: 1rem;
+}
diff --git a/frontend/src/Components/OpeningHours/OpeningHours.tsx b/frontend/src/Components/OpeningHours/OpeningHours.tsx
index 6c4e9b57e..9bbec101a 100644
--- a/frontend/src/Components/OpeningHours/OpeningHours.tsx
+++ b/frontend/src/Components/OpeningHours/OpeningHours.tsx
@@ -1,9 +1,13 @@
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { TimeDuration } from '~/Components';
 import { Link } from '~/Components/Link/Link';
 import { Text } from '~/Components/Text/Text';
+import { getClosedPeriods } from '~/api';
+import { useGlobalContext } from '~/context/GlobalContextProvider';
 import type { VenueDto } from '~/dto';
 import { KEY } from '~/i18n/constants';
+import { dbT } from '~/utils';
 import styles from './OpeningHours.module.scss';
 
 type OpeningHoursProps = {
@@ -14,6 +18,29 @@ type OpeningHoursProps = {
 
 export function OpeningHours({ venues, isLoading, isError }: OpeningHoursProps) {
   const { t } = useTranslation();
+  const [isClosed, setIsClosed] = useState<boolean>(false);
+  const [closedText, setClosedText] = useState<string | undefined>('Samf is closed');
+  const globalContext = useGlobalContext();
+
+  useEffect(() => {
+    if (globalContext.isClosed !== 'default') {
+      if (globalContext.isClosed === 'closed') {
+        setIsClosed(true);
+        setClosedText(t(KEY.admin_closed_message));
+      }
+      return;
+    }
+    getClosedPeriods().then((periods) => {
+      const now = new Date();
+      for (const period of periods) {
+        if (new Date(period.start_dt) < now && now < new Date(period.end_dt)) {
+          setIsClosed(true);
+          setClosedText(dbT(period, 'message'));
+          return;
+        }
+      }
+    });
+  });
 
   if (isLoading) {
     return <Text>{t(KEY.common_loading)}</Text>;
@@ -25,34 +52,37 @@ export function OpeningHours({ venues, isLoading, isError }: OpeningHoursProps)
 
   const today = new Date().toISOString().split('T')[0];
   const day = new Date().toLocaleDateString('en-US', { weekday: 'long' }).toLowerCase();
-
   return (
     <div className={styles.container}>
       <Text size="l" as="strong">
         {t(KEY.common_opening_hours)}
       </Text>
-      <table className={styles.timeTable}>
-        {venues.map((venue) => {
-          const openingTime = venue[`opening_${day}` as keyof VenueDto] as string;
-          const closingTime = venue[`closing_${day}` as keyof VenueDto] as string;
-          return (
-            <tr key={venue.name} className={styles.openingRow}>
-              <td className={styles.tableCell}>
-                <Link url={`information/${venue.name}`}>
-                  <p className={styles.openingHoursText}>{venue.name}</p>
-                </Link>
-              </td>
-              <td className={styles.tableCell}>
-                <TimeDuration
-                  className={styles.openingHoursText}
-                  start={`${today}T${openingTime}`}
-                  end={`${today}T${closingTime}`}
-                />
-              </td>
-            </tr>
-          );
-        })}
-      </table>
+      {isClosed ? (
+        <div className={styles.closedBox}>{closedText}</div>
+      ) : (
+        <table className={styles.timeTable}>
+          {venues.map((venue) => {
+            const openingTime = venue[`opening_${day}` as keyof VenueDto] as string;
+            const closingTime = venue[`closing_${day}` as keyof VenueDto] as string;
+            return (
+              <tr key={venue.name} className={styles.openingRow}>
+                <td className={styles.tableCell}>
+                  <Link url={`information/${venue.name}`}>
+                    <p className={styles.openingHoursText}>{venue.name}</p>
+                  </Link>
+                </td>
+                <td className={styles.tableCell}>
+                  <TimeDuration
+                    className={styles.openingHoursText}
+                    start={`${today}T${openingTime}`}
+                    end={`${today}T${closingTime}`}
+                  />
+                </td>
+              </tr>
+            );
+          })}
+        </table>
+      )}
     </div>
   );
 }
diff --git a/frontend/src/Components/OpeningHours/index.ts b/frontend/src/Components/OpeningHours/index.ts
index beb1448d2..37a62d505 100644
--- a/frontend/src/Components/OpeningHours/index.ts
+++ b/frontend/src/Components/OpeningHours/index.ts
@@ -1 +1,2 @@
 export { OpeningHours } from './OpeningHours';
+export { OpeningHoursContainer } from './OpeningHoursContainer';
diff --git a/frontend/src/Components/Page/Page.module.scss b/frontend/src/Components/Page/Page.module.scss
index b388b279c..932619c89 100644
--- a/frontend/src/Components/Page/Page.module.scss
+++ b/frontend/src/Components/Page/Page.module.scss
@@ -14,8 +14,6 @@ $side-padding: 1em;
 
   // Limit max content size for large screens.
   max-width: $content-max-size;
-
-  // Center all content.
   margin: auto;
 
   @include for-mobile-only {
diff --git a/frontend/src/Components/index.ts b/frontend/src/Components/index.ts
index 1ffd6c92e..8fef60473 100644
--- a/frontend/src/Components/index.ts
+++ b/frontend/src/Components/index.ts
@@ -51,7 +51,7 @@ export { Navbar } from './Navbar';
 export { NotificationBadge } from './NotificationBadge';
 export { NumberInput } from './NumberInput';
 export { OccupiedForm, OccupiedFormModal } from './OccupiedForm';
-export { OpeningHours } from './OpeningHours';
+export { OpeningHours, OpeningHoursContainer } from './OpeningHours';
 export { Page } from './Page';
 export { PagedPagination } from './Pagination';
 export { PermissionRoute } from './PermissionRoute';
diff --git a/frontend/src/Pages/HomePage/HomePage.tsx b/frontend/src/Pages/HomePage/HomePage.tsx
index 7e14ecc40..74d88c513 100644
--- a/frontend/src/Pages/HomePage/HomePage.tsx
+++ b/frontend/src/Pages/HomePage/HomePage.tsx
@@ -1,6 +1,7 @@
 import { type ReactNode, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
+import { OpeningHoursContainer } from '~/Components';
 import { EventCarousel, LargeCard } from '~/Pages/HomePage/components';
 import { getHomeData } from '~/api';
 import type { HomePageDto, HomePageElementDto } from '~/dto';
@@ -50,6 +51,7 @@ export function HomePage() {
   return (
     <>
       <Splash events={homePage?.splash} showInfo={true} />
+      <OpeningHoursContainer />
       <div className={styles.content}>
         {/*<SplashHeaderBox />*/}
         {isLoading && skeleton}
diff --git a/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss b/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss
index 92b3009ab..eb91dd4b8 100644
--- a/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss
+++ b/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss
@@ -36,6 +36,7 @@ $header-bg-dark: #111111;
   flex-direction: row;
   padding-bottom: 1.5em;
   gap: 1em;
+  align-items: center;
 }
 
 .spinner_container {
diff --git a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss
index 2a8635da1..0132b5b57 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss
+++ b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss
@@ -1,3 +1,20 @@
 @use 'src/mixins' as *;
 
 @use 'src/constants' as *;
+
+.admin_closed_override_container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+
+.admin_closed_radio {
+  margin-top: 10px;
+}
+
+.edit_buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
diff --git a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx
index 9c20e233b..8020bf956 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx
+++ b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx
@@ -2,8 +2,10 @@ import { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
 import { Button, TimeDisplay } from '~/Components';
+import { Dropdown } from '~/Components';
 import { Table } from '~/Components/Table';
 import { deleteClosedPeriod, getClosedPeriods } from '~/api';
+import { useGlobalContext } from '~/context/GlobalContextProvider';
 import type { ClosedPeriodDto } from '~/dto';
 import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
@@ -16,6 +18,7 @@ export function ClosedPeriodAdminPage() {
   const [closedPeriods, setClosedPeriods] = useState<ClosedPeriodDto[]>([]);
   const [showSpinner, setShowSpinner] = useState<boolean>(true);
   const { t } = useTranslation();
+  const globalContext = useGlobalContext();
   useTitle(t(KEY.command_menu_shortcut_closed));
 
   const getAllClosedPeriods = useCallback(() => {
@@ -51,9 +54,30 @@ export function ClosedPeriodAdminPage() {
   }
 
   const header = (
-    <Button theme="success" rounded={true} link={ROUTES.frontend.admin_closed_create}>
-      {t(KEY.admin_closed_period_new_period)}
-    </Button>
+    <>
+      <Button theme="success" rounded link={ROUTES.frontend.admin_closed_create}>
+        {t(KEY.admin_closed_period_new_period)}
+      </Button>
+      <span style={{ marginRight: 10 }}>{t(KEY.admin_closed_period_closing_status)}</span>
+      <Dropdown
+        options={[
+          {
+            label: 'default',
+            value: 'default',
+          },
+          {
+            label: 'open',
+            value: 'open',
+          },
+          {
+            label: 'closed',
+            value: 'closed',
+          },
+        ]}
+        value={globalContext.isClosed}
+        onChange={(value) => globalContext.setIsClosed(value)}
+      />
+    </>
   );
   const backendUrl = ROUTES.backend.admin__samfundet_closedperiod_changelist;
 
@@ -67,21 +91,21 @@ export function ClosedPeriodAdminPage() {
       <div className={styles.tableContainer}>
         <Table
           columns={[
-            t(KEY.common_message) ?? '',
-            `Event ${t(KEY.common_message)}`,
+            `${t(KEY.common_message)} ${t(KEY.common_norwegian)}`,
+            `${t(KEY.common_message)} ${t(KEY.common_english)}`,
             t(KEY.start_time) ?? '',
             t(KEY.end_time) ?? '',
-            '',
+            t(KEY.common_edit) ?? '',
           ]}
           data={closedPeriods.map((element) => ({
             cells: [
-              element.message_no,
-              element.description_no,
+              element.message_nb,
+              element.message_en,
               { content: <TimeDisplay displayType="date" timestamp={element.start_dt} /> },
               { content: <TimeDisplay displayType="date" timestamp={element.end_dt} /> },
               {
                 content: (
-                  <div>
+                  <div className={styles.edit_buttons}>
                     <Button
                       theme="blue"
                       display="block"
@@ -98,7 +122,8 @@ export function ClosedPeriodAdminPage() {
                       display="block"
                       className={styles.smallButtons}
                       onClick={() => {
-                        if (window.confirm(`${t(KEY.form_confirm)} ${t(KEY.common_delete)} ${element.message_no}`)) {
+                        // :TODO: window.comfirm should be replaced with a non-browser implementation (not built-in popup)
+                        if (window.confirm(`${t(KEY.form_confirm)} ${t(KEY.common_delete)} ${element.message_nb}`)) {
                           deleteSelectedEvent(element.id);
                         }
                       }}
diff --git a/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx b/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx
index caaf9f9e2..118b27b22 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx
+++ b/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx
@@ -1,108 +1,124 @@
-import type { AxiosError } from 'axios';
-import { useEffect, useState } from 'react';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router';
 import { toast } from 'react-toastify';
-import { SamfForm } from '~/Forms/SamfForm';
+import { type FormType, SamfForm } from '~/Forms/SamfForm';
 import { SamfFormField } from '~/Forms/SamfFormField';
-import { getClosedPeriod } from '~/api';
+import { getClosedPeriod, postClosedPeriod, putClosedPeriod } from '~/api';
 import { useCustomNavigate, useTitle } from '~/hooks';
-import { STATUS } from '~/http_status_codes';
 import { KEY } from '~/i18n/constants';
+import { reverse } from '~/named-urls';
 import { ROUTES } from '~/routes';
 import { AdminPageLayout } from '../AdminPageLayout/AdminPageLayout';
 import styles from './ClosedPeriodFormAdminPage.module.scss';
 
 type formType = {
-  message_no: string;
+  message_nb: string;
   message_en: string;
-  description_no: string;
-  description_en: string;
-  start_dt: Date;
-  end_dt: Date;
+  start_dt: string;
+  end_dt: string;
 };
 
 export function ClosedPeriodFormAdminPage() {
   const navigate = useCustomNavigate();
   const { t } = useTranslation();
+  const { id } = useParams();
 
-  const [showSpinner, setShowSpinner] = useState<boolean>(true);
-  // const [closedPeriod, setClosedPeriod] = useState<ClosedPeriodDto | undefined>(undefined); For posting
-  const [initialData, setInitialData] = useState<formType | undefined>(undefined);
+  const min_length_message = 10;
 
-  // If form has a id, check if it exists, and then load that item.
-  const { id } = useParams();
+  const {
+    data: initialData,
+    isLoading,
+    isError,
+    error,
+  } = useQuery({
+    queryKey: ['closed-period', id],
+    queryFn: () => getClosedPeriod(id as string),
+    enabled: !!id,
+    select: (data) => ({
+      message_nb: data.message_nb,
+      message_en: data.message_en,
+      start_dt: data.start_dt,
+      end_dt: data.end_dt,
+    }),
+  });
 
-  // Stuff to do on first render.
-  // TODO add permissions on render
-  // biome-ignore lint/correctness/useExhaustiveDependencies: t and navigate do not need to be in deplist
   useEffect(() => {
-    // TODO add fix on no id on editpage
-    if (id === undefined) {
-      setShowSpinner(false);
-      return;
+    if (isError) {
+      navigate({ url: ROUTES.frontend.admin_closed, replace: true });
+      toast.error(t(KEY.common_something_went_wrong));
     }
+  }, [isError, t, navigate]);
+
+  const updateMutation = useMutation({
+    mutationFn: (data: FormType) => putClosedPeriod(id as string, data),
+    onSuccess: () => {
+      toast.success(t(KEY.common_update_successful));
+      navigate({ url: reverse({ pattern: ROUTES.frontend.admin_closed }) });
+    },
+    onError: () => {
+      toast.error(t(KEY.common_something_went_wrong));
+    },
+  });
 
-    getClosedPeriod(id)
-      .then((data) => {
-        // setClosedPeriod(data); For posting
-        setInitialData({
-          message_no: data.message_no,
-          message_en: data.message_en,
-          description_no: data.description_no,
-          description_en: data.description_en,
-          start_dt: new Date(data.start_dt),
-          end_dt: new Date(data.end_dt),
-        });
-        setShowSpinner(false);
-      })
-      .catch((data: AxiosError) => {
-        // TODO add error pop up message?
-        if (data.request.status === STATUS.HTTP_404_NOT_FOUND) {
-          navigate({ url: ROUTES.frontend.admin_closed, replace: true });
-        }
-        toast.error(t(KEY.common_something_went_wrong));
-        console.error(data);
-      });
-  }, [id]);
+  const createMutation = useMutation({
+    mutationFn: (data: formType) => postClosedPeriod(data),
+    onSuccess: () => {
+      toast.success(t(KEY.common_creation_successful));
+      navigate({ url: reverse({ pattern: ROUTES.frontend.admin_closed }) });
+    },
+    onError: () => {
+      toast.error(t(KEY.common_something_went_wrong));
+    },
+  });
 
   function handleOnSubmit(data: formType) {
-    if (id !== undefined) {
-      // TODO patch data
+    if (id) {
+      updateMutation.mutate(data);
     } else {
-      // TODO post data
+      createMutation.mutate(data);
     }
-    alert('TODO Submit');
-    console.log(JSON.stringify(data));
   }
 
   const labelMessage = `${t(KEY.common_message)} under '${t(KEY.common_opening_hours)}'`;
-  const labelDescription = `${t(KEY.common_description)} under '${t(KEY.common_whatsup)}'`;
   const title = id ? t(KEY.admin_closed_period_edit_period) : t(KEY.admin_closed_period_new_period);
   useTitle(title);
 
   return (
-    <AdminPageLayout title={title} loading={showSpinner} header={true}>
-      <SamfForm onSubmit={handleOnSubmit} initialData={initialData}>
-        <div className={styles.row}>
-          <SamfFormField field="message_no" type="text_long" label={`${labelMessage} (${t(KEY.common_norwegian)})`} />
-          <SamfFormField field="message_en" type="text_long" label={`${labelMessage} (${t(KEY.common_english)})`} />
-        </div>
+    <AdminPageLayout title={title} loading={isLoading} header={true}>
+      <SamfForm<formType> onSubmit={handleOnSubmit} initialData={initialData}>
         <div className={styles.row}>
           <SamfFormField
-            field="description_no"
+            validator={(state: formType) => state.message_nb.length > min_length_message}
+            field="message_nb"
+            required={true}
             type="text_long"
-            label={`${labelDescription} (${t(KEY.common_norwegian)})`}
+            label={`${labelMessage} (${t(KEY.common_norwegian)})`}
           />
           <SamfFormField
-            field="description_en"
+            validator={(state: formType) => state.message_en.length > min_length_message}
+            field="message_en"
+            required={true}
             type="text_long"
-            label={`${labelDescription} (${t(KEY.common_english)})`}
+            label={`${labelMessage} (${t(KEY.common_english)})`}
           />
         </div>
         <div className={styles.row}>
-          <SamfFormField field="start_dt" type="date" label={`${t(KEY.start_time)}`} />
-          <SamfFormField field="end_dt" type="date" label={`${t(KEY.end_time)}`} />
+          <SamfFormField
+            validator={(state: formType) => (state.end_dt ? new Date(state.start_dt) <= new Date(state.end_dt) : true)}
+            field="start_dt"
+            type="date"
+            label={`${t(KEY.start_time)}`}
+          />
+          <SamfFormField
+            validator={(state: formType) =>
+              state.start_dt ? new Date(state.start_dt) <= new Date(state.end_dt) : true
+            }
+            field="end_dt"
+            type="date"
+            label={`${t(KEY.end_time)}`}
+          />
         </div>
       </SamfForm>
     </AdminPageLayout>
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index cf4793f97..003f3b001 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -550,7 +550,7 @@ export async function putClosedPeriod(id: string | number, data: Partial<ClosedP
   return response;
 }
 
-export async function postClosedPeriod(data: ClosedPeriodDto): Promise<ClosedPeriodDto> {
+export async function postClosedPeriod(data: Partial<ClosedPeriodDto>): Promise<ClosedPeriodDto> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__closedperiods_list;
   const response = await axios.post<ClosedPeriodDto>(url, data, { withCredentials: true });
   return response.data;
diff --git a/frontend/src/context/GlobalContextProvider.tsx b/frontend/src/context/GlobalContextProvider.tsx
index cd52db431..51bfdb5ee 100644
--- a/frontend/src/context/GlobalContextProvider.tsx
+++ b/frontend/src/context/GlobalContextProvider.tsx
@@ -30,6 +30,10 @@ type GlobalContextProps = {
   setIsMobileNavigation: SetState<boolean>;
 
   keyValues: KeyValueMap;
+
+  // AdminToggels
+  isClosed: string;
+  setIsClosed: React.Dispatch<React.SetStateAction<string>>;
 };
 
 /**
@@ -76,6 +80,8 @@ export function GlobalContextProvider({ children, enabled = true }: GlobalContex
   const [mirrorDimension, setMirrorDimension] = useState<boolean>(false);
   const { isMouseTrail, setIsMouseTrail, toggleMouseTrail } = useMouseTrail();
 
+  const [isClosed, setIsClosed] = useState<string>('default');
+
   // =================================== //
   //               Effects               //
   // =================================== //
@@ -158,6 +164,8 @@ export function GlobalContextProvider({ children, enabled = true }: GlobalContex
     toggleMouseTrail,
     toggleMirrorDimension,
     keyValues,
+    isClosed,
+    setIsClosed,
   };
 
   return <GlobalContext.Provider value={globalContextValues}>{children}</GlobalContext.Provider>;
diff --git a/frontend/src/dto.ts b/frontend/src/dto.ts
index 4ecd509da..6b692d9a2 100644
--- a/frontend/src/dto.ts
+++ b/frontend/src/dto.ts
@@ -357,12 +357,10 @@ export type GangSectionDto = {
 
 export type ClosedPeriodDto = {
   id: number;
-  message_no: string;
-  description_no: string;
+  message_nb: string;
   message_en: string;
-  description_en: string;
-  start_dt: Date;
-  end_dt: Date;
+  start_dt: string;
+  end_dt: string;
 };
 
 export type TagDto = {
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 0f55ba6e0..729b1fa17 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -556,12 +556,14 @@ export const KEY = {
   adminpage_gangs_create: 'adminpage_gangs_create',
   admin_opening_hours_hint: 'admin_opening_hours_hint',
   admin_closed_period_title: 'admin_closed_period_title',
+  admin_closed_message: 'admin_closed_message',
   admin_saksdokumenter_title: 'admin_saksdokumenter_title',
   admin_sultenmenu_title: 'admin_sultenmenu_title',
   admin_gangsadminpage_webpage: 'admin_gangsadminpage_webpage',
   admin_events_recently_edited: 'admin_events_recently_edited',
   admin_events_administrate: 'admin_events_administrate',
   admin_closed_period_new_period: 'admin_closed_period_new_period',
+  admin_closed_period_closing_status: 'admin_closed_period_closing_status',
   admin_information_manage_title: 'admin_information_manage_title',
   admin_closed_period_edit_period: 'admin_closed_period_edit_period',
   admin_information_confirm_delete: 'admin_information_confirm_delete',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index b74d9ae15..c8aa1aaae 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -482,6 +482,7 @@ export const nb = prepareTranslations({
   [KEY.admin_steal_identity]: 'Stjel identitet',
   [KEY.admin_opening_hours_hint]: 'Endringer lagres automatisk!',
   [KEY.admin_closed_period_title]: 'Planlagte perioder Samfundet skal holde stengt',
+  [KEY.admin_closed_message]: 'Samfundet er stengt',
   [KEY.admin_saksdokumenter_title]: 'Administrer saksdokumenter',
   [KEY.admin_sultenmenu_title]: 'Administrer Lyche meny',
   [KEY.admin_users_last_active]: 'Sist aktiv',
@@ -490,6 +491,7 @@ export const nb = prepareTranslations({
   [KEY.admin_gangsadminpage_webpage]: 'Nettside',
   [KEY.admin_information_manage_title]: 'Administrer sider',
   [KEY.admin_closed_period_new_period]: 'Legg til ny periode',
+  [KEY.admin_closed_period_closing_status]: 'Stenging status',
   [KEY.admin_closed_period_edit_period]: 'Endre periode',
   [KEY.admin_information_confirm_delete]: 'Er du sikker du vil slette denne informasjonssiden?',
   [KEY.admin_information_confirm_cancel]: 'Er du sikker på at du vil gå tilbake uten å lagre?',
@@ -1210,7 +1212,9 @@ export const en = prepareTranslations({
   [KEY.admin_events_recently_edited]: 'Recently edited',
   [KEY.admin_events_administrate]: 'Administrate events',
   [KEY.admin_information_manage_title]: 'Administrate pages',
+  [KEY.admin_closed_message]: 'Samfundet is closed',
   [KEY.admin_closed_period_new_period]: 'Add new closed period',
+  [KEY.admin_closed_period_closing_status]: 'Closing status',
   [KEY.admin_closed_period_edit_period]: 'Edit closed period',
   [KEY.admin_information_confirm_delete]: 'Are you sure to delete this informationpage?',
   [KEY.admin_information_confirm_cancel]: 'Are you sure you want to exit without saving?',