Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

208
Views
Material UI - React Js - Datepicker selecting next date

I am using material ui datepicker -

<MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DatePicker value={selectedDate} onChange={date=>handleDateChange(date)} 
                  shouldDisableDate={disableWeekends} />
</MuiPickersUtilsProvider>

function disableWeekneds(date){
  let datesToDisabled=['2021-10-18','2021-10-20']
  const dateInt = [
   datesToDisabled[0],
datesToDisabled[1]
];
let isToDisabled=dateInt.includes(date.toISOString().split('T')[0])

return date.getDay()==6 || date.getDay()==0 || isToDisabled;
}

Here in disable weekends function I am disabling weekends + custom dates. When I open calender , I see disabled dates to be - 19th Oct and 20th Oct.

How can I resolve this? I tried with - parseISO , but no use.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!