Modern Timezone-Aware
Date & Time Picker for React
Chronos Picker is a fully-featured, accessible, and highly customizable React date time picker component for handling dates and times across different timezones with ease. Built with TypeScript, WCAG 2.1 compliance, and dark mode support.
npm install @theengineerguy/chronos-picker luxon✓ Full timezone support with IANA database
✓ Accessible (WCAG 2.1 AA compliant)
✓ Dark mode & responsive design
Why Choose Chronos Picker?
Everything you need for professional date and time selection in modern applications. Built for developers, by developers.
Full Timezone Support
Comprehensive IANA timezone database integration with automatic DST handling using Luxon. Handle dates across 400+ timezones effortlessly.
WCAG 2.1 Accessible
Fully compliant with web accessibility standards. Full keyboard navigation, ARIA labels, focus management, and screen reader support.
Themeable & Dark Mode
Built-in dark mode support with automatic detection. Easy CSS customization to match your brand colors and design system.
Lightweight & Fast
Minimal dependencies optimized for performance. Only requires React and Luxon - zero bloat, fast load times, and efficient rendering.
Type-Safe
Built with TypeScript for complete type safety. Full IntelliSense support and compile-time error checking for better development experience.
Mobile Responsive
Works perfectly on all devices and screen sizes. Touch-friendly interface optimized for mobile, tablet, and desktop experiences.
Chronos Picker combines the power of a professional date and time picker with modern React best practices. Perfect for applications that need reliable timezone-aware datetime selection with accessibility as a priority.