diff --git a/app/component/datePicker/ButtonDate.js b/app/component/datePicker/ButtonDate.js
new file mode 100644
index 0000000..d312d57
--- /dev/null
+++ b/app/component/datePicker/ButtonDate.js
@@ -0,0 +1,16 @@
+import { Button as ButtonMUI } from '@mui/material'
+import React from 'react'
+
+function ButtonDate({ handleClick, id, text }) {
+ return (
+
+ {text}
+
+ )
+}
+
+export default ButtonDate
\ No newline at end of file
diff --git a/app/component/datePicker/Field.js b/app/component/datePicker/Field.js
new file mode 100644
index 0000000..0c9584c
--- /dev/null
+++ b/app/component/datePicker/Field.js
@@ -0,0 +1,32 @@
+import { TextField } from "@mui/material"
+
+function Field({ title, handleClick }) {
+ return (
+
+
+
+
+ )
+}
+
+export default Field
\ No newline at end of file
diff --git a/app/component/datePicker/index.js b/app/component/datePicker/index.js
new file mode 100644
index 0000000..4961efb
--- /dev/null
+++ b/app/component/datePicker/index.js
@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { Popover } from '@mui/material';
+import { DatePicker as DatePickerJalali } from "jalaali-react-date-picker";
+import Field from './Field';
+import ButtonDate from './ButtonDate';
+
+function DatePicker({ type, date, updateDate, text, from }) {
+
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const handleClick = (event) => {
+ setAnchorEl(event.currentTarget);
+ };
+
+ const handleClose = () => setAnchorEl(null);
+
+ const open = true;
+ const id = open ? 'simple-popover' : undefined;
+
+ return (
+
+ {/* {from && from === 'register' ? (
+
+ ) : (
+
+ )} */}
+ {
+ if (e._d) {
+ updateDate(e._d, type)
+ }
+ handleClose()
+ }}
+ />
+
+ )
+}
+
+export default DatePicker
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index 40b0999..0f2ebcf 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -171,7 +171,8 @@ html {
background: url(../public/assets/images/banner-about.png);
}
-.bg-banner-home::after {
+.bg-banner-home::after,
+.bg-banner-stroke::after {
content: "";
position: absolute;
right: 0;
@@ -215,9 +216,7 @@ html {
.cover-head-blogs p {
position: absolute;
bottom: 32px;
- right: 24px;
color: #FAFAFA;
- font-size: 24px;
font-weight: 700;
}
@@ -299,4 +298,91 @@ html {
padding-left: 108px;
padding-right: 108px;
}
-}
\ No newline at end of file
+}
+
+
+
+/* Date Picker Style */
+
+.panel-elevation {
+ box-shadow: none !important;
+ border: none;
+ outline: none;
+}
+
+.icon-keyboard_double_arrow_right,
+.icon-keyboard_double_arrow_left {
+ display: none !important;
+}
+
+.icon-chevron-right::before,
+.icon-chevron-left::before {
+ content: "" !important;
+ background: url(../public/assets/icons/arrow-right.svg);
+ width: 24px;
+ height: 24px;
+}
+
+.icon-chevron-left::before {
+ rotate: 180deg;
+}
+
+.panel-date-holder-item span {
+ /* font-family: Iran Sans !important; */
+ font-size: 18px !important;
+ font-weight: 500 !important;
+}
+
+.panel-date-holder-item span:hover {
+ color: #FF8848 !important;
+}
+
+.year-item-selected,
+.month-item-selected {
+ background: #FF8848 !important;
+ border-radius: 3px !important;
+}
+
+.panel-header-rtl {
+ border-bottom: none !important;
+}
+
+.day-label-bar-inner-rtl {
+ background: #FFF !important;
+}
+
+.day-label-bar-inner-rtl div {
+ color: #6C757D !important;
+}
+
+.panel-jalaali .days-body .not-current {
+ display: none !important;
+}
+
+.panel-jalaali .days-body .day.hovered span {
+ color: #343A40 !important;
+}
+
+.panel-jalaali .days-body .day.weekend-day span {
+ color: #B71232 !important;
+}
+
+.panel-jalaali .today,
+.panel-jalaali .highlight {
+ border-radius: 50% !important;
+}
+
+.panel-jalaali .today {
+ border: 1px solid #FF8848 !important;
+}
+
+.panel-jalaali .highlight {
+ background: #ff975d !important;
+}
+
+.panel-jalaali .panel-footer-wrapper,
+.panel-jalaali .panel-footer-rtl {
+ display: none !important;
+}
+
+/* End Date Picker Style */
\ No newline at end of file
diff --git a/app/layout.js b/app/layout.js
index 461ccec..759874c 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -1,5 +1,6 @@
import "./globals.css";
import ThemeRegistry from './component/ThemeRegistry';
+import "jalaali-react-date-picker/lib/styles/index.css";
export const metadata = {
title: "Create Next App",
diff --git a/components/aboutUs/Services.js b/components/aboutUs/Services.js
index 90d6b62..7cdd6eb 100644
--- a/components/aboutUs/Services.js
+++ b/components/aboutUs/Services.js
@@ -19,7 +19,10 @@ function Services() {