An Angular Material timepicker that automatically adapts to your Material theme with Android-style dialogs.
ngx-mat-timepicker is an open-source Angular Material component that provides a time selection dialog and input field. It solves the problem of timepickers not adapting to an application's Material theme by automatically matching theme colors and styles, offering a consistent Android-like experience.
Angular developers building applications with Angular Material who need a themable, accessible timepicker component that integrates seamlessly with their existing design system.
Developers choose ngx-mat-timepicker because it automatically adapts to any Material theme (including custom and dark themes) without extra configuration, provides a polished Android-style interface, and is built entirely with native Angular Material components for maximum consistency.
A true material timepicker
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Seamlessly integrates with any Angular Material theme, including custom and dark themes, using primary, accent, or warn colors without extra configuration, as highlighted in the 'Why this project?' section.
Provides a polished, Android-inspired timepicker with accurate clock hand alignment and minute display for non-multiple-of-5 values, improving user experience as described in the features.
Built entirely with Angular Material components like mat-select, ensuring consistency and better styling within Material-based applications, which reduces custom CSS work.
Supports BCP 47 locales and allows dynamic locale changes via NgxMatTimepickerLocaleService, enabling on-the-fly language updates for new pickers, as documented in the API.
The author explicitly states that updates for new Angular versions are not immediate, as mentioned in the 'VERY IMPORTANT' section, which could delay compatibility with latest releases.
Does not support Angular Material's legacy components in v15, making migrations from older versions more challenging, as admitted in the compatibility notes.
Heavily reliant on Angular Material; not suitable for projects outside this ecosystem or those wanting to avoid Material Design, requiring full Material setup.
Limited to bug reports only, discouraging feature requests and potentially slowing community-driven improvements, as warned in the README with threats of deletion.