Add docs-site example

Author: martijnrusschen

docs-site/src/components/Examples/config.tsx

@@ -109,6 +109,7 @@ import YearItemNumber from "../../examples/ts/yearItemNumber?raw";
 import WeekPicker from "../../examples/ts/weekPicker?raw";
 import ExcludeWeeks from "../../examples/ts/excludeWeeks?raw";
 import ExternalForm from "../../examples/ts/externalForm?raw";
+import Timezone from "../../examples/ts/timezone?raw";
 
 export const EXAMPLE_CONFIG: IExampleConfig[] = [
   {
@@ -564,4 +565,10 @@ export const EXAMPLE_CONFIG: IExampleConfig[] = [
     title: "External Form",
     component: ExternalForm,
   },
+  {
+    title: "Timezone",
+    description:
+      "Display and handle dates in a specific timezone using the timeZone prop. Requires date-fns-tz as a peer dependency.",
+    component: Timezone,
+  },
 ];

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

@@ -0,0 +1,17 @@
+const Timezone = () => {
+  const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());
+
+  return (
+    <DatePicker
+      selected={selectedDate}
+      onChange={setSelectedDate}
+      showTimeSelect
+      timeFormat="HH:mm"
+      timeIntervals={15}
+      dateFormat="MMMM d, yyyy h:mm aa (zzz)"
+      timeZone="America/New_York"
+    />
+  );
+};
+
+render(Timezone);