Skip to content

YearPicker API

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

Import

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

Component name

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

Props

NameTypeDefaultDescription
onYearChangefuncCallback firing on year change @DateIOType.
shouldDisableYearfuncDisable specific years dynamically. Works like shouldDisableDate but for year selection view @DateIOType.

The ref is forwarded to the root element.

CSS

Rule nameGlobal classDescription
root.MuiYearPicker-rootStyles applied to the root element.

You can override the style of the component using one of these customization options:

Demos