react-date-pagination v1.0.2

react-date-pagination

react-date-pagination

Install

npm install --save react-date-pagination

Usage

import React, { Component } from 'react'

import DatePagination from 'react-date-pagination'

export default class App extends Component {
  constructor(props) {
    super(props)

    this.state = {activePage: 1}
  }

  handlePageChange=(pageNumber) => {
    this.setState({activePage: pageNumber})
  }

  render () {
    let daysArray = [{date: ',2018-06-01'}, {date: '2018-06-02'}, {date: '2018-06-03'},{date: '2018-06-04'}, {date: '2018-06-05'}, {date: '2018-06-06'},{date: '2018-06-07'}, {date: '2018-06-08'}, {date: '2018-06-09'}]

    return (

      <DatePagination
        activePage={this.state.activePage}
        itemsCountPerPage={1}
        totalItemsCount={daysArray.length}
        days={daysArray}
        pageRangeDisplayed={5}
        onChange={this.handlePageChange}
      />

    )
  }
}

License

MIT © ShahriarSayeed