title: How to use implement calendar in flutter
body: <p>I'm new to flutter  and struggling to follow the use of external packages. An example is implementing the calendar from <a href="https://flutterawesome.com/flutter-rounded-date-picker" rel="nofollow noreferrer">https://flutterawesome.com/flutter-rounded-date-picker</a></p>
  <p>My code is shown below:</p>
  <pre><code>import 'package:flutter/material.dart';
  import 'package:flutter_localizations/flutter_localizations.dart';
  import 'package:flutter_rounded_date_picker/rounded_picker.dart';
  
  void main() {
    runApp(MyApp());
  }
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return new MaterialApp(
        localizationsDelegates: [
          GlobalMaterialLocalizations.delegate,
          GlobalWidgetsLocalizations.delegate,
        ],
        supportedLocales: [
          const Locale('en', 'US'), // English
        ],
        title: 'Calendar Tester',
        theme: new ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: new MyHomePage(),
      );
    }
  }
  
  class MyHomePage extends StatefulWidget {
    MyHomePage({Key key}) : super(key: key);
  
    @override
    _MyHomePageState createState() =&gt; _MyHomePageState();
  }
  
  class _MyHomePageState extends State&lt;MyHomePage&gt; {
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
          backgroundColor: Colors.white,
          appBar: AppBar(
            title: Text(&quot;Timesheet&quot;),
            backgroundColor: Colors.blueGrey[900],
            centerTitle: true,
          ),
          body: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Column(
                children: [
                  Container(
                    child: Text('JX',
                    style: TextStyle(color: Colors.white),),
                    margin: EdgeInsets.fromLTRB(15,15,15,5),
                    padding:EdgeInsets.all(10),
                    decoration: BoxDecoration(
                      shape:BoxShape.circle,
                      color: Colors.black,
                    ),
  
                  ),
                  Text('John X',
                    style: TextStyle(color: Colors.black),
                  ),
                ],
              ),
              Column(
                children: [
                  Container(
                    margin:EdgeInsets.fromLTRB(70,25,15,5) ,
                    child: Text(&quot;MONDAY, 11 JULY 2020&quot;,
                      style: TextStyle(color: Colors.blue),
                    ),
                  ),
                  Container(
                  margin: EdgeInsets.symmetric(horizontal: 16.0),
  //                  child:
  
                  )
                            ],
              )
            ],
          ),
        );
  
    }
  }
  </code></pre>
  <p>I simply want to include the calendar in the last container, using the child property that I have currently commented out. The docs for the library say I should just do this:</p>
  <pre><code>DateTime newDateTime = await showRoundedDatePicker(
    context: context,
    initialDate: DateTime.now(),
    firstDate: DateTime(DateTime.now().year - 1),
    lastDate: DateTime(DateTime.now().year + 1),
    borderRadius: 16,
  ),
  </code></pre>
  <p>Where exactly does this go and how do I get to show the calendar? Only interested in getting the calendar to show at the moment.</p>