Having issues with Range Selection

[AbisheekKumar]

Hello,

I am currently encountering an issue with the Range Date Picker component while using the en-GB locale. When I attempt to select a date range from 02-10-2023 to 10-10-2023, the start date is incorrectly being registered as 01-10-2023. I have followed the implementation guidelines provided in the official documentation.

I would greatly appreciate your assistance in resolving this matter.

Here is my program:

import React from "react";
import { View, Text } from "react-native";
import { Button } from 'react-native-paper';
import { enGB, DatePickerModal, registerTranslation } from 'react-native-paper-dates';
import { SafeAreaProvider } from "react-native-safe-area-context";

registerTranslation('en-GB', enGB);

export default function App() {
  const [range, setRange] = React.useState({ startDate: undefined, endDate: undefined });
  const [open, setOpen] = React.useState(false);

   const onDismiss = React.useCallback(() => {
    setOpen(false);
  }, [setOpen]);

 const onConfirm = React.useCallback(
    ({ startDate, endDate }) => {
      setOpen(false);
      setRange({ startDate, endDate });
    },
    [setOpen, setRange]
  );

  return (
    <SafeAreaProvider>
      <View style={{ justifyContent: 'center', flex: 1, alignItems: 'center' }}>
        <Button onPress={() => setOpen(true)} uppercase={false} mode="outlined">
          Pick range
        </Button>
        <DatePickerModal
          locale="en-GB"
          mode="range"
          visible={open}
          onDismiss={onDismiss}
          startDate={range.startDate}
          endDate={range.endDate}
          onConfirm={onConfirm}
        />
      </View>
    </SafeAreaProvider>
  )
}

If i use this program without registerTranslation('en-GB', enGB); It's showing me this error :

[react-native-paper-dates] The locale en is not registered, see README!, key: typeInDate