Onchange Doesn't work

[Alisonais]

Question

[trikecarlan]

yeah..anyone encountered this and how you solved this.
The onchange keep on setting the default state to original. when the calendar ui is displayed and select date, it goes back to the original selected Date.

import React, { useState } from 'react';
import { View, Button, Platform, Text } from 'react-native';
import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker';
import { Fontisto } from '@expo/vector-icons';

type DatePickerInputProps = {
date: Date;
setDate: React.Dispatch<React.SetStateAction>
};

const DatePickerInput: React.FC = ({
date = new Date(),
setDate,
}) => {
const [show, setShow] = useState(false);

const onChange = (event: DateTimePickerEvent, selectedDate?: Date) => {
    console.log(selectedDate)
    if (event.type === 'set' && selectedDate) {
        setDate(selectedDate);
    }
    setShow(false)
};

return (
    <View>
        <Fontisto onPress={() => setShow(true)} name="date" size={24} color="orange" />
        {show && (
            <DateTimePicker
                value={date}
                mode="date"
                display="default"
                onChange={onChange}
            />
        )}
    </View>
);

};

export default DatePickerInput;

[github-actions]

👋 @Alisonais, sorry you're having an issue. This issue is being closed because it does not provide all information required by the issue template. As the issue template explains, we require that you provide a runnable example that reproduces your issue and your environment information. This means you need to provide a code snippet that we can copy-paste into an empty project and see the error ourselves, or provide a git repository with the issue.
The reason is that maintainers do not have time to try reproduce bugs themselves. Please try to minimize the superfluous code and focus only on reproducing the bug.
Please create a new issue with this and we'll be happy to review it!