Time validation error on input when setting hour in flutter

Question

Hi everyone I have some troubles with Flutter FormBuilderDateTimePicker

My problem is that when I set the value manually (with a keyboard not using graphical draggable 'arrows' offered by the widget) I get the validation error every time the hour value is between 12 and 00.

For example, if I set 12:30 the value will be accepted, but if I change the hour to 16:30 it will display a validation error message. Below you can find a graphical representation of my case.

Here is how I set my FormBuilderTimePicker widget

    FormBuilderDateTimePicker(
         name: 'fieldname',
         initialValue: DateTime.now(),
         initialDate: DateTime.now(),
         initialEntryMode: DatePickerEntryMode.input,
         alwaysUse24HourFormat: true,
         onChanged: (value) => mayValue = ,
         format: DateFormat.yMMMMd('it_IT').add_Hm(),
         timePickerInitialEntryMode: TimePickerEntryMode.input,
       )

The other input type is working fine, but I would like to keep them both

Take a look to this issue and related github.com/danvick/flutter_form_builder/issues/826 — Matias de Andrea
– Matias de Andrea, Commented Jun 30, 2022 at 11:53

Md. Yeasin Sheikh · Accepted Answer · 2022-06-30 14:36:15Z

1

On flutter_form_builder: ^7.3.1 source code, alwaysUse24HourFormat has not being used. As matias-de-andrea mention on git issue which is still open.

To make it work, they override the transitionBuilder in order to provide 24h format on showTimePicker context.

transitionBuilder: (BuildContext context, Widget? child) {
    return MediaQuery(
      data: MediaQuery.of(context)
          .copyWith(alwaysUse24HourFormat: true),
      child: child!,
    );
  },

You can check How to use 24 hour clock when invoking showTimePicker() in Flutter? and they've discussed more about this.

answered Jun 30, 2022 at 14:36

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Eugene · Accepted Answer · 2023-12-05 06:50:37Z

You can disable hour/minute textfield height decreasing by wrapping the builder of timer picker with a new Theme and setting errorStyle of inputDecorationTheme to 0.

              TimeOfDay? timeOfDay = await showTimePicker(
                context: context,
                initialTime: _toTime,
                initialEntryMode: TimePickerEntryMode.inputOnly,
                hourLabelText: '',
                minuteLabelText: '',
                helpText: AppLocalizations.of(context)!.enterTime,
                confirmText: AppLocalizations.of(context)!.save,
                builder: (context, child) {
                  return Theme(
                    data: theme.copyWith(
                      inputDecorationTheme:
                          theme.inputDecorationTheme.copyWith(
                        errorStyle: const TextStyle(height: 0),
                      ),
                    ),
                    child: child!,
                  );
                },
              );

Collectives™ on Stack Overflow

Time validation error on input when setting hour in flutter

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related