DayPilot.Calendar.eventResizingStartEndFormat

The eventResizingStartEndFormat property (string) specifies the date/time format used by the inline start and end indicators shown while an event is being resized in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.eventResizingStartEndFormat

Possible Values

• "Auto" - uses H:mm in 24-hour locales and h:mm tt in 12-hour locales.

• Custom format string - uses the pattern syntax documented by DayPilot.Date.toString() to format both inline indicators.

Default Value

"Auto"

Notes

The inline indicators are shown only when DayPilot.Calendar.eventResizingStartEndEnabled is set to true.

Use a custom format such as "h:mm tt" when you need the resizing shadow to display a fixed time pattern instead of the locale-dependent automatic format.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  eventResizingStartEndFormat: "h:mm tt",
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>

config: DayPilot.CalendarConfig = {
  eventResizingStartEndFormat: "h:mm tt",
  // ...
};

React

<DayPilotCalendar
  eventResizingStartEndFormat="h:mm tt"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  eventResizingStartEndFormat="h:mm tt"
  <!-- ... -->
/>

See Also

DayPilot.Date.toString()

DayPilot.Calendar.eventResizingStartEndEnabled

DayPilot.Calendar.eventResizeHandling

DayPilot.Calendar.onEventResizing

DayPilot.Calendar Class