react-timezone-select 3.0.4-beta.1 → 3.2.0

package/README.md

@@ -130,6 +130,7 @@ The above example will generate two additional choices in the select options, on
 - `labelStyle` - `'original' | 'altName' | 'abbrev' | 'offsetHidden'`
 - `displayValue` - `'GMT' | 'UTC'`
 - `timezones` - `Record<string,string>`
+- `currentDatetime` - `Date | string` - Set datetime used to calculate timezone values (alternative to current datetime) 
 ```
 timezones={{
   ...allTimezones,

package/dist/index.d.ts

@@ -1,34 +1,36 @@
+import * as react_jsx_runtime_js from 'react/jsx-runtime.js';
 import { Props as Props$1 } from 'react-select';
 
-declare type ICustomTimezone = {
+type ICustomTimezone = {
     [key: string]: string;
 };
-declare type ILabelStyle = 'original' | 'altName' | 'abbrev' | 'offsetHidden';
-declare type IDisplayValue = 'GMT' | 'UTC';
-declare type ITimezoneOption = {
+type ILabelStyle = 'original' | 'altName' | 'abbrev' | 'offsetHidden';
+type IDisplayValue = 'GMT' | 'UTC';
+type ITimezoneOption = {
     value: string;
     label: string;
     abbrev?: string;
     altName?: string;
     offset?: number;
 };
-declare type ITimezone = ITimezoneOption | string;
-declare type TimezoneSelectOptions = {
+type ITimezone = ITimezoneOption | string;
+type TimezoneSelectOptions = {
     labelStyle?: ILabelStyle;
     displayValue?: IDisplayValue;
     timezones?: ICustomTimezone;
+    currentDatetime?: Date | string;
 };
-declare type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
+type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
     value: ITimezone;
     onChange?: (timezone: ITimezone) => void;
 };
 
 declare const allTimezones: ICustomTimezone;
 
-declare function useTimezoneSelect({ timezones, labelStyle, displayValue, }: TimezoneSelectOptions): {
+declare function useTimezoneSelect({ timezones, labelStyle, displayValue, currentDatetime, }: TimezoneSelectOptions): {
     parseTimezone: (zone: ITimezone) => ITimezoneOption;
     options: ITimezoneOption[];
 };
-declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, timezones, ...props }: Props) => JSX.Element;
+declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, timezones, currentDatetime, ...props }: Props) => react_jsx_runtime_js.JSX.Element;
 
 export { ILabelStyle, ITimezone, ITimezoneOption, Props, TimezoneSelectOptions, allTimezones, TimezoneSelect as default, useTimezoneSelect };

package/dist/index.js

@@ -122,13 +122,14 @@ import { jsx } from "react/jsx-runtime";
 function useTimezoneSelect({
   timezones = timezone_list_default,
   labelStyle = "original",
-  displayValue = "GMT"
+  displayValue = "GMT",
+  currentDatetime
 }) {
   const options = useMemo(() => {
     return Object.entries(timezones).map((zone) => {
       var _a, _b, _c, _d;
       try {
-        const now = spacetime.now(zone[0]);
+        const now = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto(zone[0]);
         const isDstString = now.isDST() ? "daylight" : "standard";
         const tz = now.timezone();
         const tzStrings = soft(zone[0]);
@@ -169,9 +170,9 @@ function useTimezoneSelect({
   const findFuzzyTz = (zone) => {
     let currentTime;
     try {
-      currentTime = spacetime.now(zone);
+      currentTime = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto(zone);
     } catch (err) {
-      currentTime = spacetime.now("GMT");
+      currentTime = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto("GMT");
     }
     return options.filter(
       (tz) => tz.offset === currentTime.timezone().current.offset
@@ -216,19 +217,22 @@ var TimezoneSelect = (_a) => {
     onChange,
     labelStyle,
     displayValue,
-    timezones
+    timezones,
+    currentDatetime
   } = _b, props = __objRest(_b, [
     "value",
     "onBlur",
     "onChange",
     "labelStyle",
     "displayValue",
-    "timezones"
+    "timezones",
+    "currentDatetime"
   ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
-    displayValue
+    displayValue,
+    currentDatetime
   });
   const handleChange = (tz) => {
     onChange && onChange(tz);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-timezone-select",
-  "version": "3.0.4-beta.1",
+  "version": "3.2.0",
   "description": "Usable, dynamic React Timezone Select",
   "scripts": {
     "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",