diff --git a/lib/new_views/pages/land_page/calender_fragments/monthly_fragment.dart b/lib/new_views/pages/land_page/calender_fragments/monthly_fragment.dart
index 83fbbbda..ca1a6efb 100644
--- a/lib/new_views/pages/land_page/calender_fragments/monthly_fragment.dart
+++ b/lib/new_views/pages/land_page/calender_fragments/monthly_fragment.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_month_picker/flutter_month_picker.dart';
 import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:table_calendar/table_calendar.dart';
@@ -49,12 +50,18 @@ class _MonthlyFragmentState extends State<MonthlyFragment> {
               availableGestures: AvailableGestures.none,
               calendarBuilders: CalendarBuilders(
                 headerTitleBuilder: (context, dateTime) => CalendarHeader(dateFormat: DateFormat("MMMM, yyyy", context.isAr ? "ar" : "en"), dateTime: dateTime).onPress(() async {
-                  final result = await showDatePicker(
+                  // final result = await showDatePicker(
+                  //   context: context,
+                  //   initialDate: _initialDate,
+                  //   firstDate: _firstDate,
+                  //   lastDate: _lastDate,
+                  //   initialDatePickerMode: DatePickerMode.year,
+                  // );
+                  final result = await showMonthPicker(
                     context: context,
                     initialDate: _initialDate,
                     firstDate: _firstDate,
                     lastDate: _lastDate,
-                    initialDatePickerMode: DatePickerMode.year,
                   );
                   if (result != null) {
                     await snapshot.getCalenderRequests(from: DateTime(result.year, result.month, 1), to: DateTime(result.year, result.month + 1, 0));
diff --git a/pubspec.lock b/pubspec.lock
index d4e45631..6a01886e 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -459,6 +459,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_month_picker:
+    dependency: "direct main"
+    description:
+      name: flutter_month_picker
+      sha256: "745ee1eb3aba5cd5ed99f9ffaf97083d9d13944b24b8ab33e31dac0ea997219b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.0.2"
   flutter_plugin_android_lifecycle:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index c965ebe3..4de0c3ed 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -77,6 +77,7 @@ dependencies:
   table_calendar: ^3.0.8
   image_cropper: ^3.0.3
   touchable: ^0.2.1
+  flutter_month_picker: ^0.0.2
 
 dev_dependencies:
   flutter_test: