dob_input_field 2.0.0 copy "dob_input_field: ^2.0.0" to clipboard
dob_input_field: ^2.0.0 copied to clipboard

To input DOB manually from user and do auto validation.

example/lib/main.dart

// ignore_for_file: prefer_const_constructors

import 'package:dob_input_field/dob_input_field.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Date Input Field',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("DOB Input Field"),
        centerTitle: true,
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          Text(
            "Date Format: YYYYMMDD",
            style: TextStyle(fontWeight: FontWeight.w900),
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
            showLabel: true,
            dateFormatType: DateFormatType.YYYYMMDD,
            autovalidateMode: AutovalidateMode.always,
            fieldLabelText: "With label",
          ),
          SizedBox(
            height: 10,
          ),
          Text(
            "Date Format: DDMMYYYY",
            style: TextStyle(fontWeight: FontWeight.w900),
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
            showLabel: true,
            dateFormatType: DateFormatType.DDMMYYYY,
            autovalidateMode: AutovalidateMode.always,
            fieldLabelText: "With label",
          ),
          SizedBox(
            height: 10,
          ),
          Text(
            "Date Format: MMDDYYYY",
            style: TextStyle(fontWeight: FontWeight.w900),
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
            showLabel: true,
            dateFormatType: DateFormatType.MMDDYYYY,
            autovalidateMode: AutovalidateMode.always,
            fieldLabelText: "With label",
          ),
          SizedBox(
            height: 10,
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
            showLabel: true,
            autovalidateMode: AutovalidateMode.always,
            fieldLabelText: "With label",
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
            showLabel: true,
            fieldLabelText: "With border",
            inputDecoration: const InputDecoration(
                border: UnderlineInputBorder(
                    borderRadius: BorderRadius.all(Radius.zero))),
          ),
          DOBInputField(
            firstDate: DateTime(1900),
            lastDate: DateTime.now(),
            showLabel: true,
            autovalidateMode: AutovalidateMode.disabled,
            fieldLabelText: "Without Validation",
            inputDecoration: const InputDecoration(
                border: UnderlineInputBorder(
                    borderRadius: BorderRadius.all(Radius.zero))),
          ),
        ],
      ),
    );
  }
}
8
likes
110
pub points
87%
popularity

Publisher

verified publisherlvikramsah.com.np

To input DOB manually from user and do auto validation.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on dob_input_field