diff --git a/src/app/(listing-detail)/SectionDateRange.tsx b/src/app/(listing-detail)/SectionDateRange.tsx new file mode 100644 index 0000000..5195168 --- /dev/null +++ b/src/app/(listing-detail)/SectionDateRange.tsx @@ -0,0 +1,55 @@ +import React, { FC, Fragment, useState } from "react"; +import DatePicker from "react-datepicker"; +import DatePickerCustomHeaderTwoMonth from "@/components/DatePickerCustomHeaderTwoMonth"; +import DatePickerCustomDay from "@/components/DatePickerCustomDay"; + +const SectionDateRange = () => { + const [startDate, setStartDate] = useState( + new Date("2023/02/06") + ); + const [endDate, setEndDate] = useState(new Date("2023/02/23")); + const onChangeDate = (dates: [Date | null, Date | null]) => { + const [start, end] = dates; + setStartDate(start); + setEndDate(end); + }; + + const renderSectionCheckIndate = () => { + return ( +
+ {/* HEADING */} +
+

Availability

+ + Prices may increase on weekends or holidays + +
+
+ {/* CONTENT */} + +
+ ( + + )} + renderDayContents={(day, date) => ( + + )} + /> +
+
+ ); + }; + + return renderSectionCheckIndate(); +}; + +export default SectionDateRange;