Add a prop to the header.vue component to specify short or long date

[JimRomaineHRI]

Is your feature request related to a problem? Please describe.
The calendar header displays short name for Month

Describe the solution you'd like
Pass a prop monthFormat and possibly dayFormat (that could stay short due to date picker ) that would accept either short or long minimally and have that value used in header.vue component. Computed value for period name

periodName() {
  if (this.mode === 'week') {
    const startMonth = this.time.getLocalizedNameOfMonth(
      this.currentPeriod?.start,
      this.monthFormat
    );
    const endMonth = this.time.getLocalizedNameOfMonth(
      this.currentPeriod?.end,
       this.monthFormat
    );

    return startMonth === endMonth
      ? startMonth
      : `${startMonth} - ${endMonth}`;
  }

  // day
  return (
    this.time.getLocalizedNameOfMonth(
      this.currentPeriod?.selectedDate,
      'short'
    ) +
    ' ' +
    this.currentPeriod.selectedDate.getFullYear()
  );
},

Additional context

Would like the option to display long Name

[JimRomaineHRI]

Just happened to notice the schedule-x project that appears to have this formatting on dates. will check that out.