Search code examples
reactjsdatetimepickerreact-datepicker

React DateTimePicker


Using React DateTimePicker I am trying to Update the new date on change, but its not getting updated with the new Date. can anyone tell me what is wrong over here?

  import DateTimePicker from 'react-datetime-picker';

 const [values, setValues] = useState(new Date()); 

const onDateTimeChangeHandler = (newDate) => {
    setValues(newDate);
  };

<DateTimePicker
  onChange={onDateTimeChangeHandler}
  value={values}
 />

Solution

  • You missed the return statement. So nothing was returned from the render. You need to add the return statement when rendering a react page.

    const App = () => {
    const [values, setValues] = useState(new Date()); 
    
    const onDateTimeChangeHandler = (newDate) => {
       setValues(newDate);
    };
    
    return (
    <DateTimePicker
       onChange={onDateTimeChangeHandler}
       value={values}
    />
    )
    }