This is an info Alert.
Single logo
  • Home
  • Components
  • Pages
  • Docs
  • Who are we?
Sign in

Date Time Pickers

  1. Components
  2. Date Time Pickers
  • https://mui.com/components/pickers
  • https://mui.com/x/react-date-pickers/getting-started/
  • 1 - Date
  • 2 - DateTime
  • 3 - Time
  • 4 - Range
Date
Basic
05/18/2026
For desktop
05/18/2026
For mobile
Views playground
2026
Year only
May 2026
Year and Month
05/18/2026
Year, month and date
05/18/2026
Invert the order of views
18
Just date
Static mode
DateTime
Basic
05/18/2026 08:06 PM
DateTimePicker
Responsiveness
01/01/2018 08:00 AM
​
01/01/2018 08:00 AM
​
01/01/2018 08:00 AM
​
Time
Basic
08:06 PM
12 hours
20:06
24 hours
Responsiveness
08:06 PM
For mobile
08:06 PM
For desktop
08:06 PM
​
Static mode
Select time
:
123456789101112
Select time
:
051015202530354045505500
Range
This is the custom component from minimal.
You can use more advanced components by MUI.
https://mui.com/x/react-date-pickers/date-range-picker/
Input
Start: May 18, 2026
End: May 18, 2026
Calendar
Start: Aug 8, 2024
End:

Single logo

The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style.

Minimal
About usContact usFAQs
Legal
Terms and conditionPrivacy policy
Contact
[email protected]

© All rights reserved.