docs: render simple noonSafe example

Author: gpbl

examples/TimeZoneNoonSafeSimple.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+import { DayPicker } from "react-day-picker";
+
+export function TimeZoneNoonSafeSimple() {
+  const timeZone = "Asia/Dubai";
+
+  return (
+    <DayPicker
+      timeZone={timeZone}
+      weekStartsOn={1}
+      noonSafe
+      fixedWeeks
+      showOutsideDays
+    />
+  );
+}

examples/index.ts

@@ -102,6 +102,7 @@ export * from "./TestCase2864";
 export * from "./Testcase1567";
 export * from "./TimeZone";
 export * from "./TimeZoneNoonSafe";
+export * from "./TimeZoneNoonSafeSimple";
 export * from "./timezone/TestCase2833";
 export * from "./Utc";
 export * from "./WeekIso";

website/docs/localization/setting-time-zone.mdx

@@ -9,12 +9,10 @@ By default, DayPicker uses the browser’s local time zone. You can override thi
 
 The time zone can be specified as either an [IANA time zone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) identifier or a UTC offset.
 
-| Prop Name   | Type      | Description                                                                 |
-| ----------- | --------- | --------------------------------------------------------------------------- |
-| `timeZone`  | `string`  | The IANA time zone to use when rendering the calendar.                      |
-| `noonSafe`  | `boolean` | Keep calendar math at noon in the time zone to avoid historical drift.      |
-
-> `noonSafe` is experimental as of v9.13.0 and may change in future releases.
+| Prop Name  | Type      | Description                                                                          |
+| ---------- | --------- | ------------------------------------------------------------------------------------ |
+| `timeZone` | `string`  | The IANA time zone to use when rendering the calendar.                               |
+| `noonSafe` | `boolean` | Experimental. Keep calendar math at noon in the time zone to avoid historical drift. |
 
 ```tsx
 <DayPicker timeZone="UTC" /> // Coordinated Universal Time
@@ -74,5 +72,5 @@ This override is optional and only needed when you render months that include
 offsets with seconds and want to avoid duplicate or missing days in the grid.
 
 <BrowserWindow bodyStyle={{ justifyContent: "start" }}>
-  <Examples.TimeZoneNoonSafe />
+  <Examples.TimeZoneNoonSafeSimple />
 </BrowserWindow>