editable: false not working as expected

[chadidi]

I've created two fields (code bellow) and I set editable to false the first field is working as expected while the second one after I click on the clear(X) button becoms editable and dosn't trigger datetime picker any more!

Padding(
    padding: EdgeInsets.all(8.0),
    child: DateTimePickerFormField(
    editable: false,
    firstDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day - 1),
    lastDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day + 2),
    format: dateFormat,
    style: TextStyle(
        fontFamily: "WorkSansSemiBold",
        fontSize: 16.0,
        color: Colors.black),
    decoration: InputDecoration(
        prefixIcon: Icon(Icons.timer),
        labelText: 'Start Time',
        hintStyle: TextStyle(
            fontFamily: "WorkSansSemiBold", fontSize: 17.0),
        border: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.black))),
    onChanged: (dt) => setState(() => startAt = dt),
    ),
),
Padding(
    padding: EdgeInsets.all(8.0),
    child: DateTimePickerFormField(
    editable: false,
    initialValue: DateTime(
        DateTime.now().year,
        DateTime.now().month,
        DateTime.now().day,
        DateTime.now().hour,
        DateTime.now().minute + 5),
    firstDate: DateTime(
        DateTime.now().year,
        DateTime.now().month,
        DateTime.now().day,
        DateTime.now().hour,
        DateTime.now().minute + 5),
    lastDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day + 2),
    format: dateFormat,
    style: TextStyle(
        fontFamily: "WorkSansSemiBold",
        fontSize: 16.0,
        color: Colors.black),
    decoration: InputDecoration(
        prefixIcon: Icon(Icons.timer),
        labelText: 'End Time',
        hintStyle: TextStyle(
            fontFamily: "WorkSansSemiBold", fontSize: 17.0),
        border: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.black))),
    onChanged: (dt) => setState(() => endAt = dt),
    ),
),

[chadidi]

@jifalops I did this change (code below) and it works as expected, I think the problem happened because of adding time to firstDate

DateTime.now().hour,
DateTime.now().minute + 5

Padding(
    padding: EdgeInsets.all(8.0),
    child: DateTimePickerFormField(
    editable: false,
    initialValue: DateTime(
        DateTime.now().year,
        DateTime.now().month,
        DateTime.now().day,
        DateTime.now().hour,
        DateTime.now().minute + 5),
    firstDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day),
    lastDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day + 1),
    format: dateFormat,
    style: TextStyle(
        fontFamily: "WorkSansSemiBold",
        fontSize: 16.0,
        color: Colors.black),
    decoration: InputDecoration(
        prefixIcon: Icon(Icons.timer),
        labelText: 'Start Time',
        hintStyle: TextStyle(
            fontFamily: "WorkSansSemiBold", fontSize: 17.0),
        border: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.black))),
    onChanged: (dt) => setState(() => startAt = dt),
    ),
),
Padding(
    padding: EdgeInsets.all(8.0),
    child: DateTimePickerFormField(
    editable: false,
    initialValue: DateTime(
        DateTime.now().year,
        DateTime.now().month,
        DateTime.now().day,
        DateTime.now().hour,
        DateTime.now().minute + 35),
    firstDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day),
    lastDate: DateTime(DateTime.now().year, DateTime.now().month,
        DateTime.now().day + 1),
    format: dateFormat,
    style: TextStyle(
        fontFamily: "WorkSansSemiBold",
        fontSize: 16.0,
        color: Colors.black),
    decoration: InputDecoration(
        prefixIcon: Icon(Icons.timer),
        labelText: 'End Time',
        hintStyle: TextStyle(
            fontFamily: "WorkSansSemiBold", fontSize: 17.0),
        border: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.black))),
    onChanged: (dt) => setState(() => endAt = dt),
    ),
),