This is an info Alert.
Logo
  • 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 in
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
    • Textfield
    • 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
    • Scroll progress
    • Snackbar
    • Upload
    • Utilities
Date
Basic
For desktop
For mobile
Views playground
Year only
Year and Month
Year, month and date
Invert the order of views
Just date
Static mode
Select date

Wed, Feb 4

February 2026
SMTWTFS
DateTime
Basic
DateTimePicker
Responsiveness
​
​
​
Time
Basic
12 hours
24 hours
Responsiveness
For mobile
For desktop
​
Static mode
Select time
:
123456789101112
Select time
:
051015202530354045505500
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: 04 Feb 2026
End: 04 Feb 2026
Calendar
Start: 08 Aug 2024
End: Invalid date
  • On this page
  • 1 - Date
  • 2 - DateTime
  • 3 - Time
  • 4 - Range
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
support@minimals.cc

© All rights reserved.