diff --git a/Frontend/lib/mih_packages/appointment/mzansi_calendar.dart b/Frontend/lib/mih_packages/appointment/mzansi_calendar.dart
new file mode 100644
index 00000000..2ca03290
--- /dev/null
+++ b/Frontend/lib/mih_packages/appointment/mzansi_calendar.dart
@@ -0,0 +1,74 @@
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_package/mih_app.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_package/mih_app_action.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_package/mih_app_tools.dart';
+import 'package:Mzansi_Innovation_Hub/mih_objects/app_user.dart';
+import 'package:Mzansi_Innovation_Hub/mih_objects/arguments.dart';
+import 'package:Mzansi_Innovation_Hub/mih_packages/appointment/appointments.dart';
+import 'package:flutter/material.dart';
+
+class MzansiCalendar extends StatefulWidget {
+  final AppUser signedInUser;
+  const MzansiCalendar({
+    super.key,
+    required this.signedInUser,
+  });
+
+  @override
+  State<MzansiCalendar> createState() => _MzansiCalendarState();
+}
+
+class _MzansiCalendarState extends State<MzansiCalendar> {
+  int _selcetedIndex = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return MihApp(
+      appActionButton: getAction(),
+      appTools: getTools(),
+      appBody: getToolBody(),
+      selectedbodyIndex: _selcetedIndex,
+      onIndexChange: (newValue) {
+        setState(() {
+          _selcetedIndex = newValue;
+        });
+        print("Index: $_selcetedIndex");
+      },
+    );
+  }
+
+  MihAppAction getAction() {
+    return MihAppAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        Navigator.of(context).pop();
+        Navigator.of(context).popAndPushNamed(
+          '/',
+          arguments: AuthArguments(true, false),
+        );
+      },
+    );
+  }
+
+  MihAppTools getTools() {
+    Map<Widget, void Function()?> temp = {};
+    temp[const Icon(Icons.calendar_month)] = () {
+      setState(() {
+        _selcetedIndex = 0;
+      });
+    };
+
+    return MihAppTools(
+      tools: temp,
+      selcetedIndex: _selcetedIndex,
+    );
+  }
+
+  List<Widget> getToolBody() {
+    List<Widget> toolBodies = [
+      //appointment here
+      Appointments(signedInUser: widget.signedInUser),
+    ];
+    return toolBodies;
+  }
+}