Date pickers | MUI - Minimal UI

MUI X Date and Time Pickers

https://mui.com/x/react-date-pickers/getting-started/

Date

Basic

Date picker

05/25/2025

Desktop date picker

05/25/2025

Mobile date picker

05/25/2025

Date field

05/25/2025

Playground

Year, month and day

05/25/2025

Month and year

May 2025

Day

Static mode

May 2025

SMTWTFS

May 2025

SMTWTFS

Time

Basic

Time picker

09:30 AM

Desktop time picker

09:30 AM

Mobile time picker

09:30 AM

Time field

09:30 AM

Views playground

12 hours

09:30 AM

24 hours

09:30

Hours, minutes and seconds

09:30:00 AM

Minutes and seconds

30:00

Hours

09 AM

Static mode

Date & Time

Basic

Date time picker

05/25/2025 09:30 AM

Desktop date time picker

05/25/2025 09:30 AM

Mobile date time picker

05/25/2025 09:30 AM

Date time field

05/25/2025 09:30 AM

Views playground

Year, month, day, hours, minutes and seconds

05/25/2025 09:30:00 AM

Year, day, hours, minutes, seconds

05/25/2025 09:30:00 AM

day, hours

25 09 AM

Disabled

05/25/2025 09:30 AM

Read only

05/25/2025 09:30 AM

Error

05/25/2025 09:30 AM

Static mode

May 2025

SMTWTFS

May 2025

SMTWTFS

Range

This is the custom component from minimal.

You can use more advanced components by MUI X Pro / Premium.

https://mui.com/x/react-date-pickers/date-range-picker/

Input

Start: 27 Jun 2025

End: 27 Jun 2025

Calendar

Start: 20 May 2025

End: Invalid date

MUI X Date and Time Pickers

Sun, May 25

Sun, May 25