Date advanced filter rhp, empty

src/ROUTES.ts

@@ -54,6 +54,11 @@ const ROUTES = {
         getRoute: (query: string) => `search/${query}/filters` as const,
     },
 
+    SEARCH_ADVANCED_FILTERS_DATE: {
+        route: '/search/filters/date',
+        getRoute: () => `search/filters/date` as const,
+    },
+
     SEARCH_REPORT: {
         route: '/search/:query/view/:reportID',
         getRoute: (query: string, reportID: string) => `search/${query}/view/${reportID}` as const,

src/SCREENS.ts

@@ -147,6 +147,7 @@ const SCREENS = {
         TRAVEL: 'Travel',
         SEARCH_REPORT: 'SearchReport',
         SEARCH_ADVANCED_FILTERS: 'SearchAdvancedFilters',
+        SEARCH_ADVANCES_FILTER_DATE: 'SearchAdvancedFilterDate',
         SETTINGS_CATEGORIES: 'SettingsCategories',
         RESTRICTED_ACTION: 'RestrictedAction',
     },

src/languages/en.ts

@@ -3479,6 +3479,13 @@ export default {
             noOptionsAvailable: 'No options available for the selected group of expenses.',
         },
         filtersHeader: 'Filters',
+        filters: {
+            date: {
+                header: 'Date',
+                before: 'Before',
+                after: 'After',
+            },
+        },
     },
     genericErrorPage: {
         title: 'Uh-oh, something went wrong!',

src/languages/es.ts

@@ -3530,6 +3530,13 @@ export default {
             noOptionsAvailable: 'No hay opciones disponibles para el grupo de gastos seleccionado.',
         },
         filtersHeader: 'Filtros',
+        filters: {
+            date: {
+                header: 'Fecha',
+                before: 'Antes',
+                after: 'Después',
+            },
+        },
     },
     genericErrorPage: {
         title: '¡Oh-oh, algo salió mal!',

src/libs/Navigation/AppNavigator/ModalStackNavigators/index.tsx

@@ -31,7 +31,6 @@ import type {
     TravelNavigatorParamList,
     WalletStatementNavigatorParamList,
 } from '@navigation/types';
-import SearchAdvancedFiltersPage from '@pages/Search/SearchAdvancedFiltersPage';
 import type {ThemeStyles} from '@styles/index';
 import type {Screen} from '@src/SCREENS';
 import SCREENS from '@src/SCREENS';
@@ -494,6 +493,7 @@ const SearchReportModalStackNavigator = createModalStackNavigator<SearchReportPa
 
 const SearchAdvancedFiltersModalStackNavigator = createModalStackNavigator<SearchAdvancedFiltersParamList>({
     [SCREENS.SEARCH.ADVANCED_FILTERS_RHP]: () => require<ReactComponentModule>('../../../../pages/Search/SearchAdvancedFiltersPage').default,
+    [SCREENS.RIGHT_MODAL.SEARCH_ADVANCES_FILTER_DATE]: () => require<ReactComponentModule>('../../../../pages/Search/SearchAdvancedFilterDate').default,
 });
 
 const RestrictedActionModalStackNavigator = createModalStackNavigator<SearchReportParamList>({

src/libs/Navigation/linkingConfig/config.ts

@@ -959,6 +959,7 @@ const config: LinkingOptions<RootStackParamList>['config'] = {
                 [SCREENS.RIGHT_MODAL.SEARCH_ADVANCED_FILTERS]: {
                     screens: {
                         [SCREENS.SEARCH.ADVANCED_FILTERS_RHP]: ROUTES.SEARCH_ADVANCED_FILTERS.route,
+                        [SCREENS.RIGHT_MODAL.SEARCH_ADVANCES_FILTER_DATE]: ROUTES.SEARCH_ADVANCED_FILTERS_DATE.route,
                     },
                 },
                 [SCREENS.RIGHT_MODAL.RESTRICTED_ACTION]: {

src/pages/Search/SearchAdvancedFilterDate.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import {View} from 'react-native';
+import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
+import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import ScreenWrapper from '@components/ScreenWrapper';
+import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
+import Text from '@src/components/Text';
+
+function SearchAdvancedFilterDate() {
+    const styles = useThemeStyles();
+    const {translate} = useLocalize();
+
+    return (
+        <ScreenWrapper
+            testID={SearchAdvancedFilterDate.displayName}
+            shouldShowOfflineIndicatorInWideScreen
+            offlineIndicatorStyle={styles.mtAuto}
+        >
+            <FullPageNotFoundView shouldShow={false}>
+                <HeaderWithBackButton title={translate('search.filters.date.header')} />
+                <View style={[styles.flex1]}>
+                    <Text>Here will be search advanced filter: Date</Text>
+                </View>
+            </FullPageNotFoundView>
+        </ScreenWrapper>
+    );
+}
+
+SearchAdvancedFilterDate.displayName = 'SearchAdvancedFilterDate';
+
+export default SearchAdvancedFilterDate;