Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

494
Vistas
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
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda