import 'package:flutter_localizations/flutter_localizations.dart';
// import 'package:flutter/material.dart'; // WORKS
import 'package:material_ui/material_ui.dart'; // DOES NOT WORK

void main() {
  runApp(const DemoApp());
}

class DemoApp extends StatelessWidget {
  const DemoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      locale: const Locale('es'), // Spanish
      supportedLocales: const <Locale>[Locale('en'), Locale('es')],
      localizationsDelegates: const <LocalizationsDelegate<dynamic>>[
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      home: const HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('material_ui Localization Demo')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            showTimePicker(context: context, initialTime: TimeOfDay.now());
          },
          child: const Text('Show Time Picker'),
        ),
      ),
    );
  }
}