cupertino_date_textbox 1.0.0+3

  • Readme
  • Changelog
  • Example
  • Installing
  • 79

Flutter Cupertino Date Text Box #


A text box with an attached CupertinoDatePicker which opens when the text box is tapped.

With this library the following is possible:

  • Text Box / Text Field with multiple features to customize its style (e.g. font, padding, etc.)
  • Date callback can be used to get result date value

Quick Usage #

Just fill the required parameters of CupertinoDateTextBox and you're ready to go, e.g.:

    onDateChange: onDateChangeCallback,
    hintText: 'Hint Text'))

You can find a full tutorial concerning CupertinoDateTextBox here Tutorial.

Please refer to the example for usage: Quick-Link

Bugs/Requests #

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I'll look into it. Pull Request are also welcome.

1.0.0+3 #

  • Add more code documentation

1.0.0+2 #

  • Add reference to github page

1.0.0+1 #

  • Initial release.


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

import 'package:flutter/cupertino.dart';
import 'package:intl/intl.dart';

void main() => runApp(ExampleApp());

class ExampleApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHome(),

class MyHome extends StatefulWidget {
  _MyHomeState createState() => new _MyHomeState();

class _MyHomeState extends State<MyHome> {
  DateTime _selectedDateTime =;

  Widget build(BuildContext context) {
    final String formattedDate = DateFormat.yMd().format(_selectedDateTime);
    final selectedText = Text('You selected: $formattedDate');

    final birthdayTile = new Material(
      color: Colors.transparent,
      child: new Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          const Text('Birthday',
              style: TextStyle(
                color: CupertinoColors.systemBlue,
                fontSize: 15.0,
          const Padding(
            padding: EdgeInsets.only(bottom: 5.0),
              initialValue: _selectedDateTime,
              onDateChange: onBirthdayChange,
              hintText: DateFormat.yMd().format(_selectedDateTime)),

    return new Scaffold(
      body: Padding(
          padding: const EdgeInsets.fromLTRB(20, 100, 20, 50),
          child: Column(children: <Widget>[
            const SizedBox(height: 15.0),

  void onBirthdayChange(DateTime birthday) {
    setState(() {
      _selectedDateTime = birthday;

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  cupertino_date_textbox: ^1.0.0+3

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:cupertino_date_textbox/cupertino_date_textbox.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Jul 2, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.8.4
  • pana: 0.13.13
  • Flutter: 1.17.5

Analysis suggestions

Package not compatible with SDK dart

because of import path [cupertino_date_textbox] that is in a package requiring null.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0 <3.0.0
flutter 0.0.0
intl ^0.16.0 0.16.1
Transitive dependencies
collection 1.14.12 1.14.13
meta 1.1.8
path 1.7.0
sky_engine 0.0.99
typed_data 1.1.6 1.2.0
vector_math 2.0.8
Dev dependencies