ftc-datepicker v5.1.0

��# ftc-datepicker

• Ultimate calendar for your React app.
• Supports range selection

tl;dr

• Install by executing npm install ftc-datepicker or yarn add ftc-datepicker
• Import by adding import DatePicker from 'ftc-datepicker';
• Use by adding <DatePicker />
• For getting selected date/range use this prop: selectCallbackFN

Getting started

Installation

Add ftc-datepicker to your project by executing

npm install ftc-datepicker

or

yarn add ftc-datepicker

Usage

Here's an example of basic usage:

import React, { Component } from 'react';
import DatePicker from 'ftc-datepicker';

class MyApp extends Component {
  constructor() {
    super();
    this.state = {
      startDate: new Date(2020, 5, 1),
      endDate: new Date(2020, 6, 4)
    }
  }
  
  onSelect = ({startDate, endDate}) => this.setState({
    startDate: startDate,
    endDate: endDate
  });

  render() {
    return (
      <div>
        <div>{this.state.startDate} - {this.state.endDate}</div>
        <DatePicker
          startDate={new Date(2020, 5, 1)}
          endDate={new Date(2020, 6, 4)}
          onSelect={this.onSelect}
        />
      </div>
    );
  }
}

User guide

Props

Authors

Mustapha Idrissi & Yaser Somaf
m.idrissi@freetimecompany.nl
y.somaf@freetimecompany.nl