diff --git a/src/apps/MoneyControllApp/model/providers/RouterProvider/index.jsx b/src/apps/MoneyControllApp/model/providers/RouterProvider/index.jsx
new file mode 100644
index 0000000..1084733
--- /dev/null
+++ b/src/apps/MoneyControllApp/model/providers/RouterProvider/index.jsx
@@ -0,0 +1,16 @@
+import { createBrowserRouter, RouterProvider as RRDRouterProvider } from 'react-router-dom';
+
+import { CalendarPage } from 'pages/CalendarPage';
+
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <CalendarPage />,
+  },
+]);
+
+const RouterProvider = () => (
+  <RRDRouterProvider router={router} />
+);
+
+export default RouterProvider;
diff --git a/src/apps/MoneyControllApp/ui/MoneyControllApp.spec.jsx b/src/apps/MoneyControllApp/ui/MoneyControllApp.spec.jsx
index c6749a7..1be32a9 100644
--- a/src/apps/MoneyControllApp/ui/MoneyControllApp.spec.jsx
+++ b/src/apps/MoneyControllApp/ui/MoneyControllApp.spec.jsx
@@ -1,4 +1,5 @@
 import { screen, render } from '@testing-library/react';
+
 import MoneyControllApp from './MoneyControllApp.ui';
 
 describe('Test MoneyControllApp', () => {
diff --git a/src/apps/MoneyControllApp/ui/MoneyControllApp.ui.jsx b/src/apps/MoneyControllApp/ui/MoneyControllApp.ui.jsx
index 0e5e67b..0dd508a 100644
--- a/src/apps/MoneyControllApp/ui/MoneyControllApp.ui.jsx
+++ b/src/apps/MoneyControllApp/ui/MoneyControllApp.ui.jsx
@@ -1,8 +1,8 @@
+import RouterProvider from '../model/providers/RouterProvider';
+
 const MoneyControllApp = () => (
   <div data-testid="money-contoll-app">
-    <h1>
-      Hello ksv741!
-    </h1>
+    <RouterProvider />
   </div>
 );
 
diff --git a/src/index.jsx b/src/index.jsx
index c82de2e..0711460 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,6 +1,7 @@
 import 'normalize.css';
 import { createRoot } from 'react-dom/client';
-import { MoneyControllApp } from './apps/MoneyControllApp';
+
+import { MoneyControllApp } from 'apps/MoneyControllApp';
 
 const domNode = document.getElementById('root');
 const root = createRoot(domNode);
diff --git a/src/pages/CalendarPage/index.js b/src/pages/CalendarPage/index.js
new file mode 100644
index 0000000..f22791a
--- /dev/null
+++ b/src/pages/CalendarPage/index.js
@@ -0,0 +1 @@
+export { default as CalendarPage } from './ui/CalendarPage.ui';
diff --git a/src/pages/CalendarPage/ui/CalendarPage.module.css b/src/pages/CalendarPage/ui/CalendarPage.module.css
new file mode 100644
index 0000000..c6435d2
--- /dev/null
+++ b/src/pages/CalendarPage/ui/CalendarPage.module.css
@@ -0,0 +1,5 @@
+.calendarWrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/pages/CalendarPage/ui/CalendarPage.ui.jsx b/src/pages/CalendarPage/ui/CalendarPage.ui.jsx
new file mode 100644
index 0000000..5e18cfd
--- /dev/null
+++ b/src/pages/CalendarPage/ui/CalendarPage.ui.jsx
@@ -0,0 +1,21 @@
+import { CalendarWidget } from 'widgets/CalendarWidget';
+
+import classes from './CalendarPage.module.css';
+
+const CalendarPage = () => (
+  <div>
+    <h1>
+      Calendar Page
+    </h1>
+
+    <div className={classes.calendarWrapper}>
+      <CalendarWidget
+        locale="en"
+        maxDate={new Date(2027, 2, 15)}
+        minDate={new Date(1996, 9, 15)}
+      />
+    </div>
+  </div>
+);
+
+export default CalendarPage;