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

485
Views
Material UI Lab v5: How to style DateRangePicker calendar?

I'm using the DateRangePicker component from @mui/lab (v5.0.0-alpha.62) and I want to add a border around the calendar to make it stand out more from the background. My problem is that since it is a Lab component, there doesn't seem to be standard .Mui_XXXX styling to override and the component doesn't take style or sx props nor does it have a calendarProps to pass props to for styling. Any way to do this or am I SOL till the component is moved into the main library? I also tried PaperProps to pass styling directly to the paper component as called out in the documentation but the component doesn't react to anything I add within it.

<LocalizationProvider dateAdapter={AdapterMoment}>
            <DateRangePicker
              startText="From date"
              endText="To date"
              value={fromToDate}
              onChange={onToFromDateChange}
              maxDate={endYesterday}
              renderInput={(startProps, endProps) => (
                <div style={{ display: 'block' }}>
                  <div style={{ marginBottom: '25px', width: '300px' }}>
                    <TextField
                      {...startProps}
                      variant="outlined"
                      fullWidth
                    />
                  </div>
                  <div style={{ marginBottom: '25px', width: '300px' }}>
                    <TextField {...endProps} variant="outlined" fullWidth />
                  </div>
                </div>
              )}
            />
          </LocalizationProvider>
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!