JavaScript Scheduler Model Custome date selection

You can use the "dateFormat" property of the date field:

const resources = [
  {name: "Resource A", id: "A"},
  {name: "Resource B", id: "B"},
  {name: "Resource C", id: "C"},
];

const form = [
  {name: "Text", id: "text"},
  {name: "Start", id: "start", type: "date", dateFormat: "d MMMM yyyy"},
  {name: "End", id: "end", type: "date", dateFormat: "d MMMM yyyy"},
  {name: "Resource", id: "resource", options: resources},
];

const data = {
  text: "Event 1",
  start: "2023-11-01",
  end: "2023-11-02",
  resource: "B"
};

const options = {
  locale: "de-de"
};

DayPilot.Modal.form(form, data, options).then(function(modal) {
  console.log(modal);
});

If you specify a custom locale using "options" the modal dialog will use the date pattern from the locale as the default one.