FormBuilderDateTimePicker won't open calendar - flutter

Question

I can't get the FormBuilderDateTimePicker to display the calendar. The clock works for my start and end time and the calendar works if I use the FormBuilderDateRangePicker but I can't get the calendar to open on FormBuilderDateTimePicker.
Here's my code.
import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:intl/intl.dart';
import 'package:komae_v2/data.dart';
class BookASit extends StatefulWidget {
#override
BookASitState createState() {
return BookASitState();
}
}
class BookASitState extends State<BookASit> {
var data;
final GlobalKey<FormBuilderState> _fbKey = GlobalKey<FormBuilderState>();
final ValueChanged _onChanged = (val) => print(val);
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Book A Sit!'),
),
body: Padding(
padding: const EdgeInsets.all(10),
child: ListView(
children: <Widget>[
FormBuilder(
// context,
key: _fbKey,
autovalidate: true,
readOnly: false,
child: Column(
children: <Widget>[
SizedBox(height: 15),
FormBuilderTypeAhead(
decoration: const InputDecoration(
labelText: 'Select a Child',
),
attribute: 'child',
onChanged: _onChanged,
itemBuilder: (context, children) {
return ListTile(
title: Text(children),
);
},
controller: TextEditingController(text: ''),
initialValue: '',
suggestionsCallback: (query) {
if (query.isNotEmpty) {
var lowercaseQuery = query.toLowerCase();
return allChildren.where((children) {
return children
.toLowerCase()
.contains(lowercaseQuery);
}).toList(growable: false)
..sort((a, b) => a
.toLowerCase()
.indexOf(lowercaseQuery)
.compareTo(
b.toLowerCase().indexOf(lowercaseQuery)));
} else {
return allChildren;
}
},
),
SizedBox(height: 15),
Row(
children: <Widget>[
Flexible(
fit: FlexFit.loose,
child: Row(
children: <Widget>[
Flexible(
fit: FlexFit.loose,
child: FormBuilderDateTimePicker(
attribute: 'time',
onChanged: _onChanged,
inputType: InputType.time,
decoration: const InputDecoration(
labelText: 'Start Time',
),
validator: (val) => null,
initialTime: TimeOfDay(hour: 8, minute: 0),
initialValue: DateTime.now(),
// readonly: true,
),
),
],
),
),
Flexible(
fit: FlexFit.loose,
child: Row(
children: <Widget>[
Flexible(
fit: FlexFit.loose,
child: FormBuilderDateTimePicker(
attribute: 'time',
onChanged: _onChanged,
inputType: InputType.time,
decoration: const InputDecoration(
labelText: 'End Time',
),
validator: (val) => null,
initialTime: TimeOfDay(hour: 8, minute: 0),
// initialValue: DateTime.now(),
// readonly: true,
),
),
],
),
),
],
),
SizedBox(height: 15),
FormBuilderDateTimePicker(
attribute: "date",
initialDate: DateTime.now(),
initialValue: DateTime.now(),
inputType: InputType.date,
format: DateFormat("MM-dd-yyyy"),
decoration: InputDecoration(labelText: "Date"),
),
SizedBox(height: 15),
FormBuilderChipsInput(
decoration: const InputDecoration(
labelText:
'Select contacts to send the sit request to'),
attribute: 'chips_test',
onChanged: _onChanged,
maxChips: 5,
findSuggestions: (String query) {
if (query.isNotEmpty) {
var lowercaseQuery = query.toLowerCase();
return contacts.where((profile) {
return profile.name
.toLowerCase()
.contains(query.toLowerCase()) ||
profile.email
.toLowerCase()
.contains(query.toLowerCase());
}).toList(growable: false)
..sort((a, b) => a.name
.toLowerCase()
.indexOf(lowercaseQuery)
.compareTo(b.name
.toLowerCase()
.indexOf(lowercaseQuery)));
} else {
return const <Contact>[];
}
},
chipBuilder: (context, state, profile) {
return InputChip(
key: ObjectKey(profile),
label: Text(profile.name),
// avatar: CircleAvatar(
// backgroundImage: NetworkImage(profile.imageUrl),
// ),
onDeleted: () => state.deleteChip(profile),
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
);
},
suggestionBuilder: (context, state, profile) {
return ListTile(
key: ObjectKey(profile),
leading: CircleAvatar(child: Text('A')
// backgroundImage: NetworkImage(profile.imageUrl),
),
title: Text(profile.name),
subtitle: Text(profile.email),
onTap: () => state.selectSuggestion(profile),
);
},
),
],
),
),
SizedBox(height: 15),
Row(
children: <Widget>[
Expanded(
child: MaterialButton(
color: Theme.of(context).accentColor,
child: Text(
'Submit',
style: TextStyle(color: Colors.white),
),
onPressed: () {
if (_fbKey.currentState.saveAndValidate()) {
print(_fbKey.currentState.value);
} else {
print(_fbKey.currentState.value);
print('validation failed');
}
},
),
),
SizedBox(width: 20),
Expanded(
child: MaterialButton(
color: Theme.of(context).accentColor,
child: Text(
'Reset',
style: TextStyle(color: Colors.white),
),
onPressed: () {
_fbKey.currentState.reset();
},
),
),
],
),
],
),
),
);
}
}
My debugger highlights this line:
newValue = await _showDatePicker(context, currentValue) ?? currentValue;
with the exception
_failedAssertion: "initialEntryMode != null"
message: null
_messageString: "is not true"

Answer 1

As the assertion says that the assertion initialEntryMode != null, the initialEntryMode parameter is null, which is not allowed by this widget(at least for your current configuration). Add a value for this parameter when FormBuilderDateTimePicker is used.
Ex:
FormBuilderDateTimePicker(
attribute: "date",
initialDate: DateTime.now(),
initialValue: DateTime.now(),
inputType: InputType.date,
format: DateFormat("MM-dd-yyyy"),
decoration: InputDecoration(labelText: "Date"),
initialEntryMode: DatePickerEntryMode.calendar,
),