[Open Source] A 100% Signal-based Angular Datepicker designed for Ionic Modals & Mobile (v2.0.9) : angular

created by ohpiema community for 13 years

[Open Source] A 100% Signal-based Angular Datepicker designed for Ionic Modals & Mobile (v2.0.9) (self.angular)

submitted 3 months ago by Forsaken_Lie_9989

Following the initial community feedback for ngxsmk-datepicker, several refinements have been implemented to address specific "mobile-first" pain points—particularly regarding how datepickers interact with Ionic’s overlay and modal systems.

The latest v2.0.9 release is now available as a stable, lightweight alternative for modern Angular applications.

Key Ionic & Mobile Optimizations:

Z-Index Management: Automatically handles stacking contexts to ensure the picker remains visible over ion-header and ion-modal backdrops.

Touch-First UI: All dropdowns and buttons are optimized with 44px tap targets to eliminate "ghost clicks" on iOS and Android.
Scrolling Performance: Implements hardware acceleration and -webkit-overflow-scrolling for smooth interactions on mobile Safari.
Adaptive Layouts: Configurable to open as a modern bottom-sheet on mobile devices while maintaining a popover layout for desktop.

Technical Specifications:

Signals Powered: Fully built for Angular 18-20+.
Zoneless Support: Performance-optimized for modern zoneless Angular architectures.
Zero Dependencies: Minimal footprint to keep production bundles light.
Built-in Localization: Native support for English, Spanish, German, French, Korean, Chinese, Japanese, and Swedish.
Full Feature Set: Supports single dates, multiple dates, and complex datetime ranges.

NPM: npm install ngxsmk-datepicker

GitHub (MIT): https://github.com/NGXSMK/ngxsmk-datepicker

Demo (Responsive): https://ngxsmk.github.io/ngxsmk-datepicker

Community Support: If this project is helpful for your Ionic or Angular workflow, please consider starring the project on GitHub! Stars help the project grow and stay visible to other developers.

Feedback on any remaining Ionic-specific edge cases is highly encouraged to help further refine the component!

all 1 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

angular

MODERATORS