DayPilot.Navigator.selectionStart

The selectionStart property (DayPilot.Date) holds the first 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.selectionStart

Examples

JavaScript

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

nav.select("2026-03-10");
// selectionStart: the first day of the current selection range
console.log(nav.selectionStart.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.selectionStart);

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.selectionStart);

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.selectionStart);

See Also

DayPilot.Navigator.select()

DayPilot.Navigator Class