DateTime Picker
Stable
Beautiful, modern date and time picker with horizontal time selection and custom Select components - choose date, time, or both together
Version 2.15.0
Form
form
datetime
date
time
picker
calendar
Modern Date & Time Picker
Beautiful, modern date and time picker with horizontal time selection and custom Select components - choose date, time, or both together
Modern DateTime Picker
A highly reusable, modern DateTime picker component with excellent UI/UX, multiple modes, and full user control.
Date Only
Selected:
None
Time Only (12hr)
Selected:
None
Date & Time
Selected:
9/9/2025 11:59 AM
Component Features
🎛️ Highly Configurable
- • Three modes: date, time, or both
- • 12/24 hour time format support
- • Customizable placeholders
- • Disabled state support
- • Custom CSS classes
🎨 Modern Design
- • Clean, minimal interface
- • Smooth animations & transitions
- • Responsive design
- • Focus states & accessibility
- • Modern color scheme
📅 Smart Calendar
- • Clickable month/year headers
- • Modal selectors for quick navigation
- • Today highlighting
- • Previous/next month navigation
- • Weekend styling
⚡ User Experience
- • Click outside to close
- • Tab navigation between date/time
- • Intuitive time selection
- • Real-time value updates
- • Keyboard accessible