Preventing brief occurrences of emojis and non-digit chars.

src/components/AmountWithoutCurrencyInput.tsx

@@ -45,6 +45,9 @@ function AmountWithoutCurrencyInput(
         [onInputChange],
     );
 
+    const positiveMask = [`[09999999]${separator}[09]`];
+    const positiveAndNegativeMask = [`[09999999]${separator}[09]`, `-[09999999]${separator}[09]`];
+
     return (
         <TextInput
             inputID={inputID}
@@ -58,8 +61,9 @@ function AmountWithoutCurrencyInput(
             keyboardType={!shouldAllowNegative ? CONST.KEYBOARD_TYPE.DECIMAL_PAD : undefined}
             type="mask"
             mask={`[09999999]${separator}[09]`}
-            allowedKeys="0123456789.,"
-            validationRegex={'^(?!.*[.,].*[.,])\\d{0,8}(?:[.,]\\d{0,2})?$'}
+            allowedKeys="0123456789.,-"
+            validationRegex={'^-?(?!.*[.,].*[.,])\\d{0,8}(?:[.,]\\d{0,2})?$'}
+            affinityFormat={shouldAllowNegative ? positiveAndNegativeMask : positiveMask}
             // On android autoCapitalize="words" is necessary when keyboardType="decimal-pad" or inputMode="decimal" to prevent input lag.
             // See https://github.com/Expensify/App/issues/51868 for more information
             autoCapitalize="words"

src/components/TextInput/BaseTextInput/types.ts

@@ -163,6 +163,9 @@ type CustomBaseTextInputProps = {
     /** The mask of the masked input */
     mask?: MaskedTextInputOwnProps['mask'];
 
+    /** The list of masks to be applied for the input */
+    affinityFormat?: MaskedTextInputOwnProps['affinityFormat'];
+
     /** A set of permitted characters for the input */
     allowedKeys?: MaskedTextInputOwnProps['allowedKeys'];
 

src/pages/workspace/perDiem/EditPerDiemAmountPage.tsx

@@ -1,6 +1,5 @@
 import React, {useCallback} from 'react';
 import {useOnyx} from 'react-native-onyx';
-import AmountWithoutCurrencyForm from '@components/AmountWithoutCurrencyForm';
 import FormProvider from '@components/Form/FormProvider';
 import InputWrapper from '@components/Form/InputWrapper';
 import type {FormInputErrors, FormOnyxValues} from '@components/Form/types';
@@ -22,6 +21,7 @@ import ROUTES from '@src/ROUTES';
 import type SCREENS from '@src/SCREENS';
 import INPUT_IDS from '@src/types/form/WorkspacePerDiemForm';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
+import AmountWithoutCurrencyInput from '@components/AmountWithoutCurrencyInput';
 
 type EditPerDiemAmountPageProps = PlatformStackScreenProps<SettingsNavigatorParamList, typeof SCREENS.WORKSPACE.PER_DIEM_EDIT_AMOUNT>;
 
@@ -98,7 +98,7 @@ function EditPerDiemAmountPage({route}: EditPerDiemAmountPageProps) {
                 >
                     <InputWrapper
                         ref={inputCallbackRef}
-                        InputComponent={AmountWithoutCurrencyForm}
+                        InputComponent={AmountWithoutCurrencyInput}
                         defaultValue={defaultAmount}
                         label={translate('workspace.perDiem.amount')}
                         accessibilityLabel={translate('workspace.perDiem.amount')}