diff --git a/src/components/Datepicker/Calender/index.js b/src/components/Datepicker/Calender/index.js index 7cdb715..3287f8a 100644 --- a/src/components/Datepicker/Calender/index.js +++ b/src/components/Datepicker/Calender/index.js @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useState } from "react"; import { Calendar } from "react-multi-date-picker"; import persian from "react-date-object/calendars/persian"; @@ -14,10 +14,19 @@ const weekDays = [ "جمعه", ]; -const Calender = () => { +const Calender = ({ minimumDate, maximumDate, setDate, date }) => { + // const [date, setDate] = useState("1401/03/01"); return (
{ let props = {}; let isWeekend = date.weekDay.index === 6; @@ -26,10 +35,6 @@ const Calender = () => { return props; }} - weekDays={weekDays} - arrow={false} - calendar={persian} - locale={persian_fa} />
); diff --git a/src/components/Datepicker/CalenderList/index.js b/src/components/Datepicker/CalenderList/index.js index b58f8e6..e76f123 100644 --- a/src/components/Datepicker/CalenderList/index.js +++ b/src/components/Datepicker/CalenderList/index.js @@ -1,14 +1,17 @@ -import React from "react"; +import React, { useState } from "react"; import Calender from "../Calender"; -import Button from "../../ButtonDesign/Button/"; +import Button from "../../ButtonDesign/Button"; +import SearchBox from "../../SearchDesign/SearchBox"; const CalenderList = ({ buttons, leftArrow, rightArrow }) => { + const [date, setDate] = useState("1401/02/01"); + return ( -
-
+
+
{/* right side */} -
+
{/* right side */}
right-arrow @@ -26,10 +29,20 @@ const CalenderList = ({ buttons, leftArrow, rightArrow }) => { ))}
+ {/* left side ---> search box */} +
{/* ? calender list */} -
- +
+