Skip to content

MonthPicker API

API documentation for the React MonthPicker component. Learn about the available props, and the CSS API.

Import

import MonthPicker from '@material-ui/lab/MonthPicker';
// or
import { MonthPicker } from '@material-ui/lab';
You can learn about the difference by reading this guide on minimizing bundle size.

Component name

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

Props

NameTypeDefaultDescription
date*anyDate value for the MonthPicker
maxDate*anyMaximal selectable date.
minDate*anyMinimal selectable date.
onChange*funcCallback fired on date change.
disableFutureboolfalseIf true future days are disabled.
disablePastboolfalseIf true past days are disabled.

The ref is forwarded to the root element.

CSS

Rule nameGlobal classDescription
root.MuiMonthPicker-root

You can override the style of the component using one of these customization options: If that isn't sufficient, you can check the implementation of the component for more detail.

Demos