ngxsmk-datepicker 2.2.3 → 2.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -10
- package/docs/API.md +2 -1
- package/docs/COMPATIBILITY.md +2 -1
- package/docs/INTEGRATION.md +2 -1
- package/docs/IONIC_INTEGRATION.md +2 -1
- package/docs/IONIC_TESTING.md +2 -1
- package/docs/LOCALE-GUIDE.md +2 -1
- package/docs/PLUGIN-ARCHITECTURE.md +2 -1
- package/docs/SEO.md +2 -1
- package/docs/SSR-EXAMPLE.md +2 -1
- package/docs/THEME-TOKENS.md +2 -1
- package/docs/TIMEZONE.md +2 -1
- package/docs/extension-points.md +2 -1
- package/docs/signal-forms.md +2 -1
- package/docs/signals.md +2 -1
- package/docs/ssr.md +2 -1
- package/fesm2022/ngxsmk-datepicker.mjs +14219 -0
- package/package.json +9 -1
- package/types/ngxsmk-datepicker.d.ts +2432 -0
package/README.md
CHANGED
|
@@ -24,15 +24,15 @@
|
|
|
24
24
|
|
|
25
25
|
---
|
|
26
26
|
|
|
27
|
-
**Last updated:** March
|
|
27
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
28
28
|
|
|
29
29
|
### **Overview**
|
|
30
30
|
|
|
31
31
|
**ngxsmk-datepicker** is a high-performance, enterprise-ready date and range picker engineered for the modern Angular ecosystem (v17+). Built from the ground up with **Angular Signals**, it delivers a seamless, zoneless-ready experience for both desktop and mobile (Ionic) applications.
|
|
32
32
|
|
|
33
|
-
> **Stable Release**: `v2.2.
|
|
33
|
+
> **Stable Release**: `v2.2.8` restores correct **npm** artifacts (compiled `fesm2022/` and types), adds range-mode **`allowSameDay`** for single-day selections, and continues to ship **IANA timezone** support, validation fixes, and strict TypeScript improvements from the v2.2.x line.
|
|
34
34
|
>
|
|
35
|
-
> ⚠️ **Important**: Versions 2.0.10 and 2.0.11 are broken and have been unpublished. Please use v2.2.
|
|
35
|
+
> ⚠️ **Important**: Versions 2.0.10 and 2.0.11 are broken and have been unpublished. Please use v2.2.8 or later.
|
|
36
36
|
|
|
37
37
|
---
|
|
38
38
|
|
|
@@ -590,7 +590,7 @@ The `locale` input controls all internationalization. It automatically formats m
|
|
|
590
590
|
|
|
591
591
|
### **Global Language Support**
|
|
592
592
|
|
|
593
|
-
ngxsmk-datepicker v2.2.
|
|
593
|
+
ngxsmk-datepicker v2.2.8 now features **full localization synchronization** for:
|
|
594
594
|
|
|
595
595
|
- 🇺🇸 English (`en`)
|
|
596
596
|
- 🇩🇪 German (`de`)
|
|
@@ -683,8 +683,11 @@ This library has been optimized for maximum performance:
|
|
|
683
683
|
|
|
684
684
|
## **🐛 Bug Fixes & Improvements**
|
|
685
685
|
|
|
686
|
-
### **Critical Updates in v2.2.
|
|
686
|
+
### **Critical Updates in v2.2.6:**
|
|
687
687
|
|
|
688
|
+
- ✅ **Timezone Support**: Added full support for IANA timezones in "Today" calculation.
|
|
689
|
+
- ✅ **Date Validation**: Fixed "Today" unselectable bug by normalizing `minDate` boundary checks.
|
|
690
|
+
- ✅ **Keyboard Shortcuts**: Updated "Today" selection shortcut to use timezone-aware calculation.
|
|
688
691
|
- ✅ **Validation messages**: User-facing i18n strings for invalid date, min/max; `validationError` output and on-screen error display
|
|
689
692
|
- ✅ **Calendar loading state**: Visual spinner + text and screen-reader announcement while calendar opens/generates
|
|
690
693
|
- ✅ **Demo theme**: Light/dark theme toggle and system preference now correctly switch the demo UI
|
|
@@ -846,16 +849,17 @@ We welcome and appreciate contributions from the community! Whether it's reporti
|
|
|
846
849
|
|
|
847
850
|
For a full list of changes, please refer to the [CHANGELOG.md](https://github.com/NGXSMK/ngxsmk-datepicker/blob/main/CHANGELOG.md) file.
|
|
848
851
|
|
|
849
|
-
### **v2.2.
|
|
852
|
+
### **v2.2.8** (Current Stable)
|
|
850
853
|
|
|
851
|
-
- 🎉 **Version Update**: Updated to version 2.2.
|
|
852
|
-
-
|
|
853
|
-
-
|
|
854
|
+
- 🎉 **Version Update**: Updated to version 2.2.8.
|
|
855
|
+
- 📦 **npm**: Published tarballs again include `fesm2022/` and TypeScript declarations (release pipeline runs `ng build` before publish).
|
|
856
|
+
- 📅 **Range mode**: Optional `allowSameDay` for single-day ranges (double-click same date or close popover after one day).
|
|
857
|
+
- ✅ **Prior fixes**: IANA timezone “Today”, `minDate` normalization, strict typings, and UI polish from v2.2.6 remain included.
|
|
854
858
|
|
|
855
859
|
### **v1.9.24**
|
|
856
860
|
|
|
857
861
|
- 🎉 **Version Update**: Updated to version 1.9.24
|
|
858
|
-
- ✅ **Stable Release**: Version 2.2.
|
|
862
|
+
- ✅ **Stable Release**: Version 2.2.8 is the current stable version
|
|
859
863
|
|
|
860
864
|
### **v1.9.23**
|
|
861
865
|
|
|
@@ -1311,3 +1315,4 @@ If you find this library helpful, please consider:
|
|
|
1311
1315
|
- 💡 **Suggesting** new features
|
|
1312
1316
|
- 🤝 **Contributing** code improvements
|
|
1313
1317
|
- 📢 **Sharing** with the community
|
|
1318
|
+
|
package/docs/API.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
This document describes the stable public API of ngxsmk-datepicker with comprehensive real-world examples. APIs marked as **stable** are guaranteed to remain backward-compatible within the same major version. APIs marked as **experimental** may change in future releases.
|
|
4
4
|
|
|
5
|
-
**Version**: 2.2.
|
|
5
|
+
**Version**: 2.2.8+ | **Last updated**: March 21, 2026
|
|
6
6
|
|
|
7
7
|
## Stable vs experimental
|
|
8
8
|
|
|
@@ -2403,3 +2403,4 @@ For questions about the API:
|
|
|
2403
2403
|
- Check the [README.md](../../README.md) for usage examples
|
|
2404
2404
|
- Review the [documentation](./) for detailed guides
|
|
2405
2405
|
- Open an issue on GitHub for questions
|
|
2406
|
+
|
package/docs/COMPATIBILITY.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Version Compatibility Matrix
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
This document provides comprehensive compatibility information for `ngxsmk-datepicker` across different Angular versions, Zone.js configurations, and SSR/CSR setups.
|
|
6
6
|
|
|
@@ -440,3 +440,4 @@ npm list @angular/core @angular/common @angular/forms
|
|
|
440
440
|
### Issue: Translations not working in SSR
|
|
441
441
|
**Solution**: Translations work in SSR. Ensure locale is explicitly set if auto-detection fails on server.
|
|
442
442
|
|
|
443
|
+
|
package/docs/INTEGRATION.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Integration Guides
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
This document provides integration examples for using ngxsmk-datepicker with popular frameworks and libraries.
|
|
6
6
|
|
|
@@ -699,3 +699,4 @@ See the demo app **Integrations** page for a full "Datepicker in a modal" exampl
|
|
|
699
699
|
- [Theme Guide](./THEME-TOKENS.md)
|
|
700
700
|
- [Locale Guide](./LOCALE-GUIDE.md)
|
|
701
701
|
|
|
702
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Ionic Framework Integration Guide
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
This guide provides step-by-step instructions for integrating ngxsmk-datepicker with Ionic Angular applications.
|
|
6
6
|
|
|
@@ -224,3 +224,4 @@ export class DatepickerPage {
|
|
|
224
224
|
- [Ionic Theming](https://ionicframework.com/docs/theming/basics)
|
|
225
225
|
- [Capacitor Keyboard Plugin](https://capacitorjs.com/docs/apis/keyboard)
|
|
226
226
|
|
|
227
|
+
|
package/docs/IONIC_TESTING.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Ionic Integration Testing Guide
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
This document provides comprehensive testing instructions for verifying ngxsmk-datepicker compatibility with Ionic Framework.
|
|
6
6
|
|
|
@@ -144,3 +144,4 @@ jobs:
|
|
|
144
144
|
3. **Test in your Ionic app** with real use cases
|
|
145
145
|
4. **Report issues** with detailed information
|
|
146
146
|
|
|
147
|
+
|
package/docs/LOCALE-GUIDE.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Locale Packs & i18n Contributor Guide
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
Guide for adding locale support and contributing translations to ngxsmk-datepicker.
|
|
6
6
|
|
|
@@ -296,3 +296,4 @@ If you encounter issues with a specific locale or want to contribute improvement
|
|
|
296
296
|
|
|
297
297
|
**Thank you for contributing to ngxsmk-datepicker's internationalization!**
|
|
298
298
|
|
|
299
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Plugin Architecture
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
ngxsmk-datepicker features a powerful **plugin architecture** that allows you to extend and customize the component's behavior without modifying its core code. This architecture is built on a **hook-based system** that provides extension points throughout the component's lifecycle.
|
|
6
6
|
|
|
@@ -926,3 +926,4 @@ The plugin architecture in ngxsmk-datepicker provides:
|
|
|
926
926
|
|
|
927
927
|
For more examples and detailed hook documentation, see [Extension Points Guide](./extension-points.md).
|
|
928
928
|
|
|
929
|
+
|
package/docs/SEO.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# SEO Optimization Guide
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
This document outlines the SEO optimizations implemented for ngxsmk-datepicker to improve search engine visibility and discoverability.
|
|
6
6
|
|
|
@@ -210,3 +210,4 @@ ngxsmk-datepicker has been optimized for search engines with comprehensive meta
|
|
|
210
210
|
- [Twitter Cards](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards)
|
|
211
211
|
- [Web.dev SEO Guide](https://web.dev/learn/seo/)
|
|
212
212
|
|
|
213
|
+
|
package/docs/SSR-EXAMPLE.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Server-Side Rendering (SSR) Example
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
Complete example demonstrating ngxsmk-datepicker with Angular Universal (SSR).
|
|
6
6
|
|
|
@@ -423,3 +423,4 @@ test('datepicker works after SSR hydration', async ({ page }) => {
|
|
|
423
423
|
- [SSR Best Practices](https://angular.io/guide/universal#best-practices)
|
|
424
424
|
- [Platform Detection](https://angular.io/api/common/isPlatformBrowser)
|
|
425
425
|
|
|
426
|
+
|
package/docs/THEME-TOKENS.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Theme Tokens & CSS Custom Properties
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
Complete reference for all CSS custom properties (CSS variables) available in ngxsmk-datepicker.
|
|
6
6
|
|
|
@@ -320,3 +320,4 @@ CSS custom properties are supported in all modern browsers:
|
|
|
320
320
|
|
|
321
321
|
For older browsers, consider using a CSS custom properties polyfill or provide fallback values.
|
|
322
322
|
|
|
323
|
+
|
package/docs/TIMEZONE.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Timezone Support
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
## Overview
|
|
6
6
|
|
|
@@ -291,3 +291,4 @@ if (isValidTimezone('America/New_York')) {
|
|
|
291
291
|
- For advanced operations, consider date-fns-tz or Luxon
|
|
292
292
|
- Always send UTC timestamps to servers/APIs
|
|
293
293
|
|
|
294
|
+
|
package/docs/extension-points.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Extension Points and Hooks
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
ngxsmk-datepicker provides comprehensive extension points through the `hooks` input, allowing you to customize rendering, validation, keyboard shortcuts, formatting, and event handling.
|
|
6
6
|
|
|
@@ -415,3 +415,4 @@ import {
|
|
|
415
415
|
} from 'ngxsmk-datepicker';
|
|
416
416
|
```
|
|
417
417
|
|
|
418
|
+
|
package/docs/signal-forms.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Signal Forms Integration
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
This guide covers using ngxsmk-datepicker with Angular 21+ Signal Forms API.
|
|
6
6
|
|
|
@@ -596,3 +596,4 @@ If `form().dirty()` returns `false` after selecting a date:
|
|
|
596
596
|
|
|
597
597
|
4. **Check dev console warnings**: In development mode, the datepicker logs warnings if it falls back to direct signal mutation, which may not track dirty state correctly.
|
|
598
598
|
|
|
599
|
+
|
package/docs/signals.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Signals Integration Guide
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
ngxsmk-datepicker is fully compatible with Angular Signals, providing seamless integration with both traditional reactive forms and modern signal-based patterns.
|
|
6
6
|
|
|
@@ -262,3 +262,4 @@ dateSignal = signal<DatepickerValue>(null);
|
|
|
262
262
|
|
|
263
263
|
The datepicker supports both patterns simultaneously, so you can migrate gradually.
|
|
264
264
|
|
|
265
|
+
|
package/docs/ssr.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Server-Side Rendering (SSR) Guide
|
|
2
2
|
|
|
3
|
-
**Last updated:** March
|
|
3
|
+
**Last updated:** March 21, 2026 · **Current stable:** v2.2.8
|
|
4
4
|
|
|
5
5
|
ngxsmk-datepicker is fully compatible with Angular Universal and server-side rendering. This guide covers SSR setup, best practices, and troubleshooting.
|
|
6
6
|
|
|
@@ -301,3 +301,4 @@ export class SSRExampleComponent {
|
|
|
301
301
|
- [Angular SSR Documentation](https://angular.dev/guide/ssr)
|
|
302
302
|
- [Platform Detection](https://angular.dev/api/common/isPlatformBrowser)
|
|
303
303
|
|
|
304
|
+
|