Date range picker reopens on end month instead of start month in range mode

[mezbaulislamaunik]

When using ngxsmk-datepicker in mode="range", the calendar reopens focused on the end date’s month instead of the start date’s month.

Example

1. Select a date range: January 16 → February 16

2. Close the datepicker

3. Open it again

Actual behavior: The calendar opens with February as the active month (end date).
Expected behavior: The calendar should reopen on January (the range start month), since that’s usually the logical anchor for a selected range.
I have tried using startAt but it does not work.

[toozuuu]

When using ngxsmk-datepicker in mode="range", the calendar reopens focused on the end date’s month instead of the start date’s month.

Example

1. Select a date range: January 16 → February 16
2. Close the datepicker
3. Open it again

Actual behavior: The calendar opens with February as the active month (end date). Expected behavior: The calendar should reopen on January (the range start month), since that’s usually the logical anchor for a selected range. I have tried using startAt but it does not work.

Hi @mezbaulislamaunik , Apologies for the delay in getting back to you! We wanted to ensure this fix was thoroughly tested across a wide range of mobile browsers and Ionic environments as part of our major stability push for the stable release.

This issue is now resolved in the latest release (v2.0.9).

The fix involved several architectural refinements to the CustomSelectComponent to ensure reliable interaction on touch devices:

1. Touch Interaction Logic: Resolved a conflict between global touch listeners and the dropdown selection event that was preventing taps from being registered as selections on mobile.
2. Accessible Tap Targets: Increased the minimum hit area for dropdown options to 44px on mobile to ensure easier selection.
3. Z-Index & Stacking Boost: Implemented an aggressive z-index boost when active, ensuring Month/Year dropdowns always float above fixed headers, sticky footers, or Ionic modal overlays.
4. Hardware Acceleration: Added -webkit-overflow-scrolling: touch to the options panel to fix performance stutters during scrolling on iOS.

How to Update

Please update to the latest version to apply these fixes:

npm install ngxsmk-datepicker@2.0.9