♻️ Refactor date type definitions in examples for improved consistency

Updated various TypeScript type definitions across multiple example files to use `Array<{}>` syntax for better clarity and uniformity. This change enhances code readability and maintains consistency in how date-related types are defined throughout the documentation examples.

Author: balajis-qb

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

@@ -1,13 +1,15 @@
 const CustomDayClassName = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());
 
+  const getDayClassName = (date: Date): string => {
+    return date.getDate() === 1 ? "text-success" : "";
+  };
+
   return (
     <DatePicker
       selected={selectedDate}
       onChange={setSelectedDate}
-      dayClassName={(date: Date) =>
-        DateFNS.getDate(date) < Math.random() * 31 ? "random" : undefined
-      }
+      dayClassName={getDayClassName}
     />
   );
 };

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

@@ -1,7 +1,7 @@
-type TExcludeDateIntervals = {
+type TExcludeDateIntervals = Array<{
   start: Date;
   end: Date;
-}[];
+}>;
 
 const ExcludeDateIntervals = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());

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

@@ -1,9 +1,9 @@
 type TExcludeDates =
-  | {
+  | Array<{
       date: Date;
       message?: string;
-    }[]
-  | Date[];
+    }>
+  | Array<Date>;
 
 const ExcludeDates = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());

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

@@ -1,9 +1,9 @@
 type TExcludeDates =
-  | {
+  | Array<{
       date: Date;
       message?: string;
-    }[]
-  | Date[];
+    }>
+  | Array<Date>;
 
 const ExcludeDatesMonthPicker = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(

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

@@ -1,9 +1,9 @@
 type TExcludeDates =
-  | {
+  | Array<{
       date: Date;
       message?: string;
-    }[]
-  | Date[];
+    }>
+  | Array<Date>;
 
 const ExcludeDatesRangeMonthPicker = () => {
   const defaultStartDate = new Date("2024-08-01");

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

@@ -1,9 +1,9 @@
 type TExcludeDates =
-  | {
+  | Array<{
       date: Date;
       message?: string;
-    }[]
-  | Date[];
+    }>
+  | Array<Date>;
 
 const ExcludeDatesWithMessage = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());

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

@@ -1,7 +1,7 @@
-type TExcludeDateIntervals = {
+type TExcludeDateIntervals = Array<{
   start: Date | string;
   end: Date | string;
-}[];
+}>;
 
 const ExcludeWeeks = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(

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

@@ -2,7 +2,7 @@ type HighlightDate = {
   [className: string]: Date[];
 };
 
-type THighlightDates = (Date | HighlightDate)[];
+type THighlightDates = Array<Date | HighlightDate>;
 
 const HighlightDates = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());

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

@@ -3,7 +3,7 @@ type HighlightDate = {
   [className: string]: Date[];
 };
 
-type THighlightDates = (Date | HighlightDate)[];
+type THighlightDates = Array<Date | HighlightDate>;
 
 const HighlightDatesRanges = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());

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

@@ -1,8 +1,8 @@
 const { subDays, addDays } = DateFNS;
-type TIncludeDateIntervals = {
+type TIncludeDateIntervals = Array<{
   start: Date;
   end: Date;
-}[];
+}>;
 
 const IncludeDateIntervals = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(null);