DayPilot Editions

DayPilot Lite

The Navigator date picker component is included in @daypilot/daypilot-lite-react package.

DayPilot Pro

The Navigator is included in DayPilot Pro for JavaScript.

Tutorial

Example

import React, {Component} from 'react';
import {DayPilot, DayPilotNavigator} from "@daypilot/daypilot-lite-react";

class DatePicker extends Component {

  constructor(props) {
    super(props);
    this.state = {
      startDate: null
    };
  }

  render() {
    return (
      <DayPilotNavigator
        selectMode={"Week"}
        showMonths={3}
        skipMonths={3}
        onTimeRangeSelected={ args => {
          this.setState({
            startDate: args.day
          });
        }}
      />
    );
  }
}

export default Calendar;