diff --git a/apps/admin-server/src/pages/projects/[project]/widgets/datecountdownbar/[id]/index.tsx b/apps/admin-server/src/pages/projects/[project]/widgets/datecountdownbar/[id]/index.tsx
index 638632bab..f6665d069 100644
--- a/apps/admin-server/src/pages/projects/[project]/widgets/datecountdownbar/[id]/index.tsx
+++ b/apps/admin-server/src/pages/projects/[project]/widgets/datecountdownbar/[id]/index.tsx
@@ -10,7 +10,7 @@ import {
 import { useRouter } from 'next/router';
 import { useWidgetConfig } from '@/hooks/use-widget-config';
 import { useWidgetPreview } from '@/hooks/useWidgetPreview';
-import { DateDropdownBarWidgetProps } from '@openstad/date-countdown-bar/src/date-countdown-bar';
+import { DateCountdownBarWidgetProps } from '@openstad/date-countdown-bar/src/date-countdown-bar';
 import WidgetPreview from '@/components/widget-preview';
 import WidgetPublish from '@/components/widget-publish';
 import { WithApiUrlProps, withApiUrl } from '@/lib/server-side-props-definition';
@@ -26,17 +26,17 @@ export default function WidgetDateCountdownBar({
 
   const { data: widget, updateConfig } = useWidgetConfig();
   const { previewConfig, updatePreview } =
-    useWidgetPreview<DateDropdownBarWidgetProps>({
+    useWidgetPreview<DateCountdownBarWidgetProps>({
       projectId,
       resourceId: '2',
     });
 
   const totalPropPackage = {
     ...widget?.config,
-    updateConfig: (config: DateDropdownBarWidgetProps) =>
+    updateConfig: (config: DateCountdownBarWidgetProps) =>
       updateConfig({ ...widget.config, ...config }),
 
-    onFieldChanged: (key: keyof DateDropdownBarWidgetProps, value: any) => {
+    onFieldChanged: (key: keyof DateCountdownBarWidgetProps, value: any) => {
       if (previewConfig) {
         updatePreview({
           ...previewConfig,
diff --git a/apps/api-server/package.json b/apps/api-server/package.json
index 596e5c942..7509645b8 100755
--- a/apps/api-server/package.json
+++ b/apps/api-server/package.json
@@ -58,6 +58,7 @@
     "@openstad-headless/comments": "file:../../packages/comments",
     "@openstad-headless/likes": "file:../../packages/likes",
     "@openstad-headless/resource-overview": "file:../../packages/resource-overview",
+    "@openstad-headless/date-countdown-bar": "file:../../packages/date-countdown-bar",
     "@openstad-headless/resource-detail": "file:../../packages/resource-detail"
   },
   "devDependencies": {
diff --git a/packages/date-countdown-bar/src/date-countdown-bar.tsx b/packages/date-countdown-bar/src/date-countdown-bar.tsx
index a199ffc5c..682772c25 100644
--- a/packages/date-countdown-bar/src/date-countdown-bar.tsx
+++ b/packages/date-countdown-bar/src/date-countdown-bar.tsx
@@ -6,17 +6,17 @@ import { differenceInDays, parse } from 'date-fns';
 import { zonedTimeToUtc } from 'date-fns-tz';
 import { Spacer, Card } from '@openstad-headless/ui/src';
 
-export type DateDropdownBarWidgetProps = {
+export type DateCountdownBarWidgetProps = {
   beforeText?: string;
   afterText?: string;
   date: string;
 };
 
-function DateDropdownBar({
+function DateCountdownBar({
   beforeText = '',
   date,
   afterText = '',
-}: DateDropdownBarWidgetProps) {
+}: DateCountdownBarWidgetProps) {
   const [daysLeft, setDaysLeft] = useState<number>(0);
   const urlParams = new URLSearchParams(window.location.search);
   const [dateParam] = useState<string>(urlParams.get('date') || date);
@@ -79,5 +79,5 @@ function DateDropdownBar({
   );
 }
 
-DateDropdownBar.loadWidget = loadWidget;
-export { DateDropdownBar };
+DateCountdownBar.loadWidget = loadWidget;
+export { DateCountdownBar };
diff --git a/packages/date-countdown-bar/src/main.tsx b/packages/date-countdown-bar/src/main.tsx
index 3c4ca2d26..2ceb1f80a 100644
--- a/packages/date-countdown-bar/src/main.tsx
+++ b/packages/date-countdown-bar/src/main.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { DateDropdownBarWidgetProps, DateDropdownBar } from './date-countdown-bar.js';
+import { DateCountdownBarWidgetProps, DateCountdownBar } from './date-countdown-bar.js';
 
-const config: DateDropdownBarWidgetProps = {
+const config: DateCountdownBarWidgetProps = {
   date: '27-01-2024',
   beforeText: 'Het is nog niet geweest',
   afterText:"Het is al geweest"
@@ -10,6 +10,6 @@ const config: DateDropdownBarWidgetProps = {
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <DateDropdownBar {...config} />
+    <DateCountdownBar {...config} />
   </React.StrictMode>
 );