fix(DateAdapter): update date formats to match document examples

[RyanCrompton]

Description

Fixes #20228

I have tried to match the output to the documentation as closely as possible.

However, fullDateTime/fullDateTime12h/fullDateTime24h should be: Jan 1, 2000 1:00 PM but is currently formatted as Jan 1, 2000, 1:00 PM (note the extra comma after the year.)

Markup:

<template>
  <v-app>
    <v-container>
      <v-text-field v-model="keyboardDateTime" />
      <v-text-field v-model="keyboardDateTime12h" />
      <v-text-field v-model="keyboardDateTime24h" />
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'
  import { useDate } from 'vuetify'
  const keyboardDateTime = ref('')
  const keyboardDateTime12h = ref('')
  const keyboardDateTime24h = ref('')

  const date = useDate()
  keyboardDateTime.value = date.format(new Date(), 'keyboardDateTime')
  keyboardDateTime12h.value = date.format(new Date(), 'keyboardDateTime12h')
  keyboardDateTime24h.value = date.format(new Date(), 'keyboardDateTime24h')
</script>

VPlay Example