Hello, I am using the latest Flutter 2.10.3 and Dart SDK is 2.16.1 and I am using the Getx State Management when I click on the date field I am getting this exception the initial date is not greater than or equal to minimumDate Thank you :)

Hi You got very good plugin for date time, I am facing an issue after adding date to field there is no way to remove or set it back to empty field. please help me on this

I love the flexibility of this input field but needed to take it a smidge further. I have a business requirement where I need to restricts the date and time input ranges, and even specify the minute increments.

To achieve this, I need to tweak the core implementation of showMaterialTimePicker. But to that point, I still want to leverage everything date_field has to offer.

Buy using the new Constructor Tear-offs, and making the showCuppertino... and showMaterial... pickers override-able methods, I can create Child classes that tweak the pickers before show to meet my requirements.

Widget doesn't change its content on rebuild when initialValue changes to null.

DateTimeFormField(
                                decoration: InputDecoration(
                                  hintStyle: const TextStyle(color: Colors.black45),
                                  errorStyle: const TextStyle(color: Colors.redAccent),
                                  border: const OutlineInputBorder(),
                                  suffixIcon: IconButton(
                                    icon: const Icon(Icons.cancel),
                                    onPressed: () {
                                      _bloc.change(
                                        kontener.copyWith(
                                          dataW: null,
                                        ),
                                      );
                                    },
                                  ),
                                  labelText: 'Data przypisania',
                                ),
                                initialValue: kontener.dataW,
                                dateFormat: DateFormat.yMMMEd('pl_PL'),
                                mode: DateTimeFieldPickerMode.date,
                                onDateSelected: (value) {
                                  _bloc.change(
                                    kontener.copyWith(dataW: value),
                                  );
                                },
                                validator: (value) => value == null ? 'Wybierz datę' : null,
                              )),

similar to #2 where datetimeformfield was a statelesswidget... I think datetimefield should be a statefulwidget as well... I see that in the example there's a datetimefield as a child of a statefulwidget and it sets the state of its parent, which if I intuit currectly causes the parent to be rebuilt along with the datetimefield. So in a stateful context you can make it update that way, but it would be much nicer if it already did that on its own. So I guess it would make sense to make it a statefulwidget and to setState along with calling the onDateChanged

When I have lastDate provided (e.g. user should have 18 years), initialDateTime would be set to DateTime.now(), which causes errors. Current workaround is to provide initialDate in correct range, but this means date field would be preselected.

This issue can be solved by changing the default initial date value from DateTime.now() to lastDate.

So, this would be the correct code: final DateTime initialDateTime = selectedDate ?? lastDate; , on line 86, function _selectDate, in file field.dart.

From my limited testing, this would not cause any additional issues.

If there is another way to solve this issue, please let me know.

I'm not sure if I'm doing something wrong here, but I've got an app using DateTimeFormField (3.0.1) on iOS. The app is dark mode-only and when you click into the date field it looks like it's adding a grey overlay over the entire screen (including the date picker) which makes the date picker very faint and difficult to read. I don't see this same thing on light mode.

Here is what I'm currently setting for my Theme:

import 'package:flutter/material.dart';

final ThemeData darkTheme = _buildDarkTheme();

ThemeData _buildDarkTheme() {
  final ThemeData base = ThemeData.dark();
  return base.copyWith(
    colorScheme: base.colorScheme.copyWith(
      primary: const Color.fromARGB(255, 40, 203, 162),
      onPrimary: const Color.fromARGB(255, 40, 101, 85),
      secondary: Colors.amber,
      error: Colors.red,
    ),
  );
}

class App extends StatelessWidget {
  const App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Barreleye',
      theme: barreleyeDarkTheme,
      darkTheme: barreleyeDarkTheme,
      themeMode: ThemeMode.dark,
      home: const OperationList(),
    );
  }
}

And my invocation of the DateTimeFormField.

    fields.add(DateTimeFormField(
      decoration: const InputDecoration(
        //border: OutlineInputBorder(),
        suffixIcon: Icon(Icons.event_note),
        labelText: 'Ticket Date',
      ),
      initialValue: _date,
      enabled: _enableEditing,
      mode: DateTimeFieldPickerMode.dateAndTime,
      autovalidateMode: AutovalidateMode.always,
      validator: (DateTime? value) {
        if (value != null &&
            (widget.op.start.isAfter(value) || widget.op.end.isBefore(value))) {
          return "Ticket falls outside of operation range";
        }
        return null;
      },
      onDateSelected: (DateTime value) {
        _date = value;
      },
    ));

I add a selectedDate attribute on the DateTimeFormField class. In one project I must change the displayed value when a variable change, maybe this can be useful to other people

If you construct a DateTimeFormField like so:

DateTimeFormField(
      mode: DateTimeFieldPickerMode.dateAndTime,,
      dateFormat: DateFormat.yMd().add_jm(),
      use24hFormat: false,
      ...
    )

when the time picker is displayed, it is in 24h format, not 12h format as specified.

I'm using the Material widgets with date_field 3.0.0. It appears that the showMaterialTimePicker() function does not call showTimePicker() (https://api.flutter.dev/flutter/material/showTimePicker.html) in a 12h/24h method as described in the doc.

Hi, not sure if #13 was actually referencing the same issue but I suppose it didn't.

I would need the date and time selection to be in 24h format. Which means the AM/PM could be removed...

Is this possible? I couldn't find any way to make this possible. Could this be added?

Hello! Is it possible when you press the field and the calendar pops up to change the default color of the calendar? Currently it is blue. The same goes for time selection. Thank you

Hello! This PR adds the ability to pick the initial state (touch or keyboard) of the time picker widget. We needed this for a better web experience. It might be worth to have the switching logic in this package, but for now it's nice to have the option to pick the initial state.

Thank you!

I would like to use the DateTimeFormField within a larger form, together with other form fields. Obviously that is not a problem, but where all the form field automatically use all of the theme's style settings, the DateTimeFormField does not. It has noticeably smaller height and once a date is selected it will expand to accomodate the label and value together. All other fields have the necessary height to accomodate it all without resizing. But even then, after the resize, it is still smaller than the other form fields.

I have not set any specific styling to either of the elements, so all should be the same based on the theme's style settings. Which theme style settings should I change to make the DateTimeFormField also use the standard? Or, can the widget be updated so that it will use the theme?