4 Picker Variants
Default, Time, Range, Multi-select
React package on npmjs.comReact Modern Datetime Picker
0.0.1react-modern-datetime-picker is a powerful, highly customizable calendar and datetime picker component for React applications. Designed with a modern material UI, it supports multiple picker variants from simple date selection to full datetime picking with time controls, date ranges, and multi-date selection all in a single, lightweight package. Whether you’re building a booking system, a scheduling dashboard, […]
MIT license
Free to use
Actively maintained
Package stats
344Downloads
0Likes
0Points
LicenseMIT
PlatformReact / Node
LanguageTypeScript
Need this integrated or customized for your app?
Get a free quoteMIT License
Free & open source forever
TypeScript
Full type definitions included
Universal
Works in any JS environment
Community
Actively maintained
Key points
Everything this package offers
Built to remove the busywork of hand-rolling toggles, tabs, and animated switches for every new screen.
Full Theme Control
Customize every color primary, background, text, borders, hover
Custom Icons
Inject any React node as the input icon, left or right
Internationalization
Locale support, custom date formats, configurable week start
Date Constraints
Min/max dates, disabled dates, disabled days of week
Time Picker
12 / 24 hour format, minute intervals, optional seconds
Keyboard Navigation
Full accessibility with ARIA support
Zero Dependencies
Only peer deps: react and react-dom
TypeScript First
Complete type definitions included
Responsive
Mobile-aware modal positioning
About
What is React Modern Datetime Picker?
react-modern-datetime-picker is a powerful, highly customizable calendar and datetime picker component for React applications. Designed with a modern material UI, it supports multiple picker variants from simple date selection to full datetime picking with time controls, date ranges, and multi-date selection all in a single, lightweight package.
Whether you’re building a booking system, a scheduling dashboard, or a data-entry form, react-modern-datetime-picker gives you complete control over appearance, behavior, and accessibility.
- 4 Picker Variants : Default, Time, Range, Multi-select
- Full Theme Control : Customize every color primary, background, text, borders, hover
- Custom Icons : Inject any React node as the input icon, left or right
- Internationalization : Locale support, custom date formats, configurable week start
- Date Constraints : Min/max dates, disabled dates, disabled days of week
- Time Picker : 12 / 24 hour format, minute intervals, optional seconds
- Keyboard Navigation : Full accessibility with ARIA support
- Zero Dependencies : Only peer deps:
reactandreact-dom - TypeScript First : Complete type definitions included
- Responsive : Mobile-aware modal positioning
Native JavaScript. Pure JavaScript/TypeScript with no heavy dependencies.
Cross platform. Runs identically on iOS, Android, web, and desktop.
MIT licensed. Free and open source, forever.
Community backed. Actively maintained by the Mind Stack Labs team.
Quick start
Get started in seconds
Add the package to your project and you're ready to use it.
1
Install the package
Add it to your package.json with npm or yarn.
2
Resolve dependencies
Run npm install to resolve dependency tree.
3
Import and use it
Import the component in your React file and start building.
Ready to build something great?
Integrate React Modern Datetime Picker into your project today, or let our team customize it for you.
Related
Packages
More npm Packages
React · npmFetchlane
Discover how to orchestrate multi-channel API workflows and concurrent network streams inside your applications using the fetchlane package, featuring priority scheduling and intelligent throttling.
0
0
0
React · npmReact Swipe Motion
Discover how to embed an interactive, high-performance Tinder-style card swiping layout inside your React app using the react-swipe-motion package, featuring 60fps animations and custom gesture controls.
0
0
0