feat: add calendar btn

Author: UndeadMe

src/pages/Overview.jsx

@@ -3,7 +3,7 @@ import { WalletMoney, MoneySend, UsdCoin } from 'iconsax-react'
 import TotalBox from '../components/TotalBox'
 import Chart from '../components/Chart'
 
-import { More } from 'iconsax-react'
+import { More, Calendar } from 'iconsax-react'
 
 import styles from './Overview.module.css'
 
@@ -49,8 +49,9 @@ export default function Overview() {
                                 <span className="red-dot" style={{ marginLeft: "20px" }}></span> Total Spending
                             </h5>
                         </div>
-                        <button> {/* // todo: add date picker  */} 
+                        <button className={styles["calendar-btn"]}> {/* // todo: add date picker  */} 
                             Last 6 month
+                            <Calendar size="30" color="#000" />
                         </button>
                     </div>
 

src/pages/Overview.module.css

@@ -143,4 +143,16 @@
 }
 .total-income-percent-item span {
     font-weight: bolder;
+}
+.calendar-btn {
+    background-color: transparent;
+    outline: none;
+    border: 2px solid #dbdbdb;
+    display: flex;
+    align-items: center;
+    font-size: 1.1rem;
+    column-gap: 10px;
+    padding: 10px 20px;
+    border-radius: 12px;
+    cursor: pointer;
 }