support japanese holidays

package.json

@@ -4,6 +4,7 @@
     "@fortawesome/free-regular-svg-icons": "^5.3.1",
     "@fortawesome/free-solid-svg-icons": "^5.3.1",
     "@fortawesome/react-fontawesome": "^0.1.3",
+    "@holiday-jp/holiday_jp": "^2.1.0",
     "@types/luxon": "^1.2.2",
     "@types/react": "^16.4.8",
     "@types/react-dom": "^16.0.7",

src/demo/2-calendar/Calendar.tsx

@@ -3,6 +3,7 @@ import { DateTime } from "luxon";
 import styled, { css } from "styled-components";
 import { generateFilledCalendar } from "./getMonthDate";
 import { gridDebug } from "components/grid/debug";
+import holiday_jp from "@holiday-jp/holiday_jp";
 
 type CalendarProps = {
   year: number;
@@ -47,6 +48,9 @@ export const Month = styled.div`
 `;
 
 const getFontColor = (date: DateTime) => {
+  if (holiday_jp.isHoliday(new Date(`${date.year}/${date.month}/${date.day}`))) {
+    return "#fff";
+  }
   switch (date.weekday) {
     case 7:
     case 6:
@@ -56,6 +60,9 @@ const getFontColor = (date: DateTime) => {
   }
 };
 const getBgColor = (date: DateTime) => {
+  if (holiday_jp.isHoliday(new Date(`${date.year}/${date.month}/${date.day}`))) {
+    return "#f7481d";
+  }
   switch (date.weekday) {
     case 7:
       return "#f7481d";