DayPilot.Navigator.selectionEnd

The selectionEnd property (DayPilot.Date) holds the end of the last day of the current selection range in the Navigator.

This property is read-only. To change the selected range, use the select() method.

Declaration

DayPilot.Navigator.selectionEnd

Examples

JavaScript

const nav = new DayPilot.Navigator("dp", {
  selectMode: "Week",
  // ...
});
nav.init();

nav.select("2026-03-10");
// selectionEnd: the end of the last day in the current selection range
console.log(nav.selectionEnd.toString());

Angular

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

config: DayPilot.NavigatorConfig = {
  selectMode: "Week",
  // ...
};

// using a component reference named navigator
this.navigator.control.select("2026-03-10");
console.log(this.navigator.control.selectionEnd);

React

import { useRef } from "react";

const navigatorRef = useRef();

<DayPilotNavigator
  ref={navigatorRef}
  selectMode="Week"
  {/* ... */}
/>

navigatorRef.current.control.select("2026-03-10");
console.log(navigatorRef.current.control.selectionEnd);

Vue

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

const navigatorRef = ref(null);
</script>

<template>
  <DayPilotNavigator
    ref="navigatorRef"
    selectMode="Week"
    <!-- ... -->
  />
</template>

navigatorRef.value.control.select("2026-03-10");
console.log(navigatorRef.value.control.selectionEnd);

See Also

DayPilot.Navigator.select()

DayPilot.Navigator Class