title: DatePicker display format display differently
body: <p>I have tried to include a DatePicker in my form. However, it have different behaviour.</p>
  <pre><code>DatePicker(&quot;Date&quot;, selection: $selectedDate, in: ...Date(), displayedComponents: [.date, .hourAndMinute]).datePickerStyle(CompactDatePickerStyle())
  </code></pre>
  <p>I choose different dates, and the display is different:</p>
  <p><a href="https://i.stack.imgur.com/PIW5y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PIW5y.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/fLRoH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fLRoH.png" alt="enter image description here" /></a></p>
  <p>How can I restrict it to display the format shown as April 1, 2021?</p>