diff --git a/src/components/DatePickerCustomHeaderTwoMonth.tsx b/src/components/DatePickerCustomHeaderTwoMonth.tsx new file mode 100644 index 0000000..ad2fafc --- /dev/null +++ b/src/components/DatePickerCustomHeaderTwoMonth.tsx @@ -0,0 +1,47 @@ +import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/24/outline"; +import React from "react"; +import { ReactDatePickerCustomHeaderProps } from "react-datepicker"; + +const DatePickerCustomHeaderTwoMonth = ({ + monthDate, + customHeaderCount, + decreaseMonth, + increaseMonth, +}: ReactDatePickerCustomHeaderProps) => { + return ( +
+ + + {monthDate.toLocaleString("en-US", { + month: "long", + year: "numeric", + })} + + +
+ ); +}; + +export default DatePickerCustomHeaderTwoMonth;