Merge branch 'main' into enhancement/docs-site-ts

Author: balajis-qb

docs-site/package.json

@@ -28,15 +28,17 @@
     "@types/lodash": "^4.17.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react": "^5.0.1",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^6.0.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
-    "sass": "^1.92.0",
+    "sass": "^1.92.1",
     "typescript": "^5.7.2",
-    "vite": "^7.1.3"
+    "vite": "^7.1.5"
   },
   "packageManager": "[email protected]"
 }

docs-site/src/examples/ts/rawChange.tsx

@@ -1,7 +1,21 @@
+interface SelectedDateMeta {
+  date: Date;
+  formattedDate: string;
+}
+
 const RawChange = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(null);
 
-  const handleChangeRaw = (value: string) => {
+  const handleChangeRaw = (
+    value: string,
+    selectedDateMeta?: SelectedDateMeta | null,
+  ) => {
+    console.log(
+      selectedDateMeta
+        ? `Selected Date Meta: ${JSON.stringify(selectedDateMeta)}`
+        : "No Selection Meta is available",
+    );
+
     if (value === "tomorrow") {
       setSelectedDate(DateFNS.addDays(new Date(), 1));
     }
@@ -17,9 +31,10 @@ const RawChange = () => {
           | React.MouseEvent<HTMLElement>
           | React.KeyboardEvent<HTMLElement>
           | React.ChangeEvent<HTMLInputElement>,
+        selectedDateMeta?: SelectedDateMeta | null,
       ) => {
         if (event.target instanceof HTMLInputElement) {
-          handleChangeRaw(event.target.value);
+          handleChangeRaw(event.target.value, selectedDateMeta);
         }
       }}
     />