/Javascript/React/React date picker disable past dates

React date picker disable past dates

//datepicker

<DatePicker
    selected={new Date()}
    onChange={date => handleDateChange(date, field)}
    minDate={moment().toDate()}
/>

React date picker disable past dates

  <DatePicker
  selected={Filters.from}
  minDate={new Date()}  // add this in your date componet
  onChange={(date) =>
  setFilters((prev) => ({
    ...prev,
    from: date,
  }))
  }
  />

Similar codes

10 votes352 views4 answers
React hooks
Javascript React
0 vote399 views1 answer
Firebase integration in react
Javascript React
1 vote379 views1 answer
Update create react app package to latest
Javascript React
0 vote392 views1 answer
How to call api on load using hooks in react
Javascript React
0 vote361 views2 answers
Storage package npm react
Javascript React
0 vote411 views1 answer
Infinite scroll for chat react js
Javascript React
2 votes562 views2 answers
Select option in reactive forms
Javascript React
1 vote387 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
1 vote433 views3 answers
React toggle state
Javascript React
2 votes373 views2 answers
React native dimensions window vs screen
Javascript React