Datetime picker calendar day names doesn't working

Questions
1

This is the implementation of my date picker calendar:

const dayNames = ["test1, "test2"]
app.calendar.create({
      containerEl: `#${model}-datepicker`,
      value: [new Date()],
      timePicker: true,
      monthNames,
      dayNames,
      firstDay: 0,
      on: {
        change: info => {
          console.log(info)
        }
      }
    })

But day names remain Sat, Sun …etc

Also, the .calendar-week-header is sitting on the calendar itself and I needed to margin it down by 11% (margin-top: 11%)

I am using React and F7 V5.
I implemented the calendar on standard div. Should it be wrapped by list or something?

Also, how to make time picker to be hours left and minutes right, even when page is on RTL?
For example: HH:MM instead of MM:HH even when page is on RTL

2

There is a dayNamesShort parameter responsible for that. And there should be 7 days, not 2

Also, how to make time picker to be hours left and minutes right, even when page is on RTL?
For example: HH:MM instead of MM:HH even when page is on RTL

You can add this to CSS:

.calendar-time-picker {
  direction: ltr;
}