hijri-date-time-picker
An Angular standalone component for dual Gregorian/Hijri date and time selection using the Umm Al-Qura calendar.
Overview
The Hijri Date Time Picker is an Angular standalone component that provides a modern, accessible interface for selecting dates in both Gregorian and Hijri (Islamic) calendars, with integrated time selection. It is designed for applications requiring support for the Umm Al-Qura calendar system, offering a seamless dual-calendar experience.
Key Features
- Dual Calendar Support — Switch between Gregorian and Hijri (Umm Al-Qura) calendars.
- Localization & RTL — Full English and Arabic language support with automatic layout direction.
- DateTime Selection — Integrated time picker with 12/24-hour formats and configurable steps.
- Multiple Selection Modes — Support for single or multiple date selection.
- Customizable Styling — Comprehensive theming via CSS variables and style inputs.
- Validation & Accessibility — Future date validation, ARIA labels, and keyboard navigation.
- Responsive Design — Mobile-friendly interface.
Philosophy
The component prioritizes accessibility, localization, and developer experience, providing a robust, configurable date-time picker tailored for applications serving Islamic calendar users.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
