implementing sbb input trigger

example/lib/native_app.dart

@@ -1,5 +1,6 @@
 import 'package:animations/animations.dart';
 import 'package:design_system_flutter/design_system_flutter.dart';
+import 'pages/input_trigger_page.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -176,6 +177,10 @@ class MyApp extends StatelessWidget {
                             _DemoEntry(
                               'Status',
                               StatusPage(),
+                            ),
+                            _DemoEntry(
+                              'Input Trigger',
+                              InputTriggerPage(),
                               isLastElement: true,
                             ),
                           ],

example/lib/pages/input_trigger_page.dart

@@ -0,0 +1,157 @@
+import 'package:design_system_flutter/design_system_flutter.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+import '../native_app.dart';
+
+class InputTriggerPage extends StatefulWidget {
+  @override
+  State<InputTriggerPage> createState() => _PickerPageState();
+}
+
+class _PickerPageState extends State<InputTriggerPage> {
+  DateTime? selectedDate;
+
+  @override
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      padding: const EdgeInsets.symmetric(
+        vertical: sbbDefaultSpacing,
+        horizontal: sbbDefaultSpacing * 0.5,
+      ),
+      child: Column(
+        children: <Widget>[
+          ThemeModeSegmentedButton(),
+          const SizedBox(
+            height: sbbDefaultSpacing,
+          ),
+          SBBGroup(
+            child: Column(
+              children: [
+                SBBInputTrigger(
+                  maxLines: 1,
+                  value: inputValue,
+                  labelText: labelValue,
+                  hintText: hintValue,
+                  errorText: errorValue,
+                  onPressed: () {
+                    showSBBModalSheet(
+                      context: context,
+                      title: 'Date',
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          SBBDatePicker(onDateChanged: (DateTime date) {
+                            setState(() {
+                              selectedDate = date;
+                              valueController.text = date.toIso8601String();
+                            });
+                          }),
+                        ],
+                      ),
+                    );
+                  },
+                  prefixIcon: showPrefixIcon ? SBBIcons.dog_small : null,
+                  suffixIcon: showSuffixIcon
+                      ? SBBIcons.circle_information_small_small
+                      : null,
+                  onSuffixPressed: () {},
+                  enabled: enabled,
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(
+            height: sbbDefaultSpacing,
+          ),
+          SBBGroup(
+            child: Column(
+              children: [
+                SBBTextField(
+                  controller: labelController,
+                  labelText: 'Label',
+                ),
+                SBBTextField(
+                  controller: hintController,
+                  labelText: 'Hint',
+                ),
+                SBBTextField(
+                  controller: valueController,
+                  labelText: 'Value',
+                ),
+                SBBTextField(
+                  controller: errorController,
+                  labelText: 'Error',
+                ),
+                SBBSwitchListItem(
+                  title: 'Enabled',
+                  value: enabled,
+                  onChanged: (enabled) {
+                    setState(() {
+                      this.enabled = enabled;
+                    });
+                  },
+                ),
+                SBBSwitchListItem(
+                  title: 'Prefix Icon',
+                  value: showPrefixIcon,
+                  onChanged: (enabled) {
+                    setState(() {
+                      this.showPrefixIcon = enabled;
+                    });
+                  },
+                ),
+                SBBSwitchListItem(
+                  title: 'Suffix Icon',
+                  value: showSuffixIcon,
+                  onChanged: (enabled) {
+                    setState(() {
+                      this.showSuffixIcon = enabled;
+                    });
+                  },
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  bool enabled = true;
+  bool showPrefixIcon = true;
+  bool showSuffixIcon = true;
+  String inputValue = '';
+  String labelValue = '';
+  String hintValue = '';
+  String errorValue = '';
+  final valueController = TextEditingController();
+  final labelController = TextEditingController();
+  final hintController = TextEditingController();
+  final errorController = TextEditingController();
+
+  @override
+  void initState() {
+    super.initState();
+    valueController.addListener(() {
+      setState(() {
+        inputValue = valueController.text;
+      });
+    });
+    labelController.addListener(() {
+      setState(() {
+        labelValue = labelController.text;
+      });
+    });
+    hintController.addListener(() {
+      setState(() {
+        hintValue = hintController.text;
+      });
+    });
+    errorController.addListener(() {
+      setState(() {
+        errorValue = errorController.text;
+      });
+    });
+  }
+}

lib/design_system_flutter.dart

@@ -17,6 +17,7 @@ export 'src/dropdown/sbb_dropdown.dart';
 export 'src/group/sbb_group.dart';
 export 'src/header/sbb_header.dart';
 export 'src/header/sbb_web_header.dart';
+export 'src/input_trigger/sbb_input_trigger.dart';
 export 'src/link/sbb_link_text.dart';
 export 'src/list_header/sbb_list_header.dart';
 export 'src/list_item/sbb_list_item.dart';