React Native Timezone and Region

A Simple react native module to get the Timezone and the Region of the Android/iOS devices.

Motivation

For a project of mine, I had to acquire the currently selected timezone of the user. Unfortunately, I could not find any react native package or react native in-build function that facilitates this. Thus I created a small library.

v3.0.0 and above, you can access the Region details. More details can be found below.

Compatibility

Timezone version 3.0.0 only supports React Native version 0.62.3 and above due to the React Native Regular Expression Denial of Service (ReDoS) vulnerability.

React native version	Tested	Result
0.70.0 +	✅	✅
0.73.0 +	✅	✅
0.76.5 +	✅	✅

Installation

yarn add react-native-timezone

iOS

Do cd ios/ && pod install or npx pod-install.

Usage

import TimeZone from 'react-native-timezone';

export default function App() {
  React.useEffect(() => {
    const timezone = Timezone.getTimeZone();
    const isAutoTimeZoneEnabled = Timezone.isAutoTimeZoneEnabled();
    const telephonyRegion = Timezone.getRegionByTelephony();
    const localeRegion = Timezone.getRegionByLocale();
    // Update state or use data as needed
  }, []);

  // Render your component
}

Check out the example folder.

APIs

API	Description
getTimeZone	Android: Returns timezone ID using java.util.TimeZone.getID() iOS: Reflects the current system time zone using localTimeZone of NSTimeZone
isAutoTimeZoneEnabled	Returns a boolean indicating if auto timezone is enabled on the device (Android Only)
getRegionByTelephony	Retrieves the region information based on the telephony (SIM card) of the device. Returns null if the device has no SIM card.
getRegionByLocale	Retrieves the region information based on the device's locale settings