Skip to content

PickersActionBar API

API reference docs for the React PickersActionBar component. Learn about the props, CSS, and other APIs of this exported module.

Demos

Import

import { PickersActionBar } from '@mui/x-date-pickers/PickersActionBar';
// or
import { PickersActionBar } from '@mui/x-date-pickers';
// or
import { PickersActionBar } from '@mui/x-date-pickers-pro';

Learn about the difference by reading this guide on minimizing bundle size.

Props

Props of the native component are also available.

NameTypeDefaultDescription
actionsArray<'accept'
| 'cancel'
| 'clear'
| 'today'>
`['cancel', 'accept']` for mobile and `[]` for desktop

Ordered array of actions to display. If empty, does not display that action bar.

disableSpacingboolfalse

If true, the actions do not have additional margin.

sxArray<func
| object
| bool>
| func
| object
-

The system prop that allows defining system overrides as well as additional CSS styles.

See the `sx` page for more details.

The component cannot hold a ref.

CSS classes

These class names are useful for styling with CSS. They are applied to the component's slots when specific states are triggered.

Class nameRule nameDescription
.MuiPickersActionBar-rootrootStyles applied to the root element.
.MuiPickersActionBar-spacingspacingStyles applied to the root element unless disableSpacing={true}.

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

Source code

If you did not find the information in this page, consider having a look at the implementation of the component for more detail.