DayPilot.Month.eventEndSpec

The eventEndSpec property (string) determines how the monthly calendar interprets the event end date, either as an exact point in time or as a date-only value.

Declaration

DayPilot.Month.eventEndSpec

Default Value

"DateTime"

Notes

Possible values:

• "DateTime"

• "Date"

With "DateTime", the end date is interpreted as an exact time point. A date such as "2032-01-01" is treated as "2032-01-01T00:00:00", so a one-day event uses an end value of "2032-01-02".

const month = new DayPilot.Month("dp", {
  eventEndSpec: "DateTime",
  events: [
    {
      id: 1,
      start: "2032-01-01",
      end: "2032-01-02"
    }
  ],
  // ...
});
month.init();

With "Date", a date-only end value such as "2032-01-01" is interpreted as "2032-01-02T00:00:00", which makes the event cover the whole specified day.

const month = new DayPilot.Month("dp", {
  eventEndSpec: "Date",
  events: [
    {
      id: 1,
      start: "2032-01-01",
      end: "2032-01-01"
    }
  ],
  // ...
});
month.init();

Examples

JavaScript

const month = new DayPilot.Month("dp", {
  eventEndSpec: "Date",
  // ...
});
month.init();

Angular

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

config: DayPilot.MonthConfig = {
  eventEndSpec: "Date",
  // ...
};

React

<DayPilotMonth
  eventEndSpec="Date"
  {/* ... */}
/>

Vue

<DayPilotMonth
  eventEndSpec="Date"
  <!-- ... -->
/>

See Also

DayPilot.Month Class