> ## Documentation Index
> Fetch the complete documentation index at: https://super-calendar.afonsojramos.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Time zones

> Display events in a specific time zone, DST-correct.

Events lay out from their local wall-clock time. To display them in a specific
IANA zone regardless of the device, pass `Calendar` a `timeZone`. It's DST-correct
via `Intl`.

```tsx theme={null}
import { Calendar } from "@super-calendar/native";

// Render every event at its New York wall-clock time.
<Calendar /* ... */ timeZone="America/New_York" events={events} />;
```

Under the hood this runs your events through `eventsInTimeZone`. Call it (or
`toZonedTime` for a single date) yourself if you need the shifted events outside
`Calendar`:

```tsx theme={null}
import { eventsInTimeZone } from "@super-calendar/native";

const zoned = eventsInTimeZone(events, "America/New_York");
```

<Warning>
  The returned dates are for display only — they carry the zone's wall clock, not the original
  instant. Keep your source events around for editing and saving.
</Warning>

## The now indicator

The current-time line follows the same zone as your events: set `timeZone` on
`Calendar` and the line lands where "now" is in that zone, not where the device
clock is. Pass `now` for a fixed instant instead (a server-synced clock, or a
stable value in tests); a fixed `now` doesn't tick. `ResourceTimeline` takes the
same `showNowIndicator` / `now` / `timeZone` props and draws its line across the
lanes whenever the board's `date` is that zone's today.