diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
index 9839c98a22..76a4ee9c98 100644
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
@@ -1,4 +1,5 @@
 @use '../../../styles/mat-selectors' as ms;
+@use '../../../styles/mat-datetimepicker' as dateTimePickerOverrides;
 
 .adf-card-view-dateitem {
     display: flow-root;
@@ -66,3 +67,12 @@
         cursor: pointer;
     }
 }
+
+@include dateTimePickerOverrides.override-mat-date-timepicker(
+    var(--mat-sys-primary),
+    var(--mat-sys-on-primary),
+    var(--mat-sys-background),
+    var(--mat-sys-on-surface),
+    var(--mat-sys-surface-container-highest),
+    var(--mat-sys-on-surface-variant)
+);
diff --git a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss
index 54c0202234..9a28b962c7 100644
--- a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss
+++ b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss
@@ -1,5 +1,6 @@
 /* stylelint-disable selector-class-pattern */
 @use '../../../../styles/mat-selectors' as ms;
+@use '../../../../styles/mat-datetimepicker' as dateTimePickerOverrides;
 
 .adf {
     &-date-time-widget {
@@ -30,3 +31,12 @@
 #{ms.$mat-datetimepicker-toggle} {
     color: var(--adf-theme-foreground-icon-color);
 }
+
+@include dateTimePickerOverrides.override-mat-date-timepicker(
+    var(--mat-sys-primary),
+    var(--mat-sys-on-primary),
+    var(--mat-sys-background),
+    var(--mat-sys-on-surface),
+    var(--mat-sys-surface-container-highest),
+    var(--mat-sys-on-surface-variant)
+);