# Source: https://mui.com/x/react-date-pickers/playground.md

---
productId: x-date-pickers
title: Date and Time Pickers - Customization playground
packageName: '@mui/x-date-pickers'
githubLabel: 'scope: pickers'
components: PickerDay2, DateRangePickerDay2
materialDesign: https://m2.material.io/components/date-pickers
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/
---

# Customization playground

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

```jsx
import PickersPlayground from 'docsx/src/modules/components/PickersPlayground';

export default function PickersPlaygroundWrapper() {
  return <PickersPlayground />;
}

```