[Bug] Angular Inputs: Date Picker Input Calendar does not appear on click

[RVMendoza]

What does this PR do?

When angular is built in --prod, angular date picker input does not work. This is because it's not being packaged correctly with the flag.

Date picker uses a third party library called tiny-date-picker. There are a two ways to bring in external libraries: Injection, and import modules.

In order to use injection, the library has to have typings, which tiny-date-picker does not have.

Instead of creating one, we are opting to use the second method of importing it for the sake of simplicity.

Concerns addressed:

• There were concerns from @RCopeland that the import module method might an Angular anti-pattern.
  • I couldn't find sources that say it is. Injection vs import is more of a choice based on situation, but neither have been considered bad practice
  • More conversations on the pros and cons of each
• Injection would be useful if we needed access to the class constructor of components and services
  • We don't need that for tiny-date-picker

At a high level, Angular reads the NgModule metadata during the bootstrap process and creates an injector capable of providing these dependencies through the class constructor of components and services throughout the application. -- angularfirst.com

Tiny Date picker doesn’t need any of these things.

• Injection makes that library global
  • We don't need that for tiny-date-picker

Further reading:

• Here's an opinion that thinks injection should be completely out of the question
• https://stackoverflow.com/questions/43861935/angularjs-dependency-injection-vs-es6-import

Associated Issue

#1119

Please check off completed items as you work.

If a checklist item or section does not apply to your PR
then please remove it.

Code

• Build Component in Spark Vanilla (Sass, HTML, JS)
• Build Component in Spark Angular
• Build Component in Spark React
• Unit Testing in Spark Vanilla with npm run test (100% coverage, 100% passing)
• Unit Testing in Spark Angular with gulp test-angular (100% coverage, 100% passing)
• Unit Testing in Spark React with gulp test-react (100% coverage, 100% passing)

Browser Testing (current version and 1 prior)

• Google Chrome
• Google Chrome (Mobile)
• Mozilla Firefox
• Mozilla Firefox (Mobile)
• Microsoft Internet Explorer 11 (only this specific version of IE)
• Microsoft Edge
• Apple Safari
• Apple Safari (Mobile)

[RVMendoza]

fixes #1119

[netlify]

React

Built with commit 3b8d34e

https://deploy-preview-1282--sparkdesignsystem-react.netlify.com

[netlify]

Angular

Built with commit 3b8d34e

https://deploy-preview-1282--sparkdesignsystem-angular.netlify.com