Merge pull request #3 from Indumathi1195R/pickercalendar

Sample and Pubspec updated.

Author: jayaleshwari

lib/main.dart

@@ -4,6 +4,7 @@ import 'package:syncfusion_flutter_calendar/calendar.dart';
 
 void main() => runApp(InitialDisplayDate());
 
+
 class InitialDisplayDate extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
@@ -13,108 +14,67 @@ class InitialDisplayDate extends StatelessWidget {
     );
   }
 }
-
 class DisplayDate extends StatefulWidget {
   @override
   State<StatefulWidget> createState() => CalendarDisplayDate();
 }
-
-List<String> views = <String>[
-  'Day',
-  'Week',
-  'WorkWeek',
-  'Month',
-  'Timeline Day',
-  'Timeline Week',
-  'Timeline WorkWeek'
-];
-
 class CalendarDisplayDate extends State<DisplayDate> {
-  CalendarView _calendarView;
-  DateTime _datePicked;
-  DateTime _calendarDate;
-
-  @override
-  void initState() {
-    // TODO: implement initState
-    _calendarView = CalendarView.week;
-    _datePicked = DateTime.now();
-    _calendarDate = DateTime.now();
-    super.initState();
-  }
+  final CalendarController _controller = CalendarController();
+  DateTime? _datePicked = DateTime.now();
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        actions: <Widget>[
-          FlatButton(
-            onPressed: () {
-              showDatePicker(
-                  context: context,
-                  initialDate: _datePicked,
-                  firstDate: DateTime(2000),
-                  lastDate: DateTime(2100))
-                  .then((DateTime date) {
-                if (date != null && date != _calendarDate)
-                  setState(() {
-                    _calendarDate = date;
-                  });
-              });
-            },
-            child: Icon(
-              Icons.date_range,
-              color: Colors.white,
-            ),
-          )
-        ],
-        leading: PopupMenuButton<String>(
-          icon: Icon(Icons.calendar_today),
-          itemBuilder: (BuildContext context) => views.map((String choice) {
-            return PopupMenuItem<String>(
-              value: choice,
-              child: Text(choice),
-            );
-          }).toList(),
-          onSelected: (String value) {
-            setState(() {
-              if (value == 'Day') {
-                _calendarView = CalendarView.day;
-              } else if (value == 'Week') {
-                _calendarView = CalendarView.week;
-              } else if (value == 'WorkWeek') {
-                _calendarView = CalendarView.workWeek;
-              } else if (value == 'Month') {
-                _calendarView = CalendarView.month;
-              } else if (value == 'Timeline Day') {
-                _calendarView = CalendarView.timelineDay;
-              } else if (value == 'Timeline Week') {
-                _calendarView = CalendarView.timelineWeek;
-              } else if (value == 'Timeline WorkWeek') {
-                _calendarView = CalendarView.timelineWorkWeek;
-              }
-            });
-          },
+    return MaterialApp(
+      debugShowCheckedModeBanner: false,
+      home: Scaffold(
+        appBar: AppBar(
+          actions: <Widget>[
+            FlatButton(
+              onPressed: () {
+                showDatePicker(
+                        context: context,
+                        initialDate: _datePicked!,
+                        firstDate: DateTime(2000),
+                        lastDate: DateTime(2100))
+                    .then((DateTime? date) {
+                  if (date != null) _controller.displayDate = date;
+                });
+              },
+              child: Icon(
+                Icons.date_range,
+                color: Colors.white,
+              ),
+            )
+          ],
         ),
-      ),
-      body: Column(
-        children: <Widget>[
-          Expanded(
-            child: SfCalendar(
-              initialDisplayDate: _calendarDate,
-              view: _calendarView,
-              onViewChanged: _viewChanged,
+        body: Column(
+          children: <Widget>[
+            Expanded(
+              child: SfCalendar(
+                view: CalendarView.week,
+                controller: _controller,
+                onViewChanged: _viewChanged,
+                allowedViews: [
+                  CalendarView.day,
+                  CalendarView.week,
+                  CalendarView.workWeek,
+                  CalendarView.month,
+                  CalendarView.timelineDay,
+                  CalendarView.timelineWeek,
+                  CalendarView.timelineWorkWeek,
+                ],
+              ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
     );
   }
 
   void _viewChanged(ViewChangedDetails viewChangedDetails) {
-    SchedulerBinding.instance.addPostFrameCallback((duration) { 
-        _datePicked = viewChangedDetails
-            .visibleDates[viewChangedDetails.visibleDates.length ~/ 2];
-      }); 
+    SchedulerBinding.instance!.addPostFrameCallback((duration) {
+      _datePicked = viewChangedDetails
+          .visibleDates[viewChangedDetails.visibleDates.length ~/ 2];
+    });
   }
 }

pubspec.yaml

@@ -14,16 +14,16 @@ description: A new Flutter application.
 version: 1.0.0+1
 
 environment:
-  sdk: ">=2.1.0 <3.0.0"
+  sdk: ">=2.12.0 <3.0.0"
 
 dependencies:
   flutter:
     sdk: flutter
-  syncfusion_flutter_calendar: ^17.4.39
+  syncfusion_flutter_calendar: ^19.1.54+1
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^0.1.2
+  cupertino_icons: ^1.0.2
 
 dev_dependencies:
   flutter_test: