Business and COB Date management

package-lock.json

@@ -65,6 +65,7 @@
         "karma-jasmine": "~4.0.0",
         "karma-junit-reporter": "1.2.0",
         "protractor": "~7.0.0",
+        "puppeteer": "^15.3.2",
         "stylelint": "10.0.1",
         "stylelint-config-recommended-scss": "3.3.0",
         "stylelint-config-standard": "18.3.0",
@@ -3320,6 +3321,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -4537,6 +4548,15 @@
         "ieee754": "^1.1.13"
       }
     },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -5881,6 +5901,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/cross-fetch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
+      "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
+      "dev": true,
+      "dependencies": {
+        "node-fetch": "2.6.7"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -7478,6 +7507,12 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.1011705",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1011705.tgz",
+      "integrity": "sha512-OKvTvu9n3swmgYshvsyVHYX0+aPzCoYUnyXUacfQMmFtBtBKewV/gT4I9jkAbpTqtTi2E4S9MXLlvzBDUlqg0Q==",
+      "dev": true
+    },
     "node_modules/di": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
@@ -8607,6 +8642,41 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/extract-zip/node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -8670,6 +8740,15 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
     "node_modules/figures": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
@@ -8922,6 +9001,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "dev": true
+    },
     "node_modules/fs-extra": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
@@ -12733,6 +12818,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "dev": true
+    },
     "node_modules/moment": {
       "version": "2.29.3",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.3.tgz",
@@ -12934,6 +13025,26 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/node-fetch": {
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/node-forge": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
@@ -13951,6 +14062,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true
+    },
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -16257,6 +16374,15 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/promise": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
@@ -16560,6 +16686,12 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true
+    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -16721,6 +16853,93 @@
       "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
       "dev": true
     },
+    "node_modules/puppeteer": {
+      "version": "15.3.2",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-15.3.2.tgz",
+      "integrity": "sha512-6z4fTHCHTpG3Yu7zqP0mLfCmkNkgw5KSUfLAwuBabz9Pkqoe0Z08hqUx5GNxhhMgEo4YVOSPBshePA6zliznWQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "cross-fetch": "3.1.5",
+        "debug": "4.3.4",
+        "devtools-protocol": "0.0.1011705",
+        "extract-zip": "2.0.1",
+        "https-proxy-agent": "5.0.1",
+        "pkg-dir": "4.2.0",
+        "progress": "2.0.3",
+        "proxy-from-env": "1.1.0",
+        "rimraf": "3.0.2",
+        "tar-fs": "2.1.1",
+        "unbzip2-stream": "1.4.3",
+        "ws": "8.8.0"
+      },
+      "engines": {
+        "node": ">=14.1.0"
+      }
+    },
+    "node_modules/puppeteer/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/puppeteer/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/puppeteer/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/puppeteer/node_modules/ws": {
+      "version": "8.8.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
+      "integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/q": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.4.1.tgz",
@@ -19827,6 +20046,40 @@
         "node": ">= 10"
       }
     },
+    "node_modules/tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dev": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/tar-fs/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -20064,6 +20317,12 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "dev": true
+    },
     "node_modules/tree-kill": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
@@ -20291,6 +20550,16 @@
         "node": "*"
       }
     },
+    "node_modules/unbzip2-stream": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
+      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
+      "dev": true,
+      "dependencies": {
+        "buffer": "^5.2.1",
+        "through": "^2.3.8"
+      }
+    },
     "node_modules/unherit": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/unherit/-/unherit-1.1.3.tgz",
@@ -20932,6 +21201,12 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "dev": true
+    },
     "node_modules/webpack": {
       "version": "5.50.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.50.0.tgz",
@@ -22047,6 +22322,16 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -22326,6 +22611,16 @@
         "node": ">=12"
       }
     },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "node_modules/yn": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
@@ -24696,6 +24991,16 @@
         }
       }
     },
+    "@types/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -25663,6 +25968,12 @@
         "ieee754": "^1.1.13"
       }
     },
+    "buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true
+    },
     "buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -26718,6 +27029,15 @@
         }
       }
     },
+    "cross-fetch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
+      "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
+      "dev": true,
+      "requires": {
+        "node-fetch": "2.6.7"
+      }
+    },
     "cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -27971,6 +28291,12 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "devtools-protocol": {
+      "version": "0.0.1011705",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1011705.tgz",
+      "integrity": "sha512-OKvTvu9n3swmgYshvsyVHYX0+aPzCoYUnyXUacfQMmFtBtBKewV/gT4I9jkAbpTqtTi2E4S9MXLlvzBDUlqg0Q==",
+      "dev": true
+    },
     "di": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
@@ -28832,6 +29158,29 @@
         }
       }
     },
+    "extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "requires": {
+        "@types/yauzl": "^2.9.1",
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        }
+      }
+    },
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -28886,6 +29235,15 @@
         "websocket-driver": ">=0.5.1"
       }
     },
+    "fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "requires": {
+        "pend": "~1.2.0"
+      }
+    },
     "figures": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
@@ -29073,6 +29431,12 @@
       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true
     },
+    "fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "dev": true
+    },
     "fs-extra": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
@@ -32037,6 +32401,12 @@
       "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
       "dev": true
     },
+    "mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "dev": true
+    },
     "moment": {
       "version": "2.29.3",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.3.tgz",
@@ -32204,6 +32574,15 @@
       "dev": true,
       "optional": true
     },
+    "node-fetch": {
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "dev": true,
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      }
+    },
     "node-forge": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
@@ -32995,6 +33374,12 @@
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true
     },
+    "pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true
+    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -34648,6 +35033,12 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
     "promise": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
@@ -34890,6 +35281,12 @@
         "ipaddr.js": "1.9.1"
       }
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true
+    },
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -35050,6 +35447,63 @@
       "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
       "dev": true
     },
+    "puppeteer": {
+      "version": "15.3.2",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-15.3.2.tgz",
+      "integrity": "sha512-6z4fTHCHTpG3Yu7zqP0mLfCmkNkgw5KSUfLAwuBabz9Pkqoe0Z08hqUx5GNxhhMgEo4YVOSPBshePA6zliznWQ==",
+      "dev": true,
+      "requires": {
+        "cross-fetch": "3.1.5",
+        "debug": "4.3.4",
+        "devtools-protocol": "0.0.1011705",
+        "extract-zip": "2.0.1",
+        "https-proxy-agent": "5.0.1",
+        "pkg-dir": "4.2.0",
+        "progress": "2.0.3",
+        "proxy-from-env": "1.1.0",
+        "rimraf": "3.0.2",
+        "tar-fs": "2.1.1",
+        "unbzip2-stream": "1.4.3",
+        "ws": "8.8.0"
+      },
+      "dependencies": {
+        "agent-base": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+          "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+          "dev": true,
+          "requires": {
+            "debug": "4"
+          }
+        },
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "https-proxy-agent": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+          "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+          "dev": true,
+          "requires": {
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "ws": {
+          "version": "8.8.0",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
+          "integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
+          "dev": true,
+          "requires": {}
+        }
+      }
+    },
     "q": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.4.1.tgz",
@@ -37503,6 +37957,39 @@
         "yallist": "^4.0.0"
       }
     },
+    "tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dev": true,
+      "requires": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      },
+      "dependencies": {
+        "chownr": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+          "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+          "dev": true
+        }
+      }
+    },
+    "tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "requires": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      }
+    },
     "terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -37682,6 +38169,12 @@
         "punycode": "^1.4.1"
       }
     },
+    "tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "dev": true
+    },
     "tree-kill": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
@@ -37839,6 +38332,16 @@
       "integrity": "sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==",
       "dev": true
     },
+    "unbzip2-stream": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
+      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
+      "dev": true,
+      "requires": {
+        "buffer": "^5.2.1",
+        "through": "^2.3.8"
+      }
+    },
     "unherit": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/unherit/-/unherit-1.1.3.tgz",
@@ -38365,6 +38868,12 @@
         }
       }
     },
+    "webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "dev": true
+    },
     "webpack": {
       "version": "5.50.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.50.0.tgz",
@@ -39237,6 +39746,16 @@
       "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
       "dev": true
     },
+    "whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dev": true,
+      "requires": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -39455,6 +39974,16 @@
         }
       }
     },
+    "yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "requires": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "yn": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",

package.json

@@ -81,6 +81,7 @@
     "karma-jasmine": "~4.0.0",
     "karma-junit-reporter": "1.2.0",
     "protractor": "~7.0.0",
+    "puppeteer": "^15.3.2",
     "stylelint": "10.0.1",
     "stylelint-config-recommended-scss": "3.3.0",
     "stylelint-config-standard": "18.3.0",

src/app/system/configurations/business-date-tab/business-date-tab.component.html

@@ -0,0 +1,97 @@
+<div class="container space">
+
+  <div class="mat-elevation-z8">
+    <div *ngIf="!isBusinessDateEnabled">
+      <p>The Business Date functionality is not enabled. If you need that, Go to Global Configurations and enable the
+        configuration: <code>{{configurationName}}</code></p>
+    </div>
+
+    <div *ngIf="isBusinessDateEnabled">
+
+      <mat-card>
+        <form [formGroup]="businessDateForm">
+          <mat-card-content>
+            <div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column" class="space">
+              <div fxFlex="50%">
+                <span fxFlex="40%" class="date-type">User date format: </span>
+                <span fxFlex="60%" class="date-value">{{userDateFormat}}</span>
+              </div>
+            </div>
+
+            <!-- Business Date -->
+            <div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
+              <div fxFlex="50%" *ngIf="!isEditInProgress">
+                <span fxFlex="40%" class="date-type">Business Date: </span>
+                <span fxFlex="60%" class="date-value">{{businessDate | dateFormat}}</span>
+              </div>
+
+              <mat-form-field (click)="businessDatePicker.open()" *ngIf="isEditInProgress && (dateIndex == 0)">
+                <mat-label>Business Date</mat-label>
+                <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="businessDatePicker"
+                  formControlName="businessDate">
+                <mat-datepicker-toggle matSuffix [for]="businessDatePicker">
+                </mat-datepicker-toggle>
+                <mat-datepicker #businessDatePicker></mat-datepicker>
+                <mat-error *ngIf="businessDateForm.controls.businessDate.hasError('required')">
+                  Business Date is <strong>required</strong>
+                </mat-error>
+              </mat-form-field>
+
+              <div fxLayoutGap="2%" fxFlex="22%" class="options-wrapper">
+                <span *ngIf="isEditInProgress && (dateIndex == 0)">
+                  <button mat-stroked-button color="primary" [disabled]="businessDateForm.pristine" (click)="submit()"
+                    *mifosxHasPermission="'UPDATE_BUSINESSDATE'">
+                    Submit
+                  </button>
+                </span>
+                <button mat-button *ngIf="isEditInProgress" (click)="editInProgressToggle(0)">
+                  Cancel
+                </button>
+                <button type="button" color="primary" *ngIf="!isEditInProgress" mat-icon-button matTooltip="Edit the Business Date"
+                  matTooltipPosition="above" (click)="editInProgressToggle(0)">
+                  <fa-icon icon="edit" size="lg"></fa-icon>
+                </button>
+              </div>
+            </div>
+
+            <!-- COB Date -->
+            <div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
+              <div fxFlex="50%" *ngIf="!isEditInProgress">
+                <span fxFlex="40%" class="date-type">COB Date: </span>
+                <span fxFlex="60%" class="date-value">{{cobDate | dateFormat}}</span>
+              </div>
+
+              <mat-form-field (click)="cobDatePicker.open()" *ngIf="isEditInProgress && (dateIndex == 1)">
+                <mat-label>COB Date</mat-label>
+                <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="cobDatePicker"
+                  formControlName="businessDate">
+                <mat-datepicker-toggle matSuffix [for]="cobDatePicker">
+                </mat-datepicker-toggle>
+                <mat-datepicker #cobDatePicker></mat-datepicker>
+                <mat-error *ngIf="businessDateForm.controls.cobDate.hasError('required')">
+                  COB Date is <strong>required</strong>
+                </mat-error>
+              </mat-form-field>
+
+              <div fxLayoutGap="4%" fxFlex="22%" class="options-wrapper">
+                <span *ngIf="isEditInProgress && (dateIndex == 1)">
+                  <button mat-stroked-button color="primary" [disabled]="businessDateForm.pristine" (click)="submit()"
+                    *mifosxHasPermission="'UPDATE_BUSINESSDATE'">
+                    Submit
+                  </button>
+                </span>
+                <button mat-button *ngIf="isEditInProgress" (click)="editInProgressToggle(1)">
+                  Cancel
+                </button>
+                <button type="button" color="primary" *ngIf="!isEditInProgress" mat-icon-button matTooltip="Edit the COB Date"
+                  matTooltipPosition="above" (click)="editInProgressToggle(1)">
+                  <fa-icon icon="edit" size="lg"></fa-icon>
+                </button>
+              </div>
+            </div>
+          </mat-card-content>
+        </form>
+      </mat-card>
+    </div>
+  </div>
+</div>

src/app/system/configurations/business-date-tab/business-date-tab.component.scss

@@ -0,0 +1,15 @@
+.space {
+  padding-bottom: 40px;
+}
+
+.date-type {
+  font-size: 1.25rem;
+  font-weight: 400;
+  min-width: 40%;
+}
+
+.date-value {
+  display: inline;
+  font-size: 1rem;
+  min-width: 50%;
+}

src/app/system/configurations/business-date-tab/business-date-tab.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BusinessDateTabComponent } from './business-date-tab.component';
+
+describe('BusinessDateTabComponent', () => {
+  let component: BusinessDateTabComponent;
+  let fixture: ComponentFixture<BusinessDateTabComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BusinessDateTabComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BusinessDateTabComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/system/configurations/business-date-tab/business-date-tab.component.ts

@@ -0,0 +1,141 @@
+/** Angular Imports */
+import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+
+import { ActivatedRoute } from '@angular/router';
+import { Dates } from 'app/core/utils/dates';
+import { SettingsService } from 'app/settings/settings.service';
+
+/** Custom Services */
+import { SystemService } from '../../system.service';
+
+@Component({
+  selector: 'mifosx-business-date-tab',
+  templateUrl: './business-date-tab.component.html',
+  styleUrls: ['./business-date-tab.component.scss']
+})
+export class BusinessDateTabComponent implements OnInit {
+
+  configurationName = 'enable_business_date';
+  businessDateType = 'BUSINESS_DATE';
+  cobDateType = 'COB_DATE';
+
+  /** Minimum date allowed. */
+  minDate = new Date(2000, 0, 1);
+  /** Maximum date allowed. */
+  maxDate = new Date(2100, 0, 1);
+  /** Business date */
+  businessDate = new Date();
+  /** COB date */
+  cobDate = new Date();
+  /** business Date form. */
+  businessDateForm: FormGroup;
+  /** Configuration data. */
+  configurations: any;
+  /** Business data. */
+  businessDateData: any;
+
+  dateIndex = 0;
+  userDateFormat: '';
+  isBusinessDateEnabled = false;
+  isEditInProgress = false;
+
+  /**
+   * Retrieves the configurations data from `resolve`.
+   * @param {ActivatedRoute} route Activated Route.
+   * @param {SystemService} systemService System Service.
+   * @param {Router} router Router for navigation.
+   */
+  constructor(private route: ActivatedRoute,
+    private systemService: SystemService,
+    private settingsService: SettingsService,
+    private formBuilder: FormBuilder,
+    private dateUtils: Dates) {}
+
+  ngOnInit(): void {
+    this.userDateFormat = this.settingsService.dateFormat;
+    this.getConfigurations();
+    this.createBusinessDateForm();
+  }
+
+  /**
+   * Get the Configuration and the Business Date data
+   */
+  getConfigurations(): void {
+    this.systemService.getConfigurations()
+    .subscribe((configurationData: any) => {
+      this.configurations = configurationData.globalConfiguration;
+      this.validateBusinessDateStatus();
+      if (this.isBusinessDateEnabled) {
+        this.systemService.getBusinessDates()
+        .subscribe((businessDateData: any) => {
+          this.businessDateData = businessDateData;
+          this.setBusinessDates();
+        });
+      }
+    });
+  }
+
+  /**
+   * Set the Business Date and COB Date.
+   */
+  setBusinessDates() {
+    this.businessDateData.forEach((data: any) => {
+      if (data.type === this.businessDateType) {
+        this.businessDate = new Date(data.date);
+      } else {
+        this.cobDate = new Date(data.date);
+      }
+    });
+  }
+
+  /**
+   * Creates the Business Date form.
+   */
+  createBusinessDateForm(): void {
+    this.businessDateForm = this.formBuilder.group({
+      'businessDate': [new Date(), Validators.required],
+      'cobDate': [new Date(), Validators.required],
+    });
+  }
+
+  /**
+   * Validate If the enable_business_date configuration is enabled or disabled.
+   */
+  validateBusinessDateStatus(): void {
+    this.isBusinessDateEnabled = false;
+    this.configurations.forEach((config: any) => {
+      if (config.name === this.configurationName) {
+        this.isBusinessDateEnabled = config.enabled;
+      }
+    });
+  }
+
+  /**
+   * Flag to display or not the datepicker control to set the Business Date value
+   */
+   editInProgressToggle(index: any): void {
+    this.dateIndex = index;
+    this.isEditInProgress = !this.isEditInProgress;
+  }
+
+  submit() {
+    const locale = this.settingsService.language.code;
+    const dateFormat = this.settingsService.dateFormat;
+    const prevBusinessDate: Date = this.businessDateForm.value.businessDate;
+    let dateType = this.businessDateType;
+    if (this.dateIndex === 1) {
+      dateType = this.cobDateType;
+    }
+    const data = {
+      date: this.dateUtils.formatDate(prevBusinessDate, dateFormat),
+      type: dateType,
+      dateFormat,
+      locale
+    };
+    this.systemService.updateBusinessDate(data).subscribe((response: any) => {
+      this.getConfigurations();
+      this.editInProgressToggle(this.dateIndex);
+    });
+  }
+}

src/app/system/configurations/configurations.component.html

@@ -0,0 +1,13 @@
+<mat-card class="configurations-card">
+  <mat-card-content>
+    <mat-tab-group #tabGroup mat-align-tabs="center">
+      <mat-tab label="Global Configurations">
+        <mifosx-global-configurations-tab></mifosx-global-configurations-tab>
+      </mat-tab>
+      <mat-tab label="Business Date">
+        <mifosx-business-date-tab></mifosx-business-date-tab>
+      </mat-tab>
+    </mat-tab-group>
+
+  </mat-card-content>
+</mat-card>

src/app/system/configurations/configurations.component.scss

@@ -0,0 +1,27 @@
+.configurations-card {
+  margin: 0 auto;
+  max-width: 80rem;
+  width: 90%;
+  padding: 0;
+  padding-bottom: 50px;
+  min-height: 500px;
+  .header {
+    padding: 1%;
+    .header-title-group {
+      .client-card-title {
+        margin-top: 1.4rem;
+        color: white;
+        width: 90%;
+        p {
+          color: white;
+        }
+      }
+    }
+  }
+  .navigation-tabs {
+    overflow: auto;
+  }
+  i:hover {
+    cursor: pointer;
+  }
+}

src/app/system/configurations/configurations.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ConfigurationsComponent } from './configurations.component';
+
+describe('ConfigurationsComponent', () => {
+  let component: ConfigurationsComponent;
+  let fixture: ComponentFixture<ConfigurationsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ConfigurationsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ConfigurationsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/system/configurations/configurations.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'mifosx-configurations',
+  templateUrl: './configurations.component.html',
+  styleUrls: ['./configurations.component.scss']
+})
+export class ConfigurationsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/system/configurations/global-configurations-tab/edit-configuration/edit-configuration.component.html

@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container space">
 
   <mat-card>
 
@@ -27,7 +27,8 @@
 
       <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
         <button type="button" mat-raised-button [routerLink]="['../../']"> Cancel </button>
-        <button mat-raised-button color="primary" [disabled]="configurationForm.pristine || !configurationForm.valid"> Submit </button>
+        <button mat-raised-button color="primary" [disabled]="configurationForm.pristine || !configurationForm.valid">
+          Submit </button>
       </mat-card-actions>
 
     </form>

src/app/system/configurations/global-configurations-tab/edit-configuration/edit-configuration.component.scss

@@ -0,0 +1,7 @@
+.container {
+  max-width: 37rem;
+}
+
+.space {
+  padding-bottom: 40px;
+}

src/app/system/configurations/global-configurations-tab/edit-configuration/edit-configuration.component.ts

@@ -4,7 +4,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Services */
-import { SystemService } from '../../system.service';
+import { SystemService } from '../../../system.service';
 
 /**
  * Edit Configuration Component

src/app/system/configurations/global-configurations-tab/global-configuration.resolver.ts

@@ -0,0 +1,31 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { SystemService } from '../../system.service';
+
+/**
+ * Configurations data resolver.
+ */
+@Injectable()
+export class GlobalConfigurationResolver implements Resolve<Object> {
+
+  /**
+   * @param {SystemService} systemService System service.
+   */
+   constructor(private systemService: SystemService) {}
+
+   /**
+    * Returns the Configuration data.
+    * @returns {Observable<any>}
+    */
+   resolve(route: ActivatedRouteSnapshot): Observable<any> {
+     const configurationId = route.paramMap.get('id');
+     return this.systemService.getConfiguration(configurationId);
+   }
+
+}

src/app/system/configurations/global-configurations-tab/global-configurations-tab.component.html

@@ -21,9 +21,12 @@
       <ng-container matColumnDef="enabled">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>
         <td mat-cell *matCellDef="let configuration">
-          <div [className]="configuration.enabled ? 'enabled' : 'disabled'">
+          <mat-slide-toggle [(ngModel)]="configuration.enabled" name="{{configuration.name}}" (click)="toggleStatus(configuration)">
-            <fa-icon icon="circle" size="lg" matTooltip="{{ configuration.enabled ? 'Enabled' : 'Disabled' }}" matTooltipPosition="right"></fa-icon>
+            <div [className]="configuration.enabled ? 'enabled' : 'disabled'">
-          </div>
+              <span *ngIf="configuration.enabled">Enabled</span>
+              <span *ngIf="!configuration.enabled">Disabled</span>
+            </div>
+          </mat-slide-toggle>
         </td>
       </ng-container>
 
@@ -32,18 +35,6 @@
         <td mat-cell *matCellDef="let configuration"> {{ configuration.value }}</td>
       </ng-container>
 
-      <ng-container matColumnDef="action">
-        <th mat-header-cell *matHeaderCellDef> Action </th>
-        <td mat-cell *matCellDef="let configuration">
-          <button mat-button *ngIf="!configuration.enabled" color="accent" (click)="toggleStatus(configuration)">
-            <fa-icon icon="lock-open"></fa-icon>&nbsp;&nbsp;Enable
-          </button>
-          <button mat-button *ngIf="configuration.enabled" color="warn" (click)="toggleStatus(configuration)">
-            <fa-icon icon="lock"></fa-icon>&nbsp;&nbsp;Disable
-          </button>
-        </td>
-      </ng-container>
-
       <ng-container matColumnDef="edit">
         <th mat-header-cell *matHeaderCellDef> Edit </th>
         <td mat-cell *matCellDef="let configuration">

src/app/system/configurations/global-configurations-tab/global-configurations-tab.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GlobalConfigurationsTabComponent } from './global-configurations-tab.component';
+
+describe('GlobalConfigurationsTabComponent', () => {
+  let component: GlobalConfigurationsTabComponent;
+  let fixture: ComponentFixture<GlobalConfigurationsTabComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ GlobalConfigurationsTabComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GlobalConfigurationsTabComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/system/configurations/global-configurations-tab/global-configurations-tab.component.ts

@@ -6,22 +6,19 @@ import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Services */
-import { SystemService } from '../system.service';
+import { SystemService } from '../../system.service';
 
-/**
- * Global Configurations Component
- */
 @Component({
-  selector: 'mifosx-global-configurations',
+  selector: 'mifosx-global-configurations-tab',
-  templateUrl: './global-configurations.component.html',
+  templateUrl: './global-configurations-tab.component.html',
-  styleUrls: ['./global-configurations.component.scss']
+  styleUrls: ['./global-configurations-tab.component.scss']
 })
-export class GlobalConfigurationsComponent implements OnInit {
+export class GlobalConfigurationsTabComponent implements OnInit {
 
   /** Configuration data. */
   configurationData: any;
   /** Columns to be displayed in configurations table. */
-  displayedColumns: string[] = ['name', 'enabled', 'value', 'action', 'edit'];
+  displayedColumns: string[] = ['name', 'enabled', 'value', 'edit'];
   /** Data source for configurations table. */
   dataSource: MatTableDataSource<any>;
 
@@ -37,27 +34,28 @@ export class GlobalConfigurationsComponent implements OnInit {
    * @param {Router} router Router for navigation.
    */
   constructor(private route: ActivatedRoute,
-              private systemService: SystemService,
+              private systemService: SystemService) {
-              private router: Router) {
+      this.configurationData = this.systemService.getConfigurations();
-    this.route.data.subscribe((data: { configurations: any }) => {
-      this.configurationData = data.configurations.globalConfiguration;
-    });
   }
 
   /**
    * Sets the configurations table.
    */
   ngOnInit() {
-    this.setConfigurations();
+    this.setConfigurationData();
   }
 
   /**
    * Initializes the data source, paginator and sorter for configurations table.
    */
-  setConfigurations() {
+   setConfigurationData(): void {
-    this.dataSource = new MatTableDataSource(this.configurationData);
+    this.systemService.getConfigurations()
-    this.dataSource.paginator = this.paginator;
+    .subscribe((configurationData: any) => {
-    this.dataSource.sort = this.sort;
+      this.configurationData = configurationData.globalConfiguration;
+      this.dataSource = new MatTableDataSource(this.configurationData);
+      this.dataSource.paginator = this.paginator;
+      this.dataSource.sort = this.sort;
+    });
   }
 
   /**
@@ -77,5 +75,4 @@ export class GlobalConfigurationsComponent implements OnInit {
         configuration.enabled = response.changes.enabled;
       });
   }
-
 }

src/app/system/configurations/global-configurations-tab/global-configurations.resolver.ts

@@ -6,7 +6,7 @@ import { Resolve } from '@angular/router';
 import { Observable } from 'rxjs';
 
 /** Custom Services */
-import { SystemService } from '../system.service';
+import { SystemService } from '../../system.service';
 
 /**
  * Configurations data resolver.

src/app/system/global-configurations/edit-configuration/edit-configuration.component.scss

@@ -1,3 +0,0 @@
-.container {
-  max-width: 37rem;
-}

src/app/system/global-configurations/global-configuration.resolver.ts

@@ -1,31 +0,0 @@
-/** Angular Imports */
-import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
-
-/** rxjs Imports */
-import { Observable } from 'rxjs';
-
-/** Custom Services */
-import { SystemService } from '../system.service';
-
-/**
- * Global Configuration data resolver.
- */
-@Injectable()
-export class GlobalConfigurationResolver implements Resolve<Object> {
-
-  /**
-   * @param {SystemService} systemService System service.
-   */
-  constructor(private systemService: SystemService) {}
-
-  /**
-   * Returns the Configuration data.
-   * @returns {Observable<any>}
-   */
-  resolve(route: ActivatedRouteSnapshot): Observable<any> {
-    const configurationId = route.paramMap.get('id');
-    return this.systemService.getConfiguration(configurationId);
-  }
-
-}

src/app/system/global-configurations/global-configurations.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { GlobalConfigurationsComponent } from './global-configurations.component';
-
-describe('GlobalConfigurationsComponent', () => {
-  let component: GlobalConfigurationsComponent;
-  let fixture: ComponentFixture<GlobalConfigurationsComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ GlobalConfigurationsComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(GlobalConfigurationsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/system/system-routing.module.ts

@@ -26,8 +26,6 @@ import { ManageSurveysComponent } from './manage-surveys/manage-surveys.componen
 import { CreateSurveyComponent } from './manage-surveys/create-survey/create-survey.component';
 import { ViewSurveyComponent } from './manage-surveys/view-survey/view-survey.component';
 import { ManageSchedulerJobsComponent } from './manage-scheduler-jobs/manage-scheduler-jobs.component';
-import { GlobalConfigurationsComponent } from './global-configurations/global-configurations.component';
-import { EditConfigurationComponent } from './global-configurations/edit-configuration/edit-configuration.component';
 import { AmazonS3Component } from './external-services/amazon-s3/amazon-s3.component';
 import { EmailComponent } from './external-services/email/email.component';
 import { SMSComponent } from './external-services/sms/sms.component';
@@ -62,8 +60,7 @@ import { HooksTemplateResolver } from './manage-hooks/hooks-template.resolver';
 import { RolesAndPermissionsResolver } from './roles-and-permissions/roles-and-permissions.resolver';
 import { ManageSurveysResolver } from './manage-surveys/manage-surveys.resolver';
 import { ManageSchedulerJobsResolver } from './manage-scheduler-jobs/manage-scheduler-jobs.resolver';
-import { GlobalConfigurationsResolver } from './global-configurations/global-configurations.resolver';
+import { GlobalConfigurationsResolver } from './configurations/global-configurations-tab/global-configurations.resolver';
-import { GlobalConfigurationResolver } from './global-configurations/global-configuration.resolver';
 import { AmazonS3ConfigurationResolver } from './external-services/amazon-s3/amazon-s3.resolver';
 import { EmailConfigurationResolver } from './external-services/email/email.resolver';
 import { SMSConfigurationResolver } from './external-services/sms/sms.resolver';
@@ -87,6 +84,8 @@ import { ConfigureMakerCheckerTasksComponent } from './configure-maker-checker-t
 import { MakerCheckerTasksResolver } from './configure-maker-checker-tasks/configure-maker-checker-tasks.resolver';
 import { ViewHistorySchedulerJobComponent } from './manage-scheduler-jobs/view-history-scheduler-job/view-history-scheduler-job.component';
 import { ViewHistorySchedulerJobsResolver } from './manage-scheduler-jobs/view-history-scheduler-job/view-history-scheduler-job.resolver';
+import { ConfigurationsComponent } from './configurations/configurations.component';
+import { GlobalConfigurationResolver } from './configurations/global-configurations-tab/global-configuration.resolver';
 
 const routes: Routes = [
   Route.withShell([
@@ -94,25 +93,25 @@ const routes: Routes = [
       path: 'system',
       data: { title: extract('System'), breadcrumb: 'System' },
       children: [
-      {
+        {
-        path: '',
+          path: '',
-        component: SystemComponent
+          component: SystemComponent
-      },
+        },
-      {
+        {
-        path: 'codes',
+          path: 'codes',
-        data: { title: extract('View Codes'), breadcrumb: 'Codes' },
+          data: { title: extract('View Codes'), breadcrumb: 'Codes' },
-        children: [
+          children: [
-          {
+            {
-            path: '',
+              path: '',
-            component: CodesComponent,
+              component: CodesComponent,
-            resolve: {
+              resolve: {
-              codes: CodesResolver
+                codes: CodesResolver
-            }
+              }
-          },
+            },
-          {
+            {
-            path: 'create',
+              path: 'create',
-            component: CreateCodeComponent,
+              component: CreateCodeComponent,
-            data: { title: extract('Create Code'), breadcrumb: 'Create' }
+              data: { title: extract('Create Code'), breadcrumb: 'Create' }
             },
             {
               path: ':id',
@@ -135,19 +134,19 @@ const routes: Routes = [
                   }
                 }
               ]
-          }
+            }
-        ],
+          ],
 
-      },
+        },
-      {
+        {
-        path: 'entity-to-entity-mapping',
+          path: 'entity-to-entity-mapping',
-        component: EntityToEntityMappingComponent,
+          component: EntityToEntityMappingComponent,
-        data: { title: extract('Entity to Entity Mapping'), breadcrumb: 'Entity to Entity Mapping' },
+          data: { title: extract('Entity to Entity Mapping'), breadcrumb: 'Entity to Entity Mapping' },
-        resolve: {
+          resolve: {
-          entityMappings: EntityToEntityMappingResolver
+            entityMappings: EntityToEntityMappingResolver
-        }
+          }
-      },
+        },
-      {
+        {
           path: 'external-services',
           data: { title: extract('External Services'), breadcrumb: 'External Services' },
           children: [
@@ -169,7 +168,7 @@ const routes: Routes = [
                 {
                   path: 'edit',
                   component: EditAmazonS3Component,
-                  data: {title: extract('Edit Amazon S3 Configuration'), breadcrumb: 'Edit'},
+                  data: { title: extract('Edit Amazon S3 Configuration'), breadcrumb: 'Edit' },
                   resolve: {
                     amazonS3Configuration: AmazonS3ConfigurationResolver
                   }
@@ -243,7 +242,7 @@ const routes: Routes = [
         },
         {
           path: 'data-tables',
-          data: { title:  extract('Manage Data Tables'), breadcrumb: 'Manage Data Tables' },
+          data: { title: extract('Manage Data Tables'), breadcrumb: 'Manage Data Tables' },
           children: [
             {
               path: '',
@@ -255,14 +254,14 @@ const routes: Routes = [
             {
               path: 'create',
               component: CreateDataTableComponent,
-              data: { title: extract('Create Data Table'), breadcrumb: 'Create'},
+              data: { title: extract('Create Data Table'), breadcrumb: 'Create' },
               resolve: {
                 columnCodes: CodesResolver
               }
             },
             {
               path: ':datatableName',
-              data: { title: extract('View Data Table'), routeParamBreadcrumb: 'datatableName'},
+              data: { title: extract('View Data Table'), routeParamBreadcrumb: 'datatableName' },
               children: [
                 {
                   path: '',
@@ -274,7 +273,7 @@ const routes: Routes = [
                 {
                   path: 'edit',
                   component: EditDataTableComponent,
-                  data: { title: extract('Edit Data table'), breadcrumb: 'Edit', routeParamBreadcrumb: false},
+                  data: { title: extract('Edit Data table'), breadcrumb: 'Edit', routeParamBreadcrumb: false },
                   resolve: {
                     dataTable: DataTableResolver,
                     columnCodes: CodesResolver
@@ -283,10 +282,10 @@ const routes: Routes = [
               ]
             }
           ],
-      },
+        },
-      {
+        {
           path: 'hooks',
-          data: { title:  extract('Manage Hooks'), breadcrumb: 'Manage Hooks' },
+          data: { title: extract('Manage Hooks'), breadcrumb: 'Manage Hooks' },
           children: [
             {
               path: '',
@@ -326,10 +325,10 @@ const routes: Routes = [
               ]
             }
           ]
-      },
+        },
-      {
+        {
           path: 'roles-and-permissions',
-          data: { title:  extract('Roles and Permissions'), breadcrumb: 'Roles and Permissions' },
+          data: { title: extract('Roles and Permissions'), breadcrumb: 'Roles and Permissions' },
           children: [
             {
               path: '',
@@ -355,117 +354,101 @@ const routes: Routes = [
                     roledetails: ViewRoleResolver,
                   }
                 },
-              {
+                {
-                path: 'edit',
+                  path: 'edit',
-                component: EditRoleComponent,
+                  component: EditRoleComponent,
-                data: { title: extract('Edit Role'), breadcrumb: 'Edit', routeParamBreadcrumb: false },
+                  data: { title: extract('Edit Role'), breadcrumb: 'Edit', routeParamBreadcrumb: false },
-                resolve: {
+                  resolve: {
-                  role: ViewRoleResolver,
+                    role: ViewRoleResolver,
+                  }
                 }
-              }
+              ]
-            ]
+            }
-          }
+          ]
-        ]
+        },
-      },
+        {
-      {
+          path: 'configure-mc-tasks',
-        path: 'configure-mc-tasks',
+          data: { title: extract('Configure Maker Checker Tasks'), breadcrumb: 'Configure Maker Checker Tasks' },
-        data: { title: extract('Configure Maker Checker Tasks'), breadcrumb: 'Configure Maker Checker Tasks' },
+          component: ConfigureMakerCheckerTasksComponent,
-        component: ConfigureMakerCheckerTasksComponent,
+          resolve: {
-        resolve: {
+            permissions: MakerCheckerTasksResolver
-              permissions: MakerCheckerTasksResolver
           }
         },
-      {
+        {
-        path: 'surveys',
+          path: 'surveys',
-        data: { title:  extract('Manage Surveys'), breadcrumb: 'Manage Surveys' },
+          data: { title: extract('Manage Surveys'), breadcrumb: 'Manage Surveys' },
-        children: [
+          children: [
-          {
+            {
-            path: '',
+              path: '',
-            component: ManageSurveysComponent,
+              component: ManageSurveysComponent,
-            resolve: {
+              resolve: {
-              surveys: ManageSurveysResolver
+                surveys: ManageSurveysResolver
-            }
-          },
-          {
-            path: 'create',
-            component: CreateSurveyComponent,
-            data: { title:  extract('Create Survey'), breadcrumb: 'Create' },
-          },
-          {
-            path: ':id',
-            data: {title: extract('View Survey'), routeParamBreadcrumb: 'id'},
-            children: [
-              {
-                path: '',
-                component: ViewSurveyComponent,
-                resolve: {
-                  survey: SurveyResolver
-                }
               }
-            ]
+            },
-          }
+            {
-        ]
+              path: 'create',
-      },
+              component: CreateSurveyComponent,
-      {
+              data: { title: extract('Create Survey'), breadcrumb: 'Create' },
-        path: 'scheduler-jobs',
+            },
-        data: { title:  extract('Manage Scheduler Jobs'), breadcrumb: 'Manage Scheduler Jobs' },
+            {
-        children: [
+              path: ':id',
-          {
+              data: { title: extract('View Survey'), routeParamBreadcrumb: 'id' },
-            path: '',
+              children: [
-            component: ManageSchedulerJobsComponent,
+                {
-            resolve: {},
+                  path: '',
-          },
+                  component: ViewSurveyComponent,
-          {
+                  resolve: {
-            path: ':id',
+                    survey: SurveyResolver
-            data: { title: extract('View Scheduler Job'), routeParamBreadcrumb: 'id' },
+                  }
-            children: [
-              {
-                path: '',
-                component: ViewSchedulerJobComponent,
-                resolve: {
-                  selectedJob: ViewSchedulerJobResolver
                 }
-              },
+              ]
-              {
+            }
-                path: 'edit',
+          ]
-                component: EditSchedulerJobComponent,
+        },
-                data: { title: extract('Edit Scheduler Job'), routeParamBreadcrumb: false, breadcrumb: 'Edit' },
+        {
-                resolve: {
+          path: 'scheduler-jobs',
-                  jobSelected: ManageSchedulerJobResolver
+          data: { title: extract('Manage Scheduler Jobs'), breadcrumb: 'Manage Scheduler Jobs' },
-                }
+          children: [
-              },
+            {
-              {
+              path: '',
-                path: 'viewhistory',
+              component: ManageSchedulerJobsComponent,
-                component: ViewHistorySchedulerJobComponent,
+              resolve: {},
-                data: { title: extract('Scheduler Job History'), breadcrumb: 'View History' },
+            },
-                resolve: {
+            {
-                  jobsSchedulerHistory: ViewHistorySchedulerJobsResolver
+              path: ':id',
+              data: { title: extract('View Scheduler Job'), routeParamBreadcrumb: 'id' },
+              children: [
+                {
+                  path: '',
+                  component: ViewSchedulerJobComponent,
+                  resolve: {
+                    selectedJob: ViewSchedulerJobResolver
+                  }
                 },
-              }
+                {
-            ]
+                  path: 'edit',
-          }
+                  component: EditSchedulerJobComponent,
-        ],
+                  data: { title: extract('Edit Scheduler Job'), routeParamBreadcrumb: false, breadcrumb: 'Edit' },
-      },
+                  resolve: {
-      {
+                    jobSelected: ManageSchedulerJobResolver
-        path: 'global-configurations',
+                  }
-        data: { title: extract('Global Configurations'), breadcrumb: 'Global Configurations' },
+                },
-        children: [
+                {
-          {
+                  path: 'viewhistory',
-            path: '',
+                  component: ViewHistorySchedulerJobComponent,
-            component: GlobalConfigurationsComponent,
+                  data: { title: extract('Scheduler Job History'), breadcrumb: 'View History' },
-            resolve: {
+                  resolve: {
-              configurations: GlobalConfigurationsResolver
+                    jobsSchedulerHistory: ViewHistorySchedulerJobsResolver
+                  },
+                }
+              ]
             }
-          },
+          ],
-          {
+        },
-            path: ':id/edit',
+        {
-            component: EditConfigurationComponent,
+          path: 'configurations',
-            data: { title: extract('Edit Configuration'), breadcrumb: 'Edit' },
+          component: ConfigurationsComponent,
-            resolve: {
+          data: { title: extract('Configurations'), breadcrumb: 'Configurations' }
-              configuration: GlobalConfigurationResolver
-            }
-          }
-        ],
         },
         {
           path: 'account-number-preferences',
@@ -565,12 +548,12 @@ const routes: Routes = [
               }
             },
             {
-             path: ':id',
+              path: ':id',
-             component: ViewAuditComponent,
+              component: ViewAuditComponent,
-             data: { title: extract('View Audit'), routeParamBreadcrumb: 'id' },
+              data: { title: extract('View Audit'), routeParamBreadcrumb: 'id' },
-             resolve: {
+              resolve: {
-               auditTrail: AuditTrailResolver
+                auditTrail: AuditTrailResolver
-             }
+              }
             }
           ]
         }

src/app/system/system.component.html

@@ -96,12 +96,12 @@
             <p matLine>Schedule a job, modify or delete jobs</p>
           </mat-list-item>
 
-          <mat-list-item [routerLink]="['global-configurations']">
+          <mat-list-item [routerLink]="['configurations']">
             <mat-icon matListIcon>
               <fa-icon icon="cogs" size="sm"></fa-icon>
             </mat-icon>
             <h4 matLine>Configurations</h4>
-            <p matLine>Global configurations and Cache settings</p>
+            <p matLine>Global configurations, Cache and Business Date settings</p>
           </mat-list-item>
 
           <mat-list-item [routerLink]="['account-number-preferences']">

src/app/system/system.module.ts

@@ -23,8 +23,7 @@ import { ManageSurveysComponent } from './manage-surveys/manage-surveys.componen
 import { ViewSurveyComponent } from './manage-surveys/view-survey/view-survey.component';
 import { CreateSurveyComponent } from './manage-surveys/create-survey/create-survey.component';
 import { ManageSchedulerJobsComponent } from './manage-scheduler-jobs/manage-scheduler-jobs.component';
-import { GlobalConfigurationsComponent } from './global-configurations/global-configurations.component';
+import { EditConfigurationComponent } from './configurations/global-configurations-tab/edit-configuration/edit-configuration.component';
-import { EditConfigurationComponent } from './global-configurations/edit-configuration/edit-configuration.component';
 import { AmazonS3Component } from './external-services/amazon-s3/amazon-s3.component';
 import { EmailComponent } from './external-services/email/email.component';
 import { SMSComponent } from './external-services/sms/sms.component';
@@ -60,6 +59,9 @@ import { AddEventDialogComponent } from './manage-hooks/add-event-dialog/add-eve
 import { ViewSchedulerJobComponent } from './manage-scheduler-jobs/view-scheduler-job/view-scheduler-job.component';
 import { EditSchedulerJobComponent } from './manage-scheduler-jobs/edit-scheduler-job/edit-scheduler-job.component';
 import { ConfigureMakerCheckerTasksComponent } from './configure-maker-checker-tasks/configure-maker-checker-tasks.component';
+import { BusinessDateTabComponent } from './configurations/business-date-tab/business-date-tab.component';
+import { ConfigurationsComponent } from './configurations/configurations.component';
+import { GlobalConfigurationsTabComponent } from './configurations/global-configurations-tab/global-configurations-tab.component';
 
 @NgModule({
   imports: [
@@ -83,7 +85,6 @@ import { ConfigureMakerCheckerTasksComponent } from './configure-maker-checker-t
     RolesAndPermissionsComponent,
     ManageSurveysComponent,
     ManageSchedulerJobsComponent,
-    GlobalConfigurationsComponent,
     EditConfigurationComponent,
     AmazonS3Component,
     EmailComponent,
@@ -119,7 +120,10 @@ import { ConfigureMakerCheckerTasksComponent } from './configure-maker-checker-t
     CreateSurveyComponent,
     EditSchedulerJobComponent,
     ViewHistorySchedulerJobComponent,
-    ViewSurveyComponent
+    ViewSurveyComponent,
+    BusinessDateTabComponent,
+    ConfigurationsComponent,
+    GlobalConfigurationsTabComponent
   ],
 })
 export class SystemModule { }

src/app/system/system.service.ts

@@ -328,6 +328,21 @@ export class SystemService {
     return this.http.put(`/datatables/${dataTableName}`, dataTable);
   }
 
+  /**
+   * @returns {Observable<any>} Business Date data.
+   */
+   getBusinessDates(): Observable<any> {
+    return this.http.get('/businessdate');
+  }
+
+  /**
+   * @param {any} dateData Business Date data to be updated.
+   * @returns {Observable<any>}
+   */
+   updateBusinessDate(dateData: any): Observable<any> {
+    return this.http.post(`/businessdate`, dateData);
+  }
+
   /**
    * @returns {Observable<any>} Configurations data.
    */