How to use Foundation CSS Calendar Inside ng-include Angular JS
<p>I need to use Foundation CSS calendar in my AngularJS Application. I included the <strong>foundation-datepicker.min.js</strong> and <strong>foundation-datepicker.min.css</strong> in my project and referenced the same from my index.html.</p>

<p>In my .html page, I used the date picker like <code>&lt;input type="text" class="span2 dp1" /&gt;</code> and initialised the element in the controller like </p>

<pre><code>$('.dp1').fdatepicker({
   initialDate: '02-12-1989',
   format: 'mm-dd-yyyy',
   disableDblClickSelection: true
});
</code></pre>

<p>This initialises the element and works find with default date set. </p>

<p>But when I use the same input element in a view which is included using <code>ng-include</code>, it is not getting initialised. It shows an empty input field with no default value set.</p>

<p>How to initialise an element in <code>ng-include</code> view from a controller and make it work? </p>

<p>My Application have JQuery libraries included. Is that stopping anywhere. Also I don't want to include Bootstrap in my Application since it is already overloaded. </p>

<p>Thanks in advance.</p>