Skip to content

v3.0.3 — Angular Component Fixes, showOtherMonths, Responsive Container Control & Ionic 8 Enhancements

Choose a tag to compare

View all tags
@toozuuu toozuuu released this 29 Jul 18:03
· 13 commits to main since this release
3.0.3
001c3e1
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Release v3.0.3

ngxsmk-datepicker v3.0.3 brings comprehensive Angular Material datepicker issue resolutions, new grid display controls, fixed-container positioning support, full Ionic 8 mobile safe-area insets, and enhanced accessibility compliance.

What's New & Changed

1. Adjacent Month Days (showOtherMonths)

  • Added [showOtherMonths]="true" input option to display trailing and leading days from adjacent months in the 6-row calendar grid.
  • Adjacent month cells are dimmed (opacity: 0.45) and styled with .ngxsmk-other-month.

2. Disable Responsive Overrides ([responsive])

  • Added [responsive]="false" input option (and responsive?: boolean in DatepickerConfig).
  • Allows consumers to disable viewport @media (max-width: ...) overrides under .ngxsmk-no-responsive for fixed-width inline and sidebar container embedding (#299).

3. Full Year Selection & Auto-Close Fixes

  • Updated mode="year" logic to select full Jan 1 - Dec 31 date ranges.
  • Fixed disabled year calculations against minDate / maxDate bounds and auto-close execution across period selection modes (year, month, quarter, week).

4. Resolutions for 9 Angular Components Issues

  • Time Preservation (#30181): Preserves active hours and minutes when selecting new date cells in date+time mode.
  • WCAG 1.3.1 Weekday Headers (#31480): Added role="columnheader" and full localized day name aria-labels on weekday header elements.
  • Range Start ARIA Announcements (#23442): Audio ARIA live region announcement (startDateSelected) when selecting range start dates.
  • iOS Safari Background Scroll Lock (#14938): Automatic body scroll lock (.ngxsmk-scroll-locked) on touch devices when modal overlays are active.
  • External Reset Selection Clearing (#29877): Immediate clearing of memoized cell selection highlights when external forms reset values to null.
  • DST Hour Mapping (#31803): Safe time option generation during Daylight Saving Time (DST) spring-forward and fall-back transitions.
  • Range Incomplete Form Validation (#31836): Emits null to reactive forms for incomplete ranges to enforce strict Validators.required rules.
  • Runtime i18n Re-evaluation (#31928): Immediate signal updates on runtime locale input changes.

5. Ionic 8 & Mobile Touch Optimization

  • Added WebKit env(safe-area-inset-top) and env(safe-area-inset-bottom) to mobile popover sheets.
  • Automatically inherits --ion-color-primary and --ion-background-color CSS variables inside Ionic applications.

Installation

npm install ngxsmk-datepicker@3.0.3
Assets 2
Loading