diff --git a/lib/java/com/google/android/material/datepicker/MaterialDatePicker.java b/lib/java/com/google/android/material/datepicker/MaterialDatePicker.java
index 366ebdd8ee2..a8ce76e969a 100644
--- a/lib/java/com/google/android/material/datepicker/MaterialDatePicker.java
+++ b/lib/java/com/google/android/material/datepicker/MaterialDatePicker.java
@@ -230,17 +230,26 @@ public final Dialog onCreateDialog(@Nullable Bundle bundle) {
     Dialog dialog = new Dialog(requireContext(), getThemeResId(requireContext()));
     Context context = dialog.getContext();
     fullscreen = isFullscreen(context);
-    int surfaceColor =
-        MaterialAttributes.resolveOrThrow(
-            context, R.attr.colorSurface, MaterialDatePicker.class.getCanonicalName());
     background =
         new MaterialShapeDrawable(
             context,
             null,
             R.attr.materialCalendarStyle,
             R.style.Widget_MaterialComponents_MaterialCalendar);
+
+    TypedArray a =
+        context.obtainStyledAttributes(
+            null,
+            R.styleable.MaterialCalendar,
+            R.attr.materialCalendarStyle,
+            R.style.Widget_MaterialComponents_MaterialCalendar);
+
+    int backgroundColor = a.getColor(R.styleable.MaterialCalendar_backgroundTint, 0);
+
+    a.recycle();
+
     background.initializeElevationOverlay(context);
-    background.setFillColor(ColorStateList.valueOf(surfaceColor));
+    background.setFillColor(ColorStateList.valueOf(backgroundColor));
     background.setElevation(ViewCompat.getElevation(dialog.getWindow().getDecorView()));
     return dialog;
   }
diff --git a/lib/java/com/google/android/material/datepicker/res/values/attrs.xml b/lib/java/com/google/android/material/datepicker/res/values/attrs.xml
index 4920374be8c..34b22b32af3 100644
--- a/lib/java/com/google/android/material/datepicker/res/values/attrs.xml
+++ b/lib/java/com/google/android/material/datepicker/res/values/attrs.xml
@@ -39,6 +39,7 @@
 
   <declare-styleable name="MaterialCalendar">
     <attr name="android:windowFullscreen"/>
+    <attr name="backgroundTint"/>
     <attr name="dayStyle" format="reference"/>
     <attr name="dayInvalidStyle" format="reference"/>
     <attr name="daySelectedStyle" format="reference"/>
diff --git a/lib/java/com/google/android/material/datepicker/res/values/styles.xml b/lib/java/com/google/android/material/datepicker/res/values/styles.xml
index b55611b36c9..612772ea1b3 100644
--- a/lib/java/com/google/android/material/datepicker/res/values/styles.xml
+++ b/lib/java/com/google/android/material/datepicker/res/values/styles.xml
@@ -31,6 +31,7 @@
 
   <style name="Widget.MaterialComponents.MaterialCalendar" parent="android:Widget">
     <item name="android:windowFullscreen">false</item>
+    <item name="backgroundTint">?attr/colorSurface</item>
     <item name="shapeAppearance">?attr/shapeAppearanceMediumComponent</item>
     <item name="dayStyle">@style/Widget.MaterialComponents.MaterialCalendar.Day</item>
     <item name="dayInvalidStyle">@style/Widget.MaterialComponents.MaterialCalendar.Day.Invalid</item>
@@ -204,6 +205,7 @@
   <!-- M3 Date Picker styles -->
   <style name="Widget.Material3.MaterialCalendar" parent="Widget.MaterialComponents.MaterialCalendar">
     <item name="android:windowFullscreen">false</item>
+    <item name="backgroundTint">@macro/m3_comp_date_picker_modal_container_color</item>
     <item name="dayStyle">@style/Widget.Material3.MaterialCalendar.Day</item>
     <item name="dayInvalidStyle">@style/Widget.Material3.MaterialCalendar.Day.Invalid</item>
     <item name="daySelectedStyle">@style/Widget.Material3.MaterialCalendar.Day.Selected</item>
diff --git a/lib/java/com/google/android/material/datepicker/res/values/tokens.xml b/lib/java/com/google/android/material/datepicker/res/values/tokens.xml
index 9a960814eef..7134ac8ad6c 100644
--- a/lib/java/com/google/android/material/datepicker/res/values/tokens.xml
+++ b/lib/java/com/google/android/material/datepicker/res/values/tokens.xml
@@ -21,6 +21,7 @@
 
   <!-- Generated from token set (md.comp.date-picker.modal) in context (platform=android, audience=3p). -->
   <!-- Enabled - Container -->
+  <macro name="m3_comp_date_picker_modal_container_color">?attr/colorSurface</macro>
   <macro name="m3_comp_date_picker_modal_container_shape">?attr/shapeAppearanceCornerExtraLarge</macro>
   <style name="ShapeAppearance.M3.Comp.DatePicker.Modal.Date.Container.Shape" parent="ShapeAppearance.M3.Sys.Shape.Corner.Full"/>
   <macro name="m3_comp_date_picker_modal_date_today_container_outline_color">?attr/colorPrimary</macro>