ngxsmk-datepicker 2.0.6 → 2.0.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 +5 -4
- package/fesm2022/ngxsmk-datepicker.mjs +108 -77
- package/package.json +1 -1
- package/types/ngxsmk-datepicker.d.ts +11 -16
package/README.md
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
|
|
8
8
|
**npm i ngxsmk-datepicker**
|
|
9
9
|
|
|
10
|
-
> **Stable Version**: `2.0.
|
|
11
|
-
|
|
10
|
+
> **Stable Version**: `2.0.8` is the current stable release. For production use, install the latest version from npm.
|
|
11
|
+
|
|
12
12
|
> ⚠️ **Warning**: Version `1.9.26` contains broken styles. If you are using `1.9.26`, please upgrade to `1.9.28` or downgrade to `1.9.25` immediately.
|
|
13
13
|
|
|
14
14
|
ngxsmk-datepicker – A modern, powerful, and fully customizable date and date-range picker component designed for Angular 17+ and Ionic applications. Seamlessly integrates with both frameworks, offering a flexible, mobile-friendly UI and advanced features to enhance date selection experiences in your apps.
|
|
@@ -42,7 +42,7 @@ Built with Angular Signals for optimal performance and a clean, declarative API.
|
|
|
42
42
|
* **Date & Time Selection**: Supports optional time inputs with configurable minute and second intervals.
|
|
43
43
|
* **Seconds Selection**: Optional seconds picker with `showSeconds` input and configurable `secondInterval`.
|
|
44
44
|
* **Time-Only Mode**: Display only time picker without calendar using `[timeOnly]="true"`.
|
|
45
|
-
* **12h/24h Time Support**:
|
|
45
|
+
* **12h/24h Time Support**: Supports both **12-hour clock with AM/PM toggle** and **24-hour military time** (via `use24Hour` input).
|
|
46
46
|
* **Mobile-Native Integration**: Automatic native date picker on mobile devices with `useNativePicker` input.
|
|
47
47
|
* **Mobile Gestures**: Enhanced touch support with double-tap selection, swipe navigation, and haptic feedback.
|
|
48
48
|
* **Mobile Modal Styles**: Bottom sheet, center, and fullscreen modal options for mobile devices.
|
|
@@ -128,7 +128,7 @@ For details, see [CONTRIBUTING.md](https://github.com/NGXSMK/ngxsmk-datepicker/b
|
|
|
128
128
|
|
|
129
129
|
Install the package using npm:
|
|
130
130
|
|
|
131
|
-
npm install ngxsmk-datepicker@2.0.
|
|
131
|
+
npm install ngxsmk-datepicker@2.0.8
|
|
132
132
|
|
|
133
133
|
## **Usage**
|
|
134
134
|
|
|
@@ -527,6 +527,7 @@ By default, the datepicker input is `readonly` to prevent invalid date strings a
|
|
|
527
527
|
| minuteInterval | number | 1 | Interval for minute dropdown options. |
|
|
528
528
|
| showTime | boolean | false | Enables the hour/minute/AM/PM selection section. |
|
|
529
529
|
| timeOnly | boolean | false | Display time picker only (no calendar). Automatically enables `showTime`. Perfect for time selection scenarios. |
|
|
530
|
+
| use24Hour | boolean | false | Enable 24-hour time format (00-23) and hide AM/PM selector. |
|
|
530
531
|
| allowTyping | boolean | false | Enable manual typing in the input field. Required for native validation. | `[allowTyping]="true"` |
|
|
531
532
|
| displayFormat | string | null | Custom date format string (e.g., 'MM/DD/YYYY'). | `displayFormat="DD.MM.YYYY"` |
|
|
532
533
|
| showCalendarButton | boolean | false | Show/hide the calendar icon button. When `false`, users can still open calendar by clicking the input field. |
|