title: Adaptive Card Date Format dd/MM/yyyy
body: <p>I'm trying to format an Adaptive card date to dd/MM/yyyy
  using this data:</p>
  <pre><code>{
      &quot;Due_Date&quot;: &quot;2020-09-20T06:08:00Z&quot;,
  }
  </code></pre>
  <p>I tried these formats:</p>
  <pre><code>           {
                  &quot;type&quot;: &quot;TextBlock&quot;,
                  &quot;text&quot;: &quot;Due Date: {{DATE(${$root.Due_Date}, COMPACT)}} &quot;
              },
              {
                  &quot;type&quot;: &quot;TextBlock&quot;,
                  &quot;text&quot;:  &quot;Due Date: ${formatDateTime(Due_Date, 'dd/MM/yyyy')}&quot;
              }    
  </code></pre>
  <p>and I got this render from AC Studio:
  <a href="https://i.stack.imgur.com/Y87DH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y87DH.png" alt="Adaptive Card" /></a></p>
  <p>When I use the designer I get this result:
  <a href="https://i.stack.imgur.com/5qdce.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5qdce.png" alt="enter image description here" /></a></p>
  <p>Using:</p>
  <pre><code>          {
                      &quot;title&quot;: &quot;Date Only&quot;,
                      &quot;value&quot;: &quot;{{DATE(${start}, COMPACT)}}&quot;
                  },
  </code></pre>
  <p>This is the problem I am having with my card rendering as MM/dd/yyyy.</p>
  <p>So AC Viewer is using my locale but the browser is using some other locale.
  Even more interesting look at the time. that time has had 12 hours added on to it!</p>
  <p>I'd like to tell this card that to use my locale, can I configure the SDK to use my locale. Why is the browser not using my locale?</p>
  <p>Using AC Studio My locale is EN-AU , I don't think it's using it at all :-(
  Rendered using Javascript SDK and AC Studio in VS Code, same in AC Designer
  TIA. all suggestions welcome</p>