diff --git a/src/components/widgets/datetime/datetime.jsx b/src/components/widgets/datetime/datetime.jsx
index a7aec5dab..0a6ac87d6 100644
--- a/src/components/widgets/datetime/datetime.jsx
+++ b/src/components/widgets/datetime/datetime.jsx
@@ -33,7 +33,10 @@ export default function DateTime({ options }) {
   return (
     <Container options={options} additionalClassNames="information-widget-datetime">
       <Raw>
-        <div className="flex flex-row items-center grow justify-end">
+        <div
+          onClick={() => (options.href ? window.location.assign(options.href) : [])}
+          className="flex flex-row items-center grow justify-end"
+        >
           <span className={`text-theme-800 dark:text-theme-200 tabular-nums ${textSizes[textSize || "lg"]}`}>
             {date}
           </span>
diff --git a/src/components/widgets/widget/container.jsx b/src/components/widgets/widget/container.jsx
index c9240dd3b..c8241d8f4 100644
--- a/src/components/widgets/widget/container.jsx
+++ b/src/components/widgets/widget/container.jsx
@@ -57,7 +57,10 @@ export function getBottomBlock(children) {
 
 export default function Container({ children = [], options, additionalClassNames = "" }) {
   return (
-    <div className={getAllClasses(options, `${additionalClassNames} widget-container`)}>
+    <div
+      onClick={() => (options.href ? window.location.assign(options.href) : [])}
+      className={getAllClasses(options, `${additionalClassNames} widget-container`)}
+    >
       {getInnerBlock(children)}
       {getBottomBlock(children)}
     </div>