Calendar systems

Use the Date and Time Pickers with non-Gregorian calendars.

Jalali

You can use either the AdapterDateFnsJalali adapter, which is based on date-fns-jalali, or the AdapterMomentJalaali adapter, which is based on moment-jalaali.

The following demo shows how to use the date-fns-jalali adapter:

AdapterDateFnsJalali

ب.ظ.⁩ ⁦12:00⁩ ⁦1400/11/12

Both date-fns-jalali major versions (v2.x and v3.x) are supported.

A single adapter cannot work for both date-fns-jalali v2.x and v3.x, because the way functions are exported has been changed in v3.x.

To use date-fns-jalali v3.x, you will have to import the adapter from @mui/x-date-pickers/AdapterDateFnsJalaliV3 instead of @mui/x-date-pickers/AdapterDateFnsJalali.

// with date-fns-jalali v2.x
import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';
// with date-fns-jalali v3.x
import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalaliV3';

The following demo shows how to use the moment-jalaali adapter:

AdapterMomentJalaali

۱۲:۰۰⁩ ⁦۱۴۰۰/۱۱/۱۲

Hijri

You can use the AdapterMomentHijri adapter, which is based on moment-hijri:

Unsupported libraries

If you need to use a date library that is not supported yet, please open an issue in the MUI X repository.

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

<LocalizationProvider />