title: ShowTimePicker i need to show the time picker on text field
body: <pre><code>defultFormField(
                            controller: timeController,
                            onSubmit: () {},
                            onTap: () {
                              showTimePicker(
                                useRootNavigator: true,
                                context: context,
                                initialTime: TimeOfDay.now(),
                              ).then((value) {
                                print(value);
                              });
                            },
  
  and this is the components 
  
     Widget defultFormField({
    required  Function onTap,
    required Function onSubmit,
    required TextEditingController controller,
    // required TextInputType type,
    required String text,
    required IconData prefix,
    required Function valedate,
  }) =&gt;
      TextFormField(
        controller: controller,
        // keyboardType: type,
        onTap: () {},
        onFieldSubmitted: (s) {},
        validator: (s) {
          valedate();
        },
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          labelText: text,
          prefixIcon: Icon(prefix),
        ),
      );
  </code></pre>