DayPilot.Navigator.events.list

The events.list property (array) holds the event data used for highlighting busy days in the Navigator.

Declaration

DayPilot.Navigator.events.list

Default Value

null

Notes

It accepts the same object format as DayPilot.Scheduler.events.list, DayPilot.Calendar.events.list, and DayPilot.Month.events.list.

Only the following object properties are required:

• start (DayPilot.Date or string)

• end (DayPilot.Date or string)

Examples

JavaScript

const dp = new DayPilot.Navigator("dp", {
  // ...
});
dp.events.list = [
  {
    start: "2026-01-01",
    end: "2026-01-02",
  },
];
dp.init();

Angular

<daypilot-navigator [config]="config" [events]="events"></daypilot-navigator>

events = [
  {
    start: "2026-01-01",
    end: "2026-01-02",
  }
];

config: DayPilot.NavigatorConfig = {
  // ...
};

React

const events = [
  {
    start: "2026-01-01",
    end: "2026-01-02",
  }
];

<DayPilotNavigator
  events={events}
  {/* ... */}
/>

Vue

<script setup>
import {ref} from "vue";

const events = ref([
  {
    start: "2026-01-01",
    end: "2026-01-02",
  }
]);
</script>

<template>
  <DayPilotNavigator
    :events="events"
    <!-- ... -->
  />
</template>

See Also

DayPilot.Scheduler.events.list

DayPilot.Calendar.events.list

DayPilot.Month.events.list

DayPilot.Navigator Class