UPCO-207

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/),
 and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## Unreleased
+
+### Fixed
+
+- Fix month overflow in active date for Calendar/Datepicker components.
+
 ## [6.0.7] - 2024-01-25
 
 ### Fixed
@@ -13,7 +19,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 - `ngx-datepicker`: Fixed 'Value could not be determined statically' error
 - `core`: Fixed lerna always publishing all packages
 
-
 ## [6.0.6] - 2024-01-19
 
 ### Fixed
@@ -23,11 +28,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 - `styleguide`: Fixed footer links
 
 ### Changed
+
 - `ngx-forms/datepicker`: Changed the datepicker icon to match the React version of the datepicker
 - `ngx-forms/upload`: Fixed an issue with the upload dropzone when used with the upload button
 - `core`: Upgraded the core branding to the latest version
 
-
 ## [6.0.5] - 2024-01-24
 
 ### Changed
@@ -42,15 +47,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 
 - Added detectChanges on the flyout open method & possibility to open from datepicker
 
-
 ## [6.0.4] - 2023-09-21
 
 ### Fixed
 
 - Update ngx-toastr package
 - Fix build errors when skipLibCheck = false
 
-
 ## [6.0.3] - 2023-08-22
 
 ### Changed
@@ -64,21 +67,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 - Added `date-fns` as a dependency of `ngx-utils`
 - Add paddings to table headings
 
-
 ## [6.0.2] - 2023-08-16
 
 ### Fixed
 
 - Bump all repo's to the same version to have consistent versioning
 
-
 ## [6.0.1] - 2023-08-16
 
 ### Fixed
 
 - `ngx-utils` add type files into build
 
-
 ## [6.0.0] - 2023-06-21
 
 ### Changed

packages/ngx-calendar/src/lib/components/calendar/calendar.component.ts

@@ -92,7 +92,9 @@ export class CalendarComponent implements OnInit, OnChanges {
   }
 
   updateActiveDate(factor: number = 0): void {
-    const activeDate = this.activeDate ? new Date(this.activeDate) : new Date();
+    const activeDate = this.activeDate
+      ? new Date(this.activeDate.getFullYear(), this.activeDate.getMonth(), 1)
+      : new Date();
 
     switch (this.activeView) {
       case CALENDAR_VIEW_MONTH:

packages/ngx-calendar/src/lib/components/month/month.component.ts

@@ -68,7 +68,7 @@ export class CalendarMonthComponent implements OnInit, OnChanges {
       week.map((day) => {
         const currentDate = new Date();
         this.activeDate.setHours(currentDate.getHours(), currentDate.getMinutes(), currentDate.getSeconds());
-        const date: Date = new Date(this.activeDate);
+        const date: Date = new Date(this.activeDate.getFullYear(), this.activeDate.getMonth(), day.date);
 
         if (day.padding) {
           if (day.date > 20) {