reactive_date_time_picker 4.4.0

Author: vasilich6107

packages/reactive_date_time_picker/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [4.4.0]
+
+* valueBuilder method
+
 ## [4.3.0]
 
 * mouse cursor

packages/reactive_date_time_picker/example/lib/main.dart

@@ -75,15 +75,34 @@ class MyApp extends StatelessWidget {
                       ),
                     ),
                     const SizedBox(height: 8),
-                    ReactiveDateTimePicker(
-                      formControlName: 'dateTime',
-                      type: ReactiveDatePickerFieldType.dateTime,
-                      decoration: const InputDecoration(
-                        labelText: 'Date & Time',
-                        border: OutlineInputBorder(),
-                        helperText: '',
-                        suffixIcon: Icon(Icons.calendar_today),
-                      ),
+                    Row(
+                      children: [
+                        Expanded(
+                          child: ReactiveDateTimePicker(
+                            formControlName: 'dateTime',
+                            type: ReactiveDatePickerFieldType.dateTime,
+                            decoration: const InputDecoration(
+                              labelText: 'Date & Time',
+                              border: OutlineInputBorder(),
+                              helperText: '',
+                              suffixIcon: Icon(Icons.calendar_today),
+                            ),
+                            valueBuilder: (_, value) => Text(
+                              value ?? '',
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ),
+                        ),
+                        Expanded(
+                          child: TextField(
+                              decoration: const InputDecoration(
+                            labelText: 'Date & Time',
+                            border: OutlineInputBorder(),
+                            helperText: '',
+                            suffixIcon: Icon(Icons.calendar_today),
+                          )),
+                        ),
+                      ],
                     ),
                     const SizedBox(height: 8),
                     ReactiveDateTimePicker(

packages/reactive_date_time_picker/lib/reactive_date_time_picker.dart

@@ -110,6 +110,7 @@ class ReactiveDateTimePicker
     TextAlignVertical? textAlignVertical,
     bool expands = false,
     MouseCursor cursor = SystemMouseCursors.click,
+    Widget Function(BuildContext context, String? value)? valueBuilder,
   }) : super(
           valueAccessor:
               valueAccessor ?? _effectiveValueAccessor(type, dateFormat),
@@ -262,8 +263,7 @@ class ReactiveDateTimePicker
                                 )
                               : null,
                         ),
-                        child: Text(
-                          field.value ?? '',
+                        child: DefaultTextStyle.merge(
                           style: Theme.of(field.context)
                               .textTheme
                               .titleMedium
@@ -273,6 +273,9 @@ class ReactiveDateTimePicker
                                     ? Theme.of(field.context).disabledColor
                                     : null,
                               ),
+                          child: valueBuilder?.call(field.context, field.value) ?? Text(
+                            field.value ?? '',
+                          ),
                         ),
                       ),
                     ),

packages/reactive_date_time_picker/pubspec.yaml

@@ -1,6 +1,6 @@
 name: reactive_date_time_picker
 description: Wrapper around showDatePicker and showTimePicker to work with reactive_forms
-version: 4.3.0
+version: 4.4.0
 repository: https://github.com/artflutter/reactive_forms_widgets/tree/master/packages/reactive_date_time_picker
 issue_tracker: https://github.com/artflutter/reactive_forms_widgets/issues