build: update date-fns to v4 (#9868)

Author: Laffery

components/core/time/candy-date.spec.ts

@@ -3,7 +3,7 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-import differenceInCalendarMonths from 'date-fns/differenceInCalendarMonths';
+import { differenceInCalendarMonths } from 'date-fns';
 
 import { CandyDate, normalizeRangeValue, SingleValue } from './candy-date';
 import { NzSafeAny } from '../types';

components/date-picker/date-picker.component.spec.ts

@@ -22,7 +22,7 @@ import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule,
 import { form, FormField } from '@angular/forms/signals';
 import { By } from '@angular/platform-browser';
 
-import isSameDay from 'date-fns/isSameDay';
+import { isSameDay } from 'date-fns';
 import { enUS } from 'date-fns/locale';
 import { vi } from 'vitest';
 

components/date-picker/month-picker.component.spec.ts

@@ -11,7 +11,7 @@ import { ComponentFixture, inject, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 
-import isBefore from 'date-fns/isBefore';
+import { isBefore } from 'date-fns';
 import { vi } from 'vitest';
 
 import { provideNzNoAnimation } from 'ng-zorro-antd/core/animation';

components/date-picker/quarter-picker.component.spec.ts

@@ -10,7 +10,7 @@ import { Component, signal } from '@angular/core';
 import { ComponentFixture, inject, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 
-import isBefore from 'date-fns/isBefore';
+import { isBefore } from 'date-fns';
 import { vi } from 'vitest';
 
 import { provideNzNoAnimation } from 'ng-zorro-antd/core/animation';

components/date-picker/range-picker.component.spec.ts

@@ -12,8 +12,7 @@ import { ComponentFixture, inject, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 
-import differenceInDays from 'date-fns/differenceInDays';
-import isSameDay from 'date-fns/isSameDay';
+import { differenceInDays, isSameDay } from 'date-fns';
 import { vi } from 'vitest';
 
 import { provideNzNoAnimation } from 'ng-zorro-antd/core/animation';

components/package.json

@@ -30,7 +30,7 @@
     "@angular/cdk": "^22.0.0",
     "@ant-design/icons-angular": "^22.0.0",
     "@ctrl/tinycolor": "^3.6.0",
-    "date-fns": "^2.16.1"
+    "date-fns": "^4.1.0"
   },
   "peerDependencies": {
     "@angular/common": "^22.0.0",

package-lock.json

@@ -31,7 +31,7 @@
   "dependencies": {
     "@angular/cdk": "^22.0.2",
     "@ant-design/icons-angular": "^22.0.0",
-    "date-fns": "^2.16.1"
+    "date-fns": "^4.1.0"
   },
   "devDependencies": {
     "@angular-devkit/core": "^22.0.4",

package.json

@@ -36,22 +36,9 @@ describe('ng-add schematic', () => {
     const options = { ...defaultOptions };
     const tree = await runner.runSchematic('ng-add', options, appTree);
     expect(getPackageJsonDependency(tree, 'ng-zorro-antd')).not.toBeNull();
-    expect(getPackageJsonDependency(tree, 'date-fns')).not.toBeNull();
     expect(runner.tasks.some(task => task.name === NodePackageName)).toBe(true);
   });
 
-  it('should not install date-fns when using native date adapter', async () => {
-    const options = { ...defaultOptions, dateAdapter: 'native' as const };
-    const tree = await runner.runSchematic('ng-add', options, appTree);
-    expect(getPackageJsonDependency(tree, 'date-fns')).toBeNull();
-  });
-
-  it('should not install date-fns when skipping date adapter setup', async () => {
-    const options = { ...defaultOptions, dateAdapter: 'none' as const };
-    const tree = await runner.runSchematic('ng-add', options, appTree);
-    expect(getPackageJsonDependency(tree, 'date-fns')).toBeNull();
-  });
-
   it('should add hammerjs to package.json', async () => {
     const options = { ...defaultOptions, gestures: true };
     const tree = await runner.runSchematic('ng-add', options, appTree);

schematics/ng-add/index.spec.ts

@@ -17,8 +17,6 @@ import { getProjectStyle } from '../utils/project-style';
 // @ts-ignore
 import { hammerjsVersion, zorroVersion } from '../utils/version-names';
 
-const dateFnsVersion = '^2.16.1';
-
 export default function (options: Schema): Rule {
   return chain([
     (host: Tree, context: SchematicContext) => {
@@ -33,13 +31,6 @@ export default function (options: Schema): Rule {
           version: zorroVersion,
           type: NodeDependencyType.Default
         });
-        if ((options.dateAdapter || 'date-fns') === 'date-fns') {
-          addPackageJsonDependency(host, {
-            name: 'date-fns',
-            version: dateFnsVersion,
-            type: NodeDependencyType.Default
-          });
-        }
         if (options.gestures) {
           addPackageJsonDependency(host, {
             name: 'hammerjs',