diff --git a/experimental/material_3_demo/lib/component_screen.dart b/experimental/material_3_demo/lib/component_screen.dart
index eb94f18c0..e868cd554 100644
--- a/experimental/material_3_demo/lib/component_screen.dart
+++ b/experimental/material_3_demo/lib/component_screen.dart
@@ -1464,6 +1464,14 @@ class _TimePickersState extends State<TimePickers> {
           final TimeOfDay? time = await showTimePicker(
             context: context,
             initialTime: selectedTime ?? TimeOfDay.now(),
+            builder: (context, child) {
+              return MediaQuery(
+                data: MediaQuery.of(context).copyWith(
+                  alwaysUse24HourFormat: true,
+                ),
+                child: child!,
+              );
+            },
           );
           setState(() {
             selectedTime = time;
diff --git a/material_3_demo/lib/component_screen.dart b/material_3_demo/lib/component_screen.dart
index eb94f18c0..e868cd554 100644
--- a/material_3_demo/lib/component_screen.dart
+++ b/material_3_demo/lib/component_screen.dart
@@ -1464,6 +1464,14 @@ class _TimePickersState extends State<TimePickers> {
           final TimeOfDay? time = await showTimePicker(
             context: context,
             initialTime: selectedTime ?? TimeOfDay.now(),
+            builder: (context, child) {
+              return MediaQuery(
+                data: MediaQuery.of(context).copyWith(
+                  alwaysUse24HourFormat: true,
+                ),
+                child: child!,
+              );
+            },
           );
           setState(() {
             selectedTime = time;