How to disable past dates in material-ui Date picker?

Question

I'm using material-ui Date-Picker. How to disable past days before today's date?

 import React from 'react';
 import DatePicker from 'material-ui/DatePicker';

function disablePastDays(date) {
  //code here to disable past days
}

const calendar = () => (
    <div>
        <DatePicker shouldDisableDate={disablePastDays}/>
    </div>
)

Answer 1

material-ui's DatePicker accepts minDate prop. So you might want this:

const today = new Date();
<DatePicker minDate={today}/>

Answer 2

Use disablePast.

<DatePicker
    disablePast
/>

They have it since v1.0.0-beta.10.

Answer 3

We can give minDate as props to the DatePicker material UI component

Create a state using usestate and then pass the state value into the props as below

const [startMinDate, setStartDate] = useState(new Date())

<DatePicker
      required
      label="Date"
      disablePast                  
      minDate = {startMinDate}
 />

Answer 4

I am using import DatePicker from '@mui/lab/DatePicker'; library of version "@mui/lab": "^5.0.0-alpha.66"

Below code works fine for me

 <DatePicker
   disablePast
   value={checkout.rideDate}
   onChange={(newValue) => { // your code of onChange functionality}
    />
   }
 />