date_field 3.0.1 icon indicating copy to clipboard operation
date_field: ^3.0.1 copied to clipboard

A widget in the form of a field that lets people choose a date, a time or both.

date_field #

pub package

Contains DateTimeField and DateTimeFormField which allows the user to pick a DateTime from an input field! Depending on the mode, it can ask the user the time, the date or both at the same time ;) !

Usage #

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  date_field: ^3.0.0

In your library add the following import:

import 'package:date_field/date_field.dart';

Getting Started #

There are two widgets in this package:

  • DateTimeField
  • DateTimeFormField

It follows the usual Flutter patterns convention, meaning the DateTimeFormField extends the FormField widget and wraps a DateTimeField widget.

You can customize both of these widgets with the decoration argument which is fully supported.

You can also specify whether you would like to ask the user for a date, a time or both using the mode parameter.

Example #

The following picture illustrates some things you can do with this package.

DateTimeFormField(
  decoration: const InputDecoration(
    hintStyle: TextStyle(color: Colors.black45),
    errorStyle: TextStyle(color: Colors.redAccent),
    border: OutlineInputBorder(),
    suffixIcon: Icon(Icons.event_note),
    labelText: 'Only time',
  ),
  mode: DateTimeFieldPickerMode.time,
  autovalidateMode: AutovalidateMode.always,
  validator: (e) => (e?.day ?? 0) == 1 ? 'Please not the first day' : null,
  onDateSelected: (DateTime value) {
    print(value);
  },
),

You can check the GitHub repo for a complete example.

69
likes
140
pub points
96%
popularity

Publisher

verified publisher icongaspardmerten.dev

A widget in the form of a field that lets people choose a date, a time or both.

Homepage

Documentation

API reference

License

Icon for licenses.Apache-2.0 (LICENSE)

Dependencies

flutter, intl

More

Packages that depend on date_field