Update time picker to use 24-hour format (#1821)

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;

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;