fix(dependencies): removing more moment dependencies

README.md

@@ -8,7 +8,7 @@ This project was generated with [Angular CLI](https://github.com/angular/angular
 
 live [Demo](https://xmlking.github.io/ngx-starter-kit/index.html)
 
-**PANTS** (_PostgreSQL_ - _Angular_ - _NestJS_ - _TypeScript_) Stack
+**PANTS** (:elephant: _PostgreSQL_  - :a: _Angular_  - :rocket: _NestJS_  - _TypeScript_) Stack in :dolphin: NX workspace
 
 ## Install
 

libs/grid/src/lib/components/account-edit/account-edit.component.ts

@@ -7,7 +7,7 @@ import { Account, Gender } from '../../models/account.model';
 import { states } from './states';
 import { Observable } from 'rxjs';
 import { EntityFormComponent } from '@ngx-starter-kit/shared';
-import * as moment from 'moment';
+import { subYears } from 'date-fns/esm';
 
 @Component({
   selector: 'ngx-account-edit',
@@ -19,8 +19,8 @@ export class AccountEditComponent extends EntityFormComponent<Account> {
   readonly states: string[] = states;
   filteredStates: Observable<string[]>;
 
-  readonly maxDate = moment();
-  readonly minDate = moment().subtract(100, 'years');
+  readonly maxDate = new Date();
+  readonly minDate = subYears(this.maxDate, 100);
 
   constructor(
     @Inject(MAT_DIALOG_DATA) public data: { title: string; payload: Account },

libs/grid/src/lib/containers/accounts-table/accounts-table.component.ts

@@ -7,9 +7,8 @@ import { AppConfirmService } from '@ngx-starter-kit/app-confirm';
 import { MatDialog, MatSnackBar } from '@angular/material';
 import { catchError, tap, concatMap, filter, map, mergeMap } from 'rxjs/operators';
 import { throwError } from 'rxjs';
-
+import { format } from 'date-fns/esm';
 import { AccountEditComponent } from '../../components/account-edit/account-edit.component';
-import * as moment from 'moment';
 import { Navigate } from '@ngxs/router-plugin';
 import { Store } from '@ngxs/store';
 import { Crumb } from '@ngx-starter-kit/breadcrumbs';
@@ -37,7 +36,7 @@ export class AccountsTableComponent extends EntitiesComponent<Account, AccountSe
     new EntityColumnDef<Account>({ property: 'Name',    header: 'Name',   displayFn: (entity) => `${entity.first_name} ${entity.last_name}` }),
     new EntityColumnDef<Account>({ property: 'gender', header: 'Gender' }),
     // prettier-ignore
-    new EntityColumnDef<Account>({ property: 'dob',     header: 'DoB',    displayFn: (entity) => `${moment(entity.dob).format('LL')}` }),
+    new EntityColumnDef<Account>({ property: 'dob',     header: 'DoB',    displayFn: (entity) => `${format(entity.dob, 'MMMM dd, yyyy')}` }),
     new EntityColumnDef<Account>({ property: 'city', header: 'City', displayFn: entity => `${entity.address.city}` }),
     new EntityColumnDef<Account>({
       property: 'state',

libs/grid/src/lib/models/account.model.ts

@@ -1,12 +1,11 @@
 import { Entity } from '@ngx-starter-kit/shared';
-import * as moment from 'moment';
 
 export class Account extends Entity {
   public id = 0;
   public first_name?: string;
   public last_name?: string;
   public gender?: Gender;
-  public dob?: moment.Moment;
+  public dob?: Date;
   public email?: string;
   public phone?: string;
   public company?: string;

libs/quickpanel/src/lib/quickpanel.component.ts

@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import * as moment from 'moment';
 
 @Component({
   selector: 'ngx-quickpanel',

libs/shared/src/lib/containers/entity/entity.service.ts

@@ -1,9 +1,9 @@
 import { HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';
-import { Observable, BehaviorSubject, throwError } from 'rxjs';
+import { BehaviorSubject, Observable, throwError } from 'rxjs';
 import { environment } from '@env/environment';
 import { Entity } from './entity.model';
-import { map, retry, catchError, finalize } from 'rxjs/operators';
-import * as moment from 'moment';
+import { catchError, finalize, retry } from 'rxjs/operators';
+import { format } from 'date-fns/esm';
 
 export interface Filter {
   [name: string]: string | string[];
@@ -93,7 +93,7 @@ export abstract class EntityService<T extends Entity> {
   protected convertToJson(body: any) {
     const temporalFunctionToJson = Date.prototype.toJSON;
     Date.prototype.toJSON = function() {
-      return moment(this).format('YYYY-MM-DD');
+      return format(this, 'YYYY-MM-DD');
     };
 
     const jsonBody = JSON.stringify(body);

libs/widgets/src/lib/containers/wizdash/wizdash.component.ts

@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { ChartData } from 'chart.js';
-import * as moment from 'moment';
 import { Observable } from 'rxjs/internal/Observable';
 import { ReplaySubject } from 'rxjs/internal/ReplaySubject';
 import { fadeOutAnimation } from '@ngx-starter-kit/animations';
@@ -17,6 +16,7 @@ import {
 import { RecentSalesWidgetOptions } from '../../components/recent-sales-widget/recent-sales-widget-options.interface';
 import { SalesSummaryWidgetOptions } from '../../components/sales-summary-widget/sales-summary-widget-options.interface';
 import { WizdashService } from './wizdash.service';
+import { formatDistance } from 'date-fns/esm';
 
 @Component({
   selector: 'ngx-wizdash',
@@ -185,15 +185,15 @@ export class WizdashComponent implements OnInit {
     // Prefill realtimeUsersData with 30 random values
     for (let i = 0; i < 30; i++) {
       this._realtimeUsersDataSubject.next({
-        label: moment().fromNow(),
+        label: formatDistance(new Date(), new Date()),
         value: Math.round(Math.random() * (100 - 10) + 10),
       } as RealtimeUsersWidgetData);
     }
 
     // Simulate incoming values for Realtime Users Widget
     setInterval(() => {
       this._realtimeUsersDataSubject.next({
-        label: moment().fromNow(),
+        label: formatDistance(new Date(), new Date()),
         value: Math.round(Math.random() * (100 - 10) + 10),
       } as RealtimeUsersWidgetData);
     }, 5000);