rc-timezone v0.0.4

rc-timezone - React Timezone Package with Ant Design Select

rc-timezone is a lightweight and versatile React package that simplifies handling timezones within your web applications. This package provides an intuitive interface for users to select and manage timezones effortlessly, ensuring that time-related functionalities are accurate and consistent across different time zones.

Installation

You can easily install rc-timezone via your packeage manager.

npm install rc-timezone
yarn add rc-timezone

Usage

import TimeZonePicker from "rc-timezone";
<TimeZonePicker
  style={{ width: "300px" }}
  showSearch
  placeholder="Select a timezone"
  optionFilterProp="fullName"
  onChange={(e) => console.log(e)}
  allowClear
  defaultValue={null}
  filterOption={(input, option) =>
    option.children[1].toLowerCase().indexOf(input.toLowerCase()) >= 0
  }
/>;

  addcustomzones={{
                "Europe/Berlin": "Frankfurt",
              }}

Features

Timezone Selection: rc-timezone offers a user-friendly dropdown interface that allows users to easily select their preferred timezone from a comprehensive list of supported time zones. Timezone Selection: rc-timezone offers a user-friendly dropdown interface that allows users to easily select their preferred timezone from a comprehensive list of supported time zones.

Time Conversion: With rc-timezone, developers can seamlessly convert and display time in various time zones, enabling users to interact with the application in their local time.

Automatic Detection: The package includes automatic timezone detection capabilities, helping identify the user's timezone based on their device settings, making the user experience more convenient.

Customization: rc-timezone provides options for customization, allowing developers to tailor the appearance and behavior of the timezone picker to match the overall design of their application.

Efficient and Lightweight: This package is designed to be efficient and lightweight, ensuring optimal performance and minimal impact on your application's load times.