Отображение 2 календарей (грузинский и хиджры) в день

Question

Как я могу отображать грузинские и хиджринские дни для каждого дня, используя средство выбора дня реакции? цель примерно такая

Answer 1

На самом деле, решение довольно простое, я просто спешил. Если вы используете средство выбора дня реакции , вы можете использовать систему renderDay для вычисления даты Хиджры и настройки ячейки для каждого дня.

Вот рабочий пример

import React from "react";
import ReactDOM from "react-dom";
import DayPicker from "react-day-picker";
import hijriDate from "hijrah-date";

import "react-day-picker/lib/style.css";
import "./styles.css";

const renderDay = day => {
  const date = day.getDate();
  const hijDate = new hijriDate(day);
  const d = hijDate.getDate();

  return (
    <div>
      <span>{date}</span>
      <br />
      <small>{d}</small>
    </div>
  );
};
function App() {
  return (
    <div className="App">
      <DayPicker renderDay={renderDay} />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);