Skip to content

🎉 Material UI v7 is out now! Check out the announcement blog post.

MUI X

What's new in MUI X
Introduction
Common concepts
Data Grid
Date and Time Pickers
- Overview
- Getting started
- Base concepts
- Accessibility
- FAQ
- Components
  Date components
  Time components
  Date Time components
  Date Range components
  Time Range components
  Date Time Range components
  Field components
  API reference
- Common features
  Validation
  Components lifecycle
  Shortcuts
- Localization
  Translated components
  Date format and localization
  UTC and timezones
  Calendar systems
- Visual customization
  Custom subcomponents
  Custom layout
  Custom field
  Custom opening button
  Customization playground
Charts
New
Tree View
New
Migration

Customization playground

Use this playground to experiment with the props that affect the layout of the Date and Time Picker components.

Selected components

Date

Selected components

DesktopDatePicker

DesktopDatePicker

MobileDatePicker

MobileDatePicker

Select date

––

March 2026

SMTWTFS

Playground

Toolbar hidden

Available views

yearmonthday

Static desktop mode

Show days outside current month

Fixed 6 weeks

Display week number

Disable day margin

Custom actions

Landscape orientation

Was this page helpful?

Custom opening button Overview

•

•