diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index 0507fddfb..b49fc0158 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -51,6 +51,7 @@ const validateAndCleanInput = (value) => {
 
 const manageDate = (date) => {
     inputValue.value = date.split('/').reverse().join('/');
+    formatDate();
     isPopupOpen.value = false;
 };
 
@@ -170,7 +171,7 @@ const handleEnter = (event) => {
             :input-style="{ color: textColor }"
             @click="isPopupOpen = !isPopupOpen"
             @keydown="isPopupOpen = false"
-            @blur="formatDate"
+            @focusout="formatDate"
             @keydown.enter.prevent="handleEnter"
             hide-bottom-space
             :data-cy="($attrs['data-cy'] ?? $attrs.label) + '_inputDate'"
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 24e24d8cd..fa0aea146 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -121,44 +121,45 @@ const agencyCard = {
     ],
 };
 
-const roadmapCard = {
-    path: ':id',
-    name: 'RoadmapCard',
-    component: () => import('src/pages/Route/Roadmap/RoadmapCard.vue'),
-    redirect: { name: 'RoadmapSummary' },
-    meta: {
-        menu: ['RoadmapBasicData', 'RoadmapStops'],
-    },
-    children: [
-        {
-            name: 'RoadmapSummary',
-            path: 'summary',
-            meta: {
-                title: 'summary',
-                icon: 'open_in_new',
-            },
-            component: () => import('pages/Route/Roadmap/RoadmapSummary.vue'),
-        },
-        {
-            name: 'RoadmapBasicData',
-            path: 'basic-data',
-            meta: {
-                title: 'basicData',
-                icon: 'vn:settings',
-            },
-            component: () => import('pages/Route/Roadmap/RoadmapBasicData.vue'),
-        },
-        {
-            name: 'RoadmapStops',
-            path: 'stops',
-            meta: {
-                title: 'stops',
-                icon: 'vn:lines',
-            },
-            component: () => import('pages/Route/Roadmap/RoadmapStops.vue'),
-        },
-    ],
-};
+// Waiting for the roadmap to be implemented refs #8227
+// const roadmapCard = {
+//     path: ':id',
+//     name: 'RoadmapCard',
+//     component: () => import('src/pages/Route/Roadmap/RoadmapCard.vue'),
+//     redirect: { name: 'RoadmapSummary' },
+//     meta: {
+//         menu: ['RoadmapBasicData', 'RoadmapStops'],
+//     },
+//     children: [
+//         {
+//             name: 'RoadmapSummary',
+//             path: 'summary',
+//             meta: {
+//                 title: 'summary',
+//                 icon: 'open_in_new',
+//             },
+//             component: () => import('pages/Route/Roadmap/RoadmapSummary.vue'),
+//         },
+//         {
+//             name: 'RoadmapBasicData',
+//             path: 'basic-data',
+//             meta: {
+//                 title: 'basicData',
+//                 icon: 'vn:settings',
+//             },
+//             component: () => import('pages/Route/Roadmap/RoadmapBasicData.vue'),
+//         },
+//         {
+//             name: 'RoadmapStops',
+//             path: 'stops',
+//             meta: {
+//                 title: 'stops',
+//                 icon: 'vn:lines',
+//             },
+//             component: () => import('pages/Route/Roadmap/RoadmapStops.vue'),
+//         },
+//     ],
+// };
 
 const vehicleCard = {
     path: ':id',
@@ -228,7 +229,7 @@ export default {
             'RouteList',
             'RouteExtendedList',
             'RouteAutonomous',
-            'RouteRoadmap',
+            // 'RouteRoadmap', Waiting for the roadmap to be implemented refs #8227
             'CmrList',
             'AgencyList',
             'VehicleList',
@@ -288,28 +289,29 @@ export default {
                     },
                     component: () => import('src/pages/Route/RouteAutonomous.vue'),
                 },
-                {
-                    path: 'roadmap',
-                    name: 'RouteRoadmap',
-                    redirect: { name: 'RoadmapList' },
-                    component: () => import('src/pages/Route/RouteRoadmap.vue'),
-                    meta: {
-                        title: 'RouteRoadmap',
-                        icon: 'vn:troncales',
-                    },
-                    children: [
-                        {
-                            name: 'RoadmapList',
-                            path: 'list',
-                            meta: {
-                                title: 'list',
-                                icon: 'view_list',
-                            },
-                            component: () => import('src/pages/Route/RouteRoadmap.vue'),
-                        },
-                        roadmapCard,
-                    ],
-                },
+                // Waiting for the roadmap to be implemented refs #8227
+                // {
+                //     path: 'roadmap',
+                //     name: 'RouteRoadmap',
+                //     redirect: { name: 'RoadmapList' },
+                //     component: () => import('src/pages/Route/RouteRoadmap.vue'),
+                //     meta: {
+                //         title: 'RouteRoadmap',
+                //         icon: 'vn:troncales',
+                //     },
+                //     children: [
+                //         {
+                //             name: 'RoadmapList',
+                //             path: 'list',
+                //             meta: {
+                //                 title: 'list',
+                //                 icon: 'view_list',
+                //             },
+                //             component: () => import('src/pages/Route/RouteRoadmap.vue'),
+                //         },
+                //         roadmapCard,
+                //     ],
+                // },
                 {
                     path: 'cmr',
                     name: 'CmrList',