Calendar Components 3rd Attempt at Merging

src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss

@@ -0,0 +1,20 @@
+.calendar-cell {
+    display: flex;
+    width: 165px;
+    height: 52.231px;
+    min-width: 45px;
+    min-height: 40px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    position: relative;
+  }
+  
+  .hour-line {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 50%;
+    border-top: 1px solid black; /* Adjust line styles as needed */
+  }
+  

src/views/components/common/CalendarGridCell/CalendarGridCell.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import styles from './CalendarGridCell.module.scss';
+
+const CalendarCell: React.FC = () => {
+  return (
+    <div className={styles['calendar-cell']}>
+      <div className={styles['hour-line']}></div>
+    </div>
+  );
+};
+
+export default CalendarCell;