-
-
Notifications
You must be signed in to change notification settings - Fork 7
Home
Sachin Dilshan edited this page Jan 13, 2026
·
1 revision
ngxsmk-datepicker is a modern, powerful, and fully customizable date and date-range picker component designed for Angular 17+ and Ionic.
It seamlessly integrates with both frameworks, offering a flexible, mobile-friendly UI, Angular Signals support, and advanced features to enhance date selection experiences in your apps.
- Modern Core: Built with Angular Signals and standalone components.
- Versatile Modes: Single date, date range, multiple dates, and time-only selection.
- Mobile-First: Touch capabilities, swipe navigation, and native picker integration for mobile devices.
- Highly Customizable: Extensive theming via CSS variables and Tailwind support.
- Advanced Features: Holiday handling, disabled dates, keyboard navigation, and built-in validation.
- Localization: First-class support for internationalization and European date formats.
- SSR Ready: Fully compatible with Angular Universal and Server-Side Rendering.
- Installation & Setup - How to install and configure the package.
- Basic Usage - Simple examples to get you up and running.
- Selection Modes - Single, Range, Multiple, and Time selection.
- Localization - Handling different locales, date formats, and week starts.
- Theming & Styling - Customizing colors, dark mode, and layout.
- Keyboard Navigation - Complete list of keyboard shortcuts and accessibility features.
- Signal Forms Integration - Using the datepicker with Angular 21+ Signal Forms.
- Ionic Integration - Integrations with Ionic Framework components.
- Material Design Integration - Using with Angular Material form fields.
- Server-Side Rendering (SSR) - Setup guide for Angular Universal.
- API Reference - Comprehensive documentation of Inputs, Outputs, and Methods.
- Plugin Architecture - How to extend functionality with plugins.
- Migration Guides - Upgrading from previous versions.
- NPM Package: ngxsmk-datepicker on npm
- GitHub Repository: Source Code
- Live Demo: Demo Application
If you encounter issues or have feature requests, please open an issue on GitHub.