Taha Tesser
5554b0eeb3
Fix M3 TimePicker dial background uses incorrect color (#131045)
fixes [Material3: TimePicker clock dial use wrong spec color and its web spec has a mistake](https://github.com/flutter/flutter/issues/118657)
### Description
This PR fixes the default color used for the Material 3 dial background.
### Code sample
<details>
<summary>expand to view the code sample</summary>
```dart
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
final ThemeData theme = ThemeData(useMaterial3: true);
return MaterialApp(
debugShowCheckedModeBanner: false,
// theme: theme,
theme: theme.copyWith(
colorScheme: theme.colorScheme.copyWith(
surfaceVariant: const Color(0xffffbf00),
),
),
home: const Example(),
);
}
}
class Example extends StatelessWidget {
const Example({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Sample'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
showTimePicker(
context: context,
initialTime: TimeOfDay.now(),
);
},
child: const Text('Open Time Picker'),
),
),
);
}
}
```
</details>
### Default dial background color
| Before | After |
| --------------- | --------------- |
| <img src="https://github.com/flutter/flutter/assets/48603081/59514586-60c6-489f-b024-f659a26fa1e7" /> | <img src="https://github.com/flutter/flutter/assets/48603081/75c3c360-df2b-47c8-8187-136ff6d963b6" /> |
### Custom color scheme
| Before | After |
| --------------- | --------------- |
| <img src="https://github.com/flutter/flutter/assets/48603081/666dd2fc-7ee2-4268-9af0-923019adfccd" /> | <img src="https://github.com/flutter/flutter/assets/48603081/f32dc39e-a43f-4a63-a6e4-9df479b723ed" /> |
2023-07-24 18:30:23 +00:00
..
2023-07-20 16:34:41 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-06 08:51:06 -07:00
2023-07-22 06:45:27 -07:00
2023-07-18 16:24:11 +00:00
2023-07-18 16:24:11 +00:00
2023-07-22 06:45:27 -07:00
2023-07-18 16:13:48 +00:00
2023-07-20 16:34:43 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-24 16:03:05 +00:00
2023-07-22 06:45:27 -07:00
2023-07-13 22:41:57 +00:00
2023-07-22 06:45:27 -07:00
2023-07-12 22:27:37 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-24 16:03:05 +00:00
2023-07-17 08:08:51 +00:00
2023-07-17 12:48:58 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-17 15:16:58 +00:00
2023-07-12 17:25:20 +00:00
2023-07-12 17:25:20 +00:00
2023-07-22 06:45:27 -07:00
2023-07-13 22:41:57 +00:00
2023-07-22 06:45:27 -07:00
2023-07-24 18:15:53 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-17 23:35:20 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-20 22:11:20 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-21 10:38:54 +00:00
2023-07-22 06:45:27 -07:00
2023-07-13 22:41:57 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-19 22:48:40 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-12 15:47:51 +00:00
2023-07-14 10:14:04 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-13 10:41:16 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 10:14:04 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-24 18:25:04 +00:00
2023-07-17 08:07:10 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-17 08:07:10 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-14 21:12:24 +00:00
2023-07-22 06:45:27 -07:00
2023-07-14 21:12:24 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-20 01:01:01 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-20 16:34:46 +00:00
2023-07-20 16:34:46 +00:00
2023-07-24 18:30:23 +00:00
2023-07-24 18:30:23 +00:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00
2023-07-22 06:45:27 -07:00