refactor: rename state variables in date picker examples for consistency. Related commit 5aa5985

- Updated state variable names from `selectedDate` to `selectedDateTime` across multiple date picker examples.
- This change improves code clarity and maintains consistency in the examples.

Author: balajis-qb

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

@@ -5,7 +5,9 @@ interface ExampleCustomTimeInputProps {
 }
 
 const CustomTimeInput = () => {
-  const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());
+  const [selectedDateTime, setSelectedDateTime] = useState<Date | null>(
+    new Date(),
+  );
 
   const ExampleCustomTimeInput = ({
     value,
@@ -23,8 +25,8 @@ const CustomTimeInput = () => {
 
   return (
     <DatePicker
-      selected={selectedDate}
-      onChange={(date: Date | null) => setSelectedDate(date)}
+      selected={selectedDateTime}
+      onChange={(date: Date | null) => setSelectedDateTime(date)}
       showTimeInput
       customTimeInput={<ExampleCustomTimeInput />}
     />

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

@@ -1,13 +1,13 @@
 const { setHours, setMinutes } = DateFNS;
 
 const ExcludeTimePeriod = () => {
-  const [selectedDate, setSelectedDateTime] = useState<Date | null>(
+  const [selectedDateTime, setSelectedDateTime] = useState<Date | null>(
     setHours(setMinutes(new Date(), 30), 17),
   );
 
   return (
     <DatePicker
-      selected={selectedDate}
+      selected={selectedDateTime}
       onChange={(date: Date | null) => setSelectedDateTime(date)}
       showTimeSelect
       minTime={setHours(setMinutes(new Date(), 0), 17)}

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

@@ -2,7 +2,7 @@ const { setHours, setMinutes } = DateFNS;
 type TFilterTime = (time: Date) => boolean;
 
 const FilterTimes = () => {
-  const [selectedDate, setSelectedDateTime] = useState<Date | null>(
+  const [selectedDateTime, setSelectedDateTime] = useState<Date | null>(
     setHours(setMinutes(new Date(), 0), 9),
   );
 
@@ -15,7 +15,7 @@ const FilterTimes = () => {
 
   return (
     <DatePicker
-      selected={selectedDate}
+      selected={selectedDateTime}
       onChange={(date: Date | null) => setSelectedDateTime(date)}
       showTimeSelect
       filterTime={filterPassedTime}

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

@@ -1,9 +1,11 @@
 const HideTimeCaption = () => {
-  const [selectedDate, setSelectedDateTime] = useState<Date | null>(new Date());
+  const [selectedDateTime, setSelectedDateTime] = useState<Date | null>(
+    new Date(),
+  );
 
   return (
     <DatePicker
-      selected={selectedDate}
+      selected={selectedDateTime}
       onChange={(date: Date | null) => setSelectedDateTime(date)}
       showTimeSelect
       showTimeSelectOnly

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

@@ -1,7 +1,7 @@
 const { setHours, setMinutes } = DateFNS;
 
 const IncludeTimes = () => {
-  const [selectedDate, setSelectedDateTime] = useState<Date | null>(
+  const [selectedDateTime, setSelectedDateTime] = useState<Date | null>(
     setHours(setMinutes(new Date(), 30), 16),
   );
 
@@ -14,7 +14,7 @@ const IncludeTimes = () => {
 
   return (
     <DatePicker
-      selected={selectedDate}
+      selected={selectedDateTime}
       onChange={(date: Date | null) => setSelectedDateTime(date)}
       showTimeSelect
       includeTimes={includeTimes}

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

@@ -1,10 +1,12 @@
 const TimeInput = () => {
-  const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());
+  const [selectedDateTime, setSelectedDateTime] = useState<Date | null>(
+    new Date(),
+  );
 
   return (
     <DatePicker
-      selected={selectedDate}
-      onChange={(date: Date | null) => setSelectedDate(date)}
+      selected={selectedDateTime}
+      onChange={(date: Date | null) => setSelectedDateTime(date)}
       timeInputLabel="Time:"
       dateFormat="MM/dd/yyyy h:mm aa"
       showTimeInput