I'm having problems using DatePicker with react native

Weslley Henrique 0
Viewed 40

I'm having problems using DatePicker with react native when I'm using it, there are an error like this: render error a date or time must be specified as value prop my repository: my github repository

const [date, setDate] = useState(new Date());

function changeDate(selectDate) {
    if (event?.type === 'dismissed') {
      setDate(date);
      return;
    }
    setDate(selectDate);
  }

<DatePicker
  format="DD/MM/YYY"
  date={date}
  onDateChange={changeDate}
 />
react-native reactjs typescript javascript
3 Answers

You need to provide value prop instead of date

<DatePicker format="DD/MM/YYY" value={date} onDateChange={changeDate} />
Rohit Chhabra0

maybe this will work

    const [date, setDate] = useState(new Date())
    
    const onChange = (event, selectedDate) => {
            setShowDate(false);

    
    if (event?.type === 'dismissed') {
        setDate(date);
        return;
    }
    setDate(selectedDate);
    };
neveractually0

You used the wrong prop for the initial date it's value not date

and you also don't need to set a date that is already set

const [date, setDate] = useState(new Date());

function changeDate(selectDate) {
    if (event?.type === 'dismissed') {
      return;
    }
    setDate(selectDate);
  }

<DatePicker
  format="DD/MM/YYY"
  value={date}
  onDateChange={changeDate}
 />
Bhavya Koshiya0
Related