feat: YaruDateTimeEntry, YaruSegmentedEntry, YaruEdgeFocusInterceptor (…

…#824)
ubuntu · Jul 9, 2024 · c2abfd3 · c2abfd3
1 parent cdaec73
commit c2abfd3
Show file tree

Hide file tree

Showing 11 changed files with 2,449 additions and 0 deletions.
diff --git a/example/lib/example_page_items.dart b/example/lib/example_page_items.dart
@@ -11,6 +11,7 @@ import 'pages/checkbox_page.dart';
 import 'pages/choice_chip_bar_page.dart';
 import 'pages/clip_page.dart';
 import 'pages/color_disk_page.dart';
+import 'pages/date_time_entry_page.dart';
 import 'pages/dialog_page.dart';
 import 'pages/draggable_page.dart';
 import 'pages/expandable_page.dart';
@@ -130,6 +131,17 @@ final examplePageItems = <PageItem>[
     pageBuilder: (context) => const ColorDiskPage(),
     iconBuilder: (context, selected) => const Icon(YaruIcons.color_select),
   ),
+  PageItem(
+    title: 'YaruDateTimeEntry',
+    floatingActionButtonBuilder: (_) => const CodeSnippedButton(
+      snippetUrl:
+          'https://raw.githubusercontent.com/ubuntu/yaru_widgets.dart/main/example/lib/pages/date_time_entry_page.dart',
+    ),
+    pageBuilder: (context) => const DateTimePage(),
+    iconBuilder: (context, selected) => selected
+        ? const Icon(YaruIcons.calendar_month_filled)
+        : const Icon(YaruIcons.calendar_month),
+  ),
   PageItem(
     title: 'YaruDraggable',
     floatingActionButtonBuilder: (_) => const CodeSnippedButton(

diff --git a/example/lib/pages/date_time_entry_page.dart b/example/lib/pages/date_time_entry_page.dart
@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:yaru/yaru.dart';
+
+class DateTimePage extends StatefulWidget {
+  const DateTimePage({super.key});
+
+  @override
+  State<DateTimePage> createState() => _DateTimePageState();
+}
+
+class _DateTimePageState extends State<DateTimePage> {
+  final _dateController = YaruDateTimeEntryController.now();
+  final _dateTimeController = YaruDateTimeEntryController.now();
+  final _timeController = YaruTimeEntryController.now();
+
+  final _formKey = GlobalKey<FormState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: SizedBox(
+        width: 275,
+        child: Form(
+          key: _formKey,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              YaruDateTimeEntry(
+                controller: _dateController,
+                includeTime: false,
+                firstDateTime: DateTime(1900),
+                lastDateTime: DateTime(2050),
+                onChanged: (dateTime) {
+                  setState(() {
+                    _formKey.currentState?.validate();
+                  });
+                },
+              ),
+              Text(_dateController.dateTime.toString()),
+              YaruTimeEntry(
+                controller: _timeController,
+                onChanged: (time) {
+                  setState(() {
+                    _formKey.currentState?.validate();
+                  });
+                },
+              ),
+              Text(_timeController.timeOfDay.toString()),
+              YaruDateTimeEntry(
+                controller: _dateTimeController,
+                includeTime: true,
+                firstDateTime: DateTime(1900),
+                lastDateTime: DateTime(2050),
+                onChanged: (dateTime) {
+                  setState(() {
+                    _formKey.currentState?.validate();
+                  });
+                },
+              ),
+              Text(_dateTimeController.dateTime.toString()),
+            ].withSpacing(25),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+extension _ListSpacing on List<Widget> {
+  List<Widget> withSpacing(double spacing) {
+    return expand((item) sync* {
+      yield SizedBox(height: spacing);
+      yield item;
+    }).skip(1).toList();
+  }
+}
diff --git a/lib/foundation.dart b/lib/foundation.dart
@@ -1,4 +1,5 @@
 export 'src/foundation/yaru_border_radius.dart';
 export 'src/foundation/yaru_clip.dart';
+export 'src/foundation/yaru_entry_segment.dart';
 export 'src/foundation/yaru_page_controller.dart';
 export 'src/foundation/yaru_window.dart';