diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index aa0e8136957f..a040598e982d 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -11,7 +11,6 @@
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
         <item name="popupTheme">@style/AppTheme.Popup</item>
         <item name="android:spinnerDropDownItemStyle">@style/TextViewSpinnerDropDownItem</item>
-        <item name="android:datePickerDialogTheme">@style/DatePickerDialogTheme</item>
         <item name="android:alertDialogTheme">@style/AlertDialogTheme</item>
     </style>
 
@@ -28,18 +27,6 @@
         <item name="android:fontFamily">@font/expneuebold</item>
     </style>
 
-    <!-- Theme used by the DatePicker dialog -->
-    <style name="DatePickerDialogTheme" parent="Theme.AppCompat.Dialog">
-        <item name="android:windowBackground">@drawable/datepicker_background</item>
-        <item name="android:datePickerStyle">@style/DatePickerStyle</item>
-        <item name="android:fontFamily">@font/expneuebold</item>
-        <item name="colorAccent">@color/accent</item>
-    </style>
-
-    <style name="DatePickerStyle" parent="android:Widget.Material.DatePicker">
-        <item name="android:headerBackground">@color/card_highlight_bg</item> <!-- header background color -->
-    </style>
-
     <!-- Theme used by the Alert dialog -->
     <style name="AlertDialogTheme" parent="Theme.AppCompat.Dialog.Alert">
         <item name="android:windowBackground">@drawable/alert_background</item>
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index e0615c4a52fa..390511397b0e 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -726,8 +726,6 @@ PODS:
     - React-Core
   - RNCPicker (2.4.4):
     - React-Core
-  - RNDateTimePicker (3.5.2):
-    - React-Core
   - RNDeviceInfo (10.3.0):
     - React-Core
   - RNDevMenu (4.1.1):
@@ -919,7 +917,6 @@ DEPENDENCIES:
   - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
   - "RNCClipboard (from `../node_modules/@react-native-clipboard/clipboard`)"
   - "RNCPicker (from `../node_modules/@react-native-picker/picker`)"
-  - "RNDateTimePicker (from `../node_modules/@react-native-community/datetimepicker`)"
   - RNDeviceInfo (from `../node_modules/react-native-device-info`)
   - RNDevMenu (from `../node_modules/react-native-dev-menu`)
   - RNFastImage (from `../node_modules/react-native-fast-image`)
@@ -1121,8 +1118,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/@react-native-clipboard/clipboard"
   RNCPicker:
     :path: "../node_modules/@react-native-picker/picker"
-  RNDateTimePicker:
-    :path: "../node_modules/@react-native-community/datetimepicker"
   RNDeviceInfo:
     :path: "../node_modules/react-native-device-info"
   RNDevMenu:
@@ -1270,7 +1265,6 @@ SPEC CHECKSUMS:
   RNCAsyncStorage: 8616bd5a58af409453ea4e1b246521bb76578d60
   RNCClipboard: d77213bfa269013bf4b857b7a9ca37ee062d8ef1
   RNCPicker: 0b65be85fe7954fbb2062ef079e3d1cde252d888
-  RNDateTimePicker: 7658208086d86d09e1627b5c34ba0cf237c60140
   RNDeviceInfo: 4701f0bf2a06b34654745053db0ce4cb0c53ada7
   RNDevMenu: 72807568fe4188bd4c40ce32675d82434b43c45d
   RNFastImage: 5c9c9fed9c076e521b3f509fe79e790418a544e8
diff --git a/package-lock.json b/package-lock.json
index 92f3de4e6271..b3a8c47f853c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,6 @@
         "@react-native-async-storage/async-storage": "^1.17.10",
         "@react-native-camera-roll/camera-roll": "5.4.0",
         "@react-native-clipboard/clipboard": "^1.12.1",
-        "@react-native-community/datetimepicker": "^3.5.2",
         "@react-native-community/geolocation": "^3.0.6",
         "@react-native-community/netinfo": "^9.3.10",
         "@react-native-firebase/analytics": "^12.3.0",
@@ -8292,15 +8291,6 @@
         "node": ">= 4.0.0"
       }
     },
-    "node_modules/@react-native-community/datetimepicker": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-3.5.2.tgz",
-      "integrity": "sha512-TWRuAtr/DnrEcRewqvXMLea2oB+YF+SbtuYLHguALLxNJQLl/RFB7aTNZeF+OoH75zKFqtXECXV1/uxQUpA+sg==",
-      "license": "MIT",
-      "dependencies": {
-        "invariant": "^2.2.4"
-      }
-    },
     "node_modules/@react-native-community/eslint-config": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-native-community/eslint-config/-/eslint-config-3.0.0.tgz",
@@ -58712,14 +58702,6 @@
         "joi": "^17.2.1"
       }
     },
-    "@react-native-community/datetimepicker": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-3.5.2.tgz",
-      "integrity": "sha512-TWRuAtr/DnrEcRewqvXMLea2oB+YF+SbtuYLHguALLxNJQLl/RFB7aTNZeF+OoH75zKFqtXECXV1/uxQUpA+sg==",
-      "requires": {
-        "invariant": "^2.2.4"
-      }
-    },
     "@react-native-community/eslint-config": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-native-community/eslint-config/-/eslint-config-3.0.0.tgz",
diff --git a/package.json b/package.json
index 24fbe3b0995f..6412fd588bde 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,6 @@
     "@react-native-async-storage/async-storage": "^1.17.10",
     "@react-native-camera-roll/camera-roll": "5.4.0",
     "@react-native-clipboard/clipboard": "^1.12.1",
-    "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/geolocation": "^3.0.6",
     "@react-native-community/netinfo": "^9.3.10",
     "@react-native-firebase/analytics": "^12.3.0",
diff --git a/src/components/DatePicker/datepickerPropTypes.js b/src/components/DatePicker/datepickerPropTypes.js
deleted file mode 100644
index 02d11806b8af..000000000000
--- a/src/components/DatePicker/datepickerPropTypes.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import PropTypes from 'prop-types';
-import {defaultProps as defaultFieldPropTypes, propTypes as fieldPropTypes} from '@components/TextInput/BaseTextInput/baseTextInputPropTypes';
-import CONST from '@src/CONST';
-
-const propTypes = {
-    ...fieldPropTypes,
-
-    /**
-     * The datepicker supports any value that `new Date()` can parse.
-     * `onInputChange` would always be called with a Date (or null)
-     */
-    value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-
-    /**
-     * The datepicker supports any defaultValue that `new Date()` can parse.
-     * `onInputChange` would always be called with a Date (or null)
-     */
-    defaultValue: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-
-    /** The earliest date allowed to select */
-    minDate: PropTypes.instanceOf(Date),
-
-    /** The latest date allowed to select */
-    maxDate: PropTypes.instanceOf(Date),
-};
-
-const defaultProps = {
-    ...defaultFieldPropTypes,
-    value: undefined,
-    minDate: new Date(CONST.DATE.MIN_DATE),
-    maxDate: new Date(CONST.DATE.MAX_DATE),
-};
-
-export {propTypes, defaultProps};
diff --git a/src/components/DatePicker/index.android.js b/src/components/DatePicker/index.android.js
deleted file mode 100644
index 5e7086fb78ad..000000000000
--- a/src/components/DatePicker/index.android.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import RNDatePicker from '@react-native-community/datetimepicker';
-import {format, parseISO} from 'date-fns';
-import React, {forwardRef, useCallback, useImperativeHandle, useRef, useState} from 'react';
-import {Keyboard} from 'react-native';
-import TextInput from '@components/TextInput';
-import useThemeStyles from '@styles/useThemeStyles';
-import CONST from '@src/CONST';
-import {defaultProps, propTypes} from './datepickerPropTypes';
-
-const DatePicker = forwardRef(({value, defaultValue, label, placeholder, errorText, containerStyles, disabled, onBlur, onInputChange, maxDate, minDate}, outerRef) => {
-    const styles = useThemeStyles();
-    const ref = useRef();
-
-    const [isPickerVisible, setIsPickerVisible] = useState(false);
-
-    /**
-     * @param {Event} event
-     * @param {Date} selectedDate
-     */
-    const setDate = (event, selectedDate) => {
-        setIsPickerVisible(false);
-
-        if (event.type === 'set') {
-            onInputChange(format(selectedDate, CONST.DATE.FNS_FORMAT_STRING));
-        }
-    };
-
-    const showPicker = useCallback(() => {
-        Keyboard.dismiss();
-        setIsPickerVisible(true);
-    }, []);
-
-    useImperativeHandle(
-        outerRef,
-        () => ({
-            ...ref.current,
-            focus: showPicker,
-        }),
-        [showPicker],
-    );
-
-    const date = value || defaultValue;
-    const dateAsText = date ? format(parseISO(date), CONST.DATE.FNS_FORMAT_STRING) : '';
-
-    return (
-        <>
-            <TextInput
-                label={label}
-                accessibilityLabel={label}
-                role={CONST.ACCESSIBILITY_ROLE.TEXT}
-                value={dateAsText}
-                forceActiveLabel
-                placeholder={placeholder}
-                errorText={errorText}
-                containerStyles={containerStyles}
-                textInputContainerStyles={isPickerVisible ? [styles.borderColorFocus] : []}
-                onPress={showPicker}
-                readOnly
-                disabled={disabled}
-                onBlur={onBlur}
-                ref={ref}
-            />
-            {isPickerVisible && (
-                <RNDatePicker
-                    value={date ? parseISO(date) : new Date()}
-                    mode="date"
-                    onChange={setDate}
-                    maximumDate={maxDate}
-                    minimumDate={minDate}
-                />
-            )}
-        </>
-    );
-});
-
-DatePicker.propTypes = propTypes;
-DatePicker.defaultProps = defaultProps;
-DatePicker.displayName = 'DatePicker';
-
-export default DatePicker;
diff --git a/src/components/DatePicker/index.ios.js b/src/components/DatePicker/index.ios.js
deleted file mode 100644
index 44a825aa8183..000000000000
--- a/src/components/DatePicker/index.ios.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import RNDatePicker from '@react-native-community/datetimepicker';
-import {format, parseISO} from 'date-fns';
-import isFunction from 'lodash/isFunction';
-import React, {useCallback, useEffect, useRef, useState} from 'react';
-import {Button, Keyboard, View} from 'react-native';
-import Popover from '@components/Popover';
-import TextInput from '@components/TextInput';
-import useKeyboardState from '@hooks/useKeyboardState';
-import useLocalize from '@hooks/useLocalize';
-import useTheme from '@styles/themes/useTheme';
-import useThemeStyles from '@styles/useThemeStyles';
-import CONST from '@src/CONST';
-import {defaultProps, propTypes} from './datepickerPropTypes';
-
-function DatePicker({value, defaultValue, innerRef, onInputChange, preferredLocale, minDate, maxDate, label, disabled, onBlur, placeholder, containerStyles, errorText}) {
-    const theme = useTheme();
-    const styles = useThemeStyles();
-    const dateValue = value || defaultValue;
-    const [isPickerVisible, setIsPickerVisible] = useState(false);
-    const [selectedDate, setSelectedDate] = useState(dateValue ? new Date(dateValue) : new Date());
-    const {isKeyboardShown} = useKeyboardState();
-    const {translate} = useLocalize();
-    const initialValue = useRef(null);
-    const inputRef = useRef(null);
-
-    const showPicker = useCallback(() => {
-        initialValue.current = selectedDate;
-
-        // Opens the popover only after the keyboard is hidden to avoid a "blinking" effect where the keyboard was on iOS
-        // See https://github.com/Expensify/App/issues/14084 for more context
-        if (!isKeyboardShown) {
-            setIsPickerVisible(true);
-            return;
-        }
-
-        const listener = Keyboard.addListener('keyboardDidHide', () => {
-            setIsPickerVisible(true);
-            listener.remove();
-        });
-        Keyboard.dismiss();
-    }, [isKeyboardShown, selectedDate]);
-
-    useEffect(() => {
-        if (!isFunction(innerRef)) {
-            return;
-        }
-
-        const input = inputRef.current;
-
-        if (input && input.focus && isFunction(input.focus)) {
-            innerRef({...input, focus: showPicker});
-            return;
-        }
-
-        innerRef(input);
-    }, [innerRef, showPicker]);
-
-    /**
-     * Reset the date spinner to the initial value
-     */
-    const reset = () => {
-        setSelectedDate(initialValue.current);
-    };
-
-    /**
-     * Accept the current spinner changes, close the spinner and propagate the change
-     * to the parent component (onInputChange)
-     */
-    const selectDate = () => {
-        setIsPickerVisible(false);
-        onInputChange(format(selectedDate, CONST.DATE.FNS_FORMAT_STRING));
-    };
-
-    /**
-     * @param {Event} event
-     * @param {Date} date
-     */
-    const updateLocalDate = (event, date) => {
-        setSelectedDate(date);
-    };
-
-    const dateAsText = dateValue ? format(parseISO(dateValue), CONST.DATE.FNS_FORMAT_STRING) : '';
-
-    return (
-        <>
-            <TextInput
-                forceActiveLabel
-                label={label}
-                accessibilityLabel={label}
-                role={CONST.ACCESSIBILITY_ROLE.TEXT}
-                value={dateAsText}
-                placeholder={placeholder}
-                errorText={errorText}
-                containerStyles={containerStyles}
-                textInputContainerStyles={[isPickerVisible && styles.borderColorFocus]}
-                onPress={showPicker}
-                readOnly
-                disabled={disabled}
-                onBlur={onBlur}
-                ref={inputRef}
-            />
-            <Popover
-                isVisible={isPickerVisible}
-                onClose={selectDate}
-            >
-                <View style={[styles.flexRow, styles.justifyContentBetween, styles.borderBottom, styles.pb1, styles.ph4]}>
-                    <Button
-                        title={translate('common.reset')}
-                        color={theme.textError}
-                        onPress={reset}
-                    />
-
-                    <Button
-                        title={translate('common.done')}
-                        color={theme.link}
-                        onPress={selectDate}
-                    />
-                </View>
-                <RNDatePicker
-                    value={selectedDate}
-                    mode="date"
-                    display="spinner"
-                    themeVariant="dark"
-                    onChange={updateLocalDate}
-                    locale={preferredLocale}
-                    maximumDate={maxDate}
-                    minimumDate={minDate}
-                />
-            </Popover>
-        </>
-    );
-}
-
-DatePicker.propTypes = propTypes;
-DatePicker.defaultProps = defaultProps;
-DatePicker.displayName = 'DatePicker';
-
-/**
- * We're applying localization here because we present a modal (with buttons) ourselves
- * Furthermore we're passing the locale down so that the modal and the date spinner are in the same
- * locale. Otherwise the spinner would be present in the system locale and it would be weird if it happens
- * that the modal buttons are in one locale (app) while the (spinner) month names are another (system)
- */
-const DatePickerWithRef = React.forwardRef((props, ref) => (
-    <DatePicker
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...props}
-        innerRef={ref}
-    />
-));
-
-DatePickerWithRef.displayName = 'DatePickerWithRef';
-
-export default DatePickerWithRef;
diff --git a/src/components/DatePicker/index.js b/src/components/DatePicker/index.js
deleted file mode 100644
index 16d2eb2668a3..000000000000
--- a/src/components/DatePicker/index.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import {format, isValid, parseISO} from 'date-fns';
-import React, {useEffect, useRef} from 'react';
-import _ from 'underscore';
-import TextInput from '@components/TextInput';
-import * as Browser from '@libs/Browser';
-import CONST from '@src/CONST';
-import {defaultProps, propTypes} from './datepickerPropTypes';
-import './styles.css';
-
-function DatePicker({maxDate, minDate, onInputChange, innerRef, label, value, placeholder, errorText, containerStyles, disabled, onBlur}) {
-    const inputRef = useRef(null);
-
-    useEffect(() => {
-        // Adds nice native datepicker on web/desktop. Not possible to set this through props
-        inputRef.current.setAttribute('type', 'date');
-        inputRef.current.setAttribute('max', format(new Date(maxDate), CONST.DATE.FNS_FORMAT_STRING));
-        inputRef.current.setAttribute('min', format(new Date(minDate), CONST.DATE.FNS_FORMAT_STRING));
-        inputRef.current.classList.add('expensify-datepicker');
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-
-    /**
-     * Trigger the `onChange` handler when the user input has a complete date or is cleared
-     * @param {String} text
-     */
-    const setDate = (text) => {
-        if (!text) {
-            onInputChange('');
-            return;
-        }
-
-        const date = parseISO(text);
-        if (isValid(date)) {
-            onInputChange(format(date, CONST.DATE.FNS_FORMAT_STRING));
-        }
-    };
-
-    /**
-     * Pops the datepicker up when we focus this field. This only works on mWeb chrome
-     * On mWeb chrome the user needs to tap on the field again in order to bring the datepicker. But our current styles
-     * don't make this very obvious. To avoid confusion we open the datepicker when the user focuses the field
-     */
-    const showDatepicker = () => {
-        if (!inputRef.current || !Browser.isMobileChrome()) {
-            return;
-        }
-
-        inputRef.current.click();
-    };
-
-    return (
-        <TextInput
-            forceActiveLabel
-            ref={(el) => {
-                inputRef.current = el;
-
-                if (_.isFunction(innerRef)) {
-                    innerRef(el);
-                }
-            }}
-            onFocus={showDatepicker}
-            label={label}
-            accessibilityLabel={label}
-            role={CONST.ACCESSIBILITY_ROLE.TEXT}
-            onInputChange={setDate}
-            value={value}
-            placeholder={placeholder}
-            errorText={errorText}
-            containerStyles={containerStyles}
-            disabled={disabled}
-            onBlur={onBlur}
-        />
-    );
-}
-
-DatePicker.displayName = 'DatePicker';
-DatePicker.propTypes = propTypes;
-DatePicker.defaultProps = defaultProps;
-
-const DatePickerWithRef = React.forwardRef((props, ref) => (
-    <DatePicker
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...props}
-        innerRef={ref}
-    />
-));
-
-DatePickerWithRef.displayName = 'DatePickerWithRef';
-
-export default DatePickerWithRef;
diff --git a/src/components/DatePicker/styles.css b/src/components/DatePicker/styles.css
deleted file mode 100644
index c9883835531a..000000000000
--- a/src/components/DatePicker/styles.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Using a .css file is a special case here, because it's impossible to target
- * pseudo-elements from js code (e.g. ::-webkit)
- * It also helps in cases like using the Datepicker in Storybook - the styles are imported
- * with the component
- */
-
-.expensify-datepicker::-webkit-calendar-picker-indicator {
-    color-scheme: dark;
-    cursor: pointer;
-    padding: 18px 13px;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%);
-}
-.expensify-datepicker::-webkit-date-and-time-value {
-    text-align: left;
-}
diff --git a/src/stories/Datepicker.stories.js b/src/stories/Datepicker.stories.js
deleted file mode 100644
index 65bbec9d7f39..000000000000
--- a/src/stories/Datepicker.stories.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import DatePicker from '@components/DatePicker';
-
-/**
- * We use the Component Story Format for writing stories. Follow the docs here:
- *
- * https://storybook.js.org/docs/react/writing-stories/introduction#component-story-format
- */
-export default {
-    title: 'Components/Datepicker',
-    component: DatePicker,
-    argTypes: {
-        onChange: {action: 'date changed'},
-    },
-    args: {
-        defaultValue: '',
-        label: 'Select Date',
-        placeholder: 'Date Placeholder',
-        errorText: '',
-        hasError: false,
-    },
-};
-
-function Template(args) {
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    return <DatePicker {...args} />;
-}
-
-// Arguments can be passed to the component by binding
-// See: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Default = Template.bind({});
-const PreFilled = Template.bind({});
-Default.args = {
-    label: 'Select Date',
-};
-
-PreFilled.args = {
-    label: 'Select Date',
-    defaultValue: new Date(2018, 7, 21),
-};
-
-export {Default, PreFilled};
diff --git a/src/stories/Form.stories.js b/src/stories/Form.stories.js
index e09ec755b68d..6b73ce6d38fb 100644
--- a/src/stories/Form.stories.js
+++ b/src/stories/Form.stories.js
@@ -2,7 +2,6 @@ import React, {useState} from 'react';
 import {View} from 'react-native';
 import AddressSearch from '@components/AddressSearch';
 import CheckboxWithLabel from '@components/CheckboxWithLabel';
-import DatePicker from '@components/DatePicker';
 import FormProvider from '@components/Form/FormProvider';
 import InputWrapper from '@components/Form/InputWrapper';
 import Picker from '@components/Picker';
@@ -30,7 +29,6 @@ const story = {
         CheckboxWithLabel,
         Picker,
         StatePicker,
-        DatePicker,
     },
 };
 
@@ -69,12 +67,6 @@ function Template(args) {
                 containerStyles={[styles.mt4]}
                 hint="No PO box"
             />
-            <InputWrapper
-                InputComponent={DatePicker}
-                label="Date of birth"
-                inputID="dob"
-                containerStyles={[styles.mt4]}
-            />
             <View>
                 <InputWrapper
                     InputComponent={Picker}