ShowTimePicker i need to show the time picker on text field - flutter

Question

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,
}) =>
TextFormField(
controller: controller,
// keyboardType: type,
onTap: () {},
onFieldSubmitted: (s) {},
validator: (s) {
valedate();
},
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: text,
prefixIcon: Icon(prefix),
),
);

Answer 1

Try below code hope its helpful to you. Or you can used this package also.
Declare TimeOfDay class
TimeOfDay _time = TimeOfDay(hour: 00, minute: 00);
Create function for TimePicker
void _selectTime() async {
final TimeOfDay? newTime = await showTimePicker(
context: context,
initialTime: _time,
);
if (newTime != null) {
setState(() {
_time = newTime;
});
}
}
Your Widget
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: TextFormField(
decoration: InputDecoration(
hintText: 'Select Time',
border: OutlineInputBorder(),
),
onTap: _selectTime,
),
),
SizedBox(height: 8),
Text(
'Selected time: ${_time.format(context)}',
),
],
),