When using static HTML, it's quite simple to integrate Air Datepicker by following the documentation available at :
<html>
<head>
<link href="dist/css/datepicker.min.css" rel="stylesheet" type="text/css">
<script src="dist/js/datepicker.min.js"></script>
<!-- Include English language -->
<script src="dist/js/i18n/datepicker.en.js"></script>
</head>
</html>
However, implementing it with Angular 4 might not be as straightforward.
To start using air-datepicker with Angular 4:
npm i air-datepicker --save
In your component files, import the necessary scripts:
import 'jquery/dist/jquery.min.js';
import 'air-datepicker/dist/js/datepicker.js';
Despite importing the script, the input field might not work as expected:
<input type='text' class="datepicker-here" data-position="right top" />
If you attempt to add the JS file to ".angular-cli.json", it may still not function properly:
"scripts": [
"../node_modules/air-datepicker/dist/js/datepicker.js"