I am trying use reactdatepicker, but I get error message that setHours is is not defined

Question

I know that this set is supposed to execute on Date objects, but even when I execute on the Date object. The reactdatepicker doesn't work at all.

• Line 12:3: 'setHours' is not defined no-undef

• Line 12:12: 'setMinutes' is not defined no-undef

• Line 43:9: 'setHours' is not defined no-undef

• Line 43:18: 'setMinutes' is not defined no-undef

• Line 44:9: 'setHours' is not defined no-undef

• Line 44:18: 'setMinutes' is not defined no-undef

• Line 45:9: 'setHours' is not defined no-undef

• Line 45:18: 'setMinutes' is not defined no-undef

• Line 46:9: 'setHours' is not defined no-undef

• Line 46:18: 'setMinutes' is not defined no-undef

        const [startDate, setStartDate] = useState(
          setHours(setMinutes(new Date(), 30), 16)
        );
        return (
          <DatePicker
            selected={startDate}
            onChange={date => setStartDate(date)}
            showTimeSelect
            excludeTimes={[
              setHours(setMinutes(new Date(), 0), 17),
              setHours(setMinutes(new Date(), 30), 18),
              setHours(setMinutes(new Date(), 30), 19),
              setHours(setMinutes(new Date(), 30), 17)
            ]}
            dateFormat="MMMM d, yyyy h:mm aa"
          />
        );
      }; ```

Answer 1

You should import setHours and setMinutes from date-fns module

import setHours from "date-fns/setHours";
import setMinutes from "date-fns/setMinutes";