A Material Design datetimepicker component for Angular Material with native and Moment.js date adapter support.
Material Datetimepicker is a UI component library that provides datetime, date, month, and time pickers following Google's Material Design guidelines, specifically built for Angular Material applications. It extends Angular Material's datepicker functionality to include time selection and offers flexible theming and internationalization support.
Angular developers building applications with Angular Material who need datetime, date, month, or time picker components that integrate seamlessly with their existing Material Design system.
Developers choose this library because it provides a consistent, accessible, and customizable datetime picking experience that directly extends Angular Material's datepicker, including support for both native JavaScript Date/Intl API and Moment.js adapters for flexible date handling.
Material datetimepicker for @angular/material
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Directly extends Angular Material's datepicker with consistent API and theming, integrating smoothly with Angular forms and reactive forms as shown in the setup examples.
Offers both native JavaScript Date/Intl API and Moment.js adapters, providing flexibility in date handling with separate installation steps documented for the moment adapter.
Allows configurable input/output formats for different locales and picker types, with theming via SCSS mixins as detailed in the README for native and Moment.js adapters.
Includes ARIA labels and keyboard navigation, with properties to customize labels for screen readers, documented in the accessibility section with default values.
The native adapter cannot parse dates due to Intl.DateTimeFormat API constraints, requiring manual parsing or reliance on Moment.js for full functionality, as admitted in the README.
Requires multiple module imports and configuration for adapters, theming, and formats, increasing initial setup overhead compared to drop-in components.
Advanced date handling and parsing depend on Moment.js, which adds significant bundle size and is being phased out in favor of modern alternatives like date-fns or Luxon.