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;

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', () => {

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>
+    <RouterProvider />
-      Hello ksv741!
-    </h1>
   </div>
 );
 

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);

src/pages/CalendarPage/index.js

@@ -0,0 +1 @@
+export { default as CalendarPage } from './ui/CalendarPage.ui';

src/pages/CalendarPage/ui/CalendarPage.module.css

@@ -0,0 +1,5 @@
+.calendarWrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

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;