PickersDay API

Documentação da API para o componente React PickersDay . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import PickersDay from '@mui/lab/PickersDay';
// ou
import { PickersDay } from '@mui/lab';

The name MuiPickersDay can be used when providing default props or style overrides in the theme.

Props of the nativo component are also available.

Nome	Tipo	Padrão	Descrição
day^*	any		The date to show.
outsideCurrentMonth^*	bool	false	If `true`, day is outside of month and will be hidden.
allowSameDateSelection	bool	false	If `true`, `onChange` is fired on click even if the same date is selected.
children	node		O conteúdo do componente.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
disabled	bool	false	If `true`, renders as disabled.
disableHighlightToday	bool	false	If `true`, todays date is rendering without highlighting with circle.
disableMargin	bool	false	If `true`, days are rendering without margin. Useful for displaying linked range of days.
selected	bool	false	If `true`, renders as selected.
showDaysOutsideCurrentMonth	bool	false	If `true`, days that have `outsideCurrentMonth={true}` are displayed.
sx	func \| object		The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
today	bool	false	If `true`, renders as today date.

O ref é encaminhado para o elemento raiz.

Nome da regra	Classe global	Descrição
root	.MuiPickersDay-root	Estilos aplicados ao elemento raiz.
dayWithMargin	.MuiPickersDay-dayWithMargin	Estilos aplicados para o elemento raiz se `disableMargin=false`.
dayOutsideMonth	.MuiPickersDay-dayOutsideMonth	Estilos aplicados para o elemento raiz se `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`.
hiddenDaySpacingFiller	.MuiPickersDay-hiddenDaySpacingFiller	Estilos aplicados para o elemento raiz se `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=false`.
today	.MuiPickersDay-today	Estilos aplicados para o elemento raiz se `disableHighlightToday=false` and `today=true`.
selected	.Mui-selected	Pseudo-class aplicada a o elemento raiz se `selected=true`.
disabled	.Mui-disabled	Pseudo-class aplicada a o elemento raiz se `disabled=true`.

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.