title: AngularJS ui-date format
body: <p>So I have :</p>
  
  <pre><code>&lt;input ng-model="date1" ui-date&gt;
  &lt;div ng-model="date2" ui-date&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It works great. The div calendar 'date2' will follow the change of its previous ui-date input, namely 'date1' the input box.</p>
  
  <p>AngularUI did a great job, when you have multiple input+div calendars existing in one page, imagine a travel agent booking page, 'date4' will group with 'date3' automatically, 'date6' will group with 'date5' automatically ...etc. well done.</p>
  
  <p>However, in my sample code <code>&lt;input ng-model="date1" ui-date&gt;</code> only works in US format with back-slash delimiters 'MM/dd/yyyy'. </p>
  
  <p>My question is, how do I change the default input date format? If I want to have iso-8601 'yyyy-MM-dd' as my input, ui-date doesn't seem to recognise it as a valid input.</p>
  
  <p>I tried <code>ui-date="yyyy-MM-dd"</code> it doesn't seem to have any effects.</p>