create datepicker flutter

import 'dart:async';

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  DateTime selectedDate = DateTime.now();

  Future<void> _selectDate(BuildContext context) async {
    final DateTime picked = await showDatePicker(
        context: context,
        initialDate: selectedDate,
        firstDate: DateTime(2015, 8),
        lastDate: DateTime(2101));
    if (picked != null && picked != selectedDate)
      setState(() {
        selectedDate = picked;
      });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Text("${selectedDate.toLocal()}".split(' ')[0]),
            SizedBox(height: 20.0,),
            RaisedButton(
              onPressed: () => _selectDate(context),
              child: Text('Select date'),
            ),
          ],
        ),
      ),
    );
  }
}

3.86
7
Krish 100200 points

                                    import 'dart:async';
import 'package:flutter/material.dart';
void main() =&gt; runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(),
    );
  }
}
class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() =&gt; _MyHomePageState();
}
class _MyHomePageState extends State&lt;MyHomePage&gt; {
  DateTime currentDate = DateTime.now();
  Future&lt;void&gt; _selectDate(BuildContext context) async {
    final DateTime? pickedDate = await showDatePicker(
        context: context,
        initialDate: currentDate,
        firstDate: DateTime(2015),
        lastDate: DateTime(2050));
    if (pickedDate != null &amp;&amp; pickedDate != currentDate)
      setState(() {
        currentDate = pickedDate;
      });
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(&quot;DatePicker&quot;),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: &lt;Widget&gt;[
            Text(currentDate.toString()),
            RaisedButton(
              onPressed: () =&gt; _selectDate(context),
              child: Text('Select date'),
            ),
          ],
        ),
      ),
    );
  }
}

3.86 (7 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
datepicker field flutter datepicker in fluttert flutter date picker input timepicker in flutter date select in flutter pick date flutter flutter date picket best date pickers in flutter best datepicker to use in flutter date and time selecter flutter date selection flutter datepicker flutter example flutter showDatePicker example view to implement datepicker in flutter show datetime picker flutter datepicker flutter\ how to select old dates from datepicker flutter show datepicker value flutter show date picker in flutter how to getdatetime pickerin flutter time date picker flutter date picker format in flutter flutter date year picker flutter date_time_picker.dart format flutter DateTimePicker dateformat flutter android datepicker date time picker flutter datepicker flutter Hijri datepicker flutter hgr flutter datetime chooser datepicket flutter flutter_datetime_picker example flutter data time picker flutter showdatepicker cupertino flutter web date picker flutter web date picker flutter comboination date and time picker flutter date and time picker how to make date picker in flutter dart date picker datetime picker in flutter select date n time in flutter flutter_datetime_picker flutter flutter datepicker initial date flutter form datepicker datepicker package flutter flutter datetime picker example flutter date picker form datetime picker flutter date time picker in flutter date chose flutter flutter datepicker example flutter select date and time day picker flutter flutter date picker class how to show datepicker in flutter flutter flutter_datetime_picker date picker flutter ui how to show time picker flutter custom datepicker flutter date picker in flutter example calendar date picker flutter material datepicker flutter show datepicker flutter flutter showdatepicker example date picker package flutter how to select date and time in flutter add date picker in flutter flutter showDatePicker datepicker in flutter showdatepicker flutter datetimepicker example flutter how to show date and time in calendar in flutter DateRagePicker flutter flutter show date and time picker flutter date picker example flutter simple date picker use showdatetimepicker flutter show time picker in flutter flutter datepicker format flutter DateFormat datepicker flutter select date flutter android date picker flutter form date picker date picker flutte flutter show date picker how to use dateTimepicker in flutter flutter date selector fluttter date picker material date picker flutter date picker flutter date and time picker flutter show date picker flutter date picker widget flutter ios date picker flutter datepicker flutter flutter material datepicker cupertino date picker in flutter datepicker in flutter example flutter date picker field flutter show date time picker flutter datetime picker flutter datetimepicker fonction show DateTimePicker form field example flutter show datetimepicker flutter flutter date time picker flutter pick date time and date picker flutter flutter date time picker example datetimepicker flutter datetime picker influtter date widget in flutter default date picker in flutter custom date picker widget in flutter custom date picker in flutter flutter date picker create datepicker flutter dart datetime picker flutter date range picker showdatepicker example flutter flutter datepicker how to get date flutter show datetimepicker date picker in form in flutter without time date picker in form in flutter date picker in flutter datetime picker flutter example date picker flutter date from to flutter datepicker format flutter showdatepicker flutter with time showdatepicker flutter date format flutter datepicker open date picker in flutter flutter show time picker
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source