Home page
Edit code

Reverse months order

Using numberOfMonths with reverseMonths, we can reverse the order of the displayed months.

import React from 'react';
import DayPicker from 'react-day-picker';

import 'react-day-picker/lib/style.css';

export default function Example() {
  return (
    <DayPicker
      numberOfMonths={12}
      month={new Date(2018, 0)}
      pagedNavigation
      reverseMonths
      fixedWeeks
    />
  );
}