import React, { Component } from "react";
import moment from "moment";
import { DecorativeAxis } from "react-vis";
export const fontSize = 10;

const GridDates = (dateFrom, dateTo) => {
  let monthStart = +moment(dateFrom).format("MM");
  let yearStart = +moment(dateFrom).format("YYYY");
  let monthEnd = +moment(dateTo).format("MM");
  let yearEnd = +moment(dateTo).format("YYYY");

  let quantity = yearEnd * 12 + monthEnd - (yearStart * 12 + monthStart);

  let startMoment = moment(dateFrom);
  let startMoment01 = moment(startMoment.format("YYYY-MM-01"));
  let gridDates = [];

  if (startMoment.format("DD") === "01") {
    gridDates.push(startMoment.clone());
  }

  for (let i = 1; i <= quantity; ++i) {
    gridDates.push(startMoment01.add(1, "months").clone());
  }

  return gridDates;
};

export default GridDates;