This is an info Alert.
  • Home
  • Components
  • Pages
      • Other
      • About us
      • Contact us
      • FAQs
      • Pricing
      • Payment
      • Maintenance
      • Coming soon
      • Concepts
      • Shop
      • Product
      • Checkout
      • Posts
      • Post
      • Auth Demo
      • Sign in
      • Sign up
      • Reset password
      • Update password
      • Verify
      • Sign in (centered)
      • Sign up (centered)
      • Reset password (centered)
      • Update password (centered)
      • Verify (centered)
      • Error
      • Page 403
      • Page 404
      • Page 500
      • Dashboard
      • Dashboard illustration
  • Docs
Sign inPurchase
MUI X Date and Time Pickers
  1. Components
  3. MUI X Date and Time Pickers
  • https://mui.com/x/react-date-pickers/getting-started/
​
  • Foundation
    • Colors
    • Typography
    • Shadows
    • Grid
    • Icons
  • Mui
    • Accordion
    • Alert
    • Autocomplete
    • Avatar
    • Badge
    • Breadcrumbs
    • Buttons
    • Checkbox
    • Chip
    • Data grid (MUI X)
    • Date pickers (MUI X)
    • Dialog
    • Drawer
    • List
    • Menu
    • Pagination
    • Popover
    • Progress
    • Radio button
    • Rating
    • Slider
    • Stepper
    • Switch
    • Table
    • Tabs
    • Text field
    • Timeline
    • Tooltip
    • Transfer list
    • Tree view (MUI X)
  • Extra
    • Animate
    • Carousel
    • Chart
    • Dnd
    • Editor
    • Form validation
    • Form wizard
    • Image
    • Label
    • Layout
    • Lightbox
    • Map
    • Markdown
    • Mega menu
    • Multi-language
    • Navigation bar
    • Organization chart
    • Scroll progress
    • Scrollbar
    • Snackbar
    • Upload
    • Utilities
Date
Basic
05/25/2025
Date picker
05/25/2025
Desktop date picker
05/25/2025
Mobile date picker
05/25/2025
Date field
Playground
05/25/2025
Year, month and day
2025⁩ ⁦May
Month and year
25
Day
Static mode
Select date

Sun, May 25

May 2025
SMTWTFS
Select date

Sun, May 25

May 2025
SMTWTFS
Time
Basic
AM⁩ ⁦09:30
Time picker
AM⁩ ⁦09:30
Desktop time picker
AM⁩ ⁦09:30
Mobile time picker
AM⁩ ⁦09:30
Time field
Views playground
AM⁩ ⁦09:30
12 hours
09:30
24 hours
AM⁩ ⁦09:30:00
Hours, minutes and seconds
30:00
Minutes and seconds
AM⁩ ⁦09
Hours
Static mode
Select time
:
123456789101112
Select time
:
051015202530354045505500
Date & Time
Basic
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Date time picker
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Desktop date time picker
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Mobile date time picker
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Date time field
Views playground
AM⁩ ⁦09:30:00⁩ ⁦05/25/2025
Year, month, day, hours, minutes and seconds
AM⁩ ⁦09:30:00⁩ ⁦05/25/2025
Year, day, hours, minutes, seconds
AM⁩ ⁦09⁩ ⁦25
day, hours
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Disabled
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Read only
AM⁩ ⁦09:30⁩ ⁦05/25/2025
Error
Static mode
Select date & time
:
May 2025
SMTWTFS
Select date & time
:
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: 03 Sep 2025
End: 03 Sep 2025
Calendar
Start: 20 May 2025
End:
  • On this page
  • 1 - Date
  • 2 - Time
  • 3 - Date & Time
  • 4 - Range

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.