react-timezone-range-picker 0.1.5 → 0.1.7

package/README.md

@@ -4,20 +4,53 @@
 
 [![npm version](https://img.shields.io/npm/v/react-timezone-range-picker?color=blue&label=npm)](https://www.npmjs.com/package/react-timezone-range-picker)
 [![license](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)
-[![React](https://img.shields.io/badge/react-18%2B-61dafb?logo=react)](https://react.dev)
+[![React](https://img.shields.io/badge/react-19.2%2B-61dafb?logo=react)](https://react.dev)
 
 ---
 
 ## ✨ Features
 
-- 📅 **Start–End & Around-time panels** for absolute and relative time selection
-- 🌍 **Timezone-aware** display and conversion (via `dayjs`)
-- 🎨 **Mantine 8** components for accessibility and theming
+- 📅 **Basic picker by default** with a date-only range field and scrollable day quick ranges
+- 🛠️ **Advanced mode** with separate start/end date and time fields, relative ranges, around-time selection, and timezone changes
+- 🌍 **Timezone-aware** display and conversion via the Temporal API with an old-browser polyfill
+- 🎨 **Mantine 9** components for accessibility and theming
 - ⚡️ **TypeScript** support with generated definitions
 - 🪶 **Lightweight** build via `vite`, tree-shakeable ESM + CJS outputs
 
 ---
 
+## Picker modes
+
+### Basic mode
+
+The picker opens in basic mode on every mount. It provides a compact date-only range field and day-based quick options. Date and quick-option selections are applied immediately without an Apply button, and both returned times are set to `00:00:00`.
+
+Select **Advanced** to open the full picker. In Advanced mode, use the **Basic** button on the left side of the footer to return to Basic mode.
+
+### Advanced mode
+
+Advanced mode provides the full picker with separate start/end date and time fields, relative time options, around-time selection, and timezone selection. Changes to its form-based panels are submitted with the Apply button.
+
+### Restricting past or future ranges
+
+Set `options.allowedTimeRange` to `"past"`, `"future"`, or `"all"` (the default). This filters quick options, limits date pickers, and validates date/time input against the current time in the selected timezone.
+
+```tsx
+<TimezoneRangePicker
+  {...range}
+  onApply={handleTimeRangeApply}
+  options={{
+    allowedTimeRange: "future",
+    // Adds today as a whole calendar day to Last/Next day ranges
+    includeTodayInQuickRanges: true,
+  }}
+/>
+```
+
+`Today`, `Yesterday`, and `Tomorrow` use complete calendar-day boundaries (for example, Today 00:00 through Tomorrow 00:00). By default, `Last 2 days` and `Next 2 days` select two complete days before or after today. Set `includeTodayInQuickRanges` to `true` to add the complete current day to those ranges.
+
+---
+
 ## 📦 Installation
 
 ```bash
@@ -34,17 +67,19 @@ pnpm add react-timezone-range-picker
 **Peer dependencies:**  
 You must install these in your project:
 
-- `react` (>=18)
-- `react-dom` (>=18)
-- `@mantine/core` (>=8.3.1)
-- `@mantine/dates` (>=8.3.1)
-- `@mantine/hooks` (>=8.3.1)
+- `react` (>=19.2.0)
+- `react-dom` (>=19.2.0)
+- `@mantine/core` (>=9.5.2)
+- `@mantine/dates` (>=9.5.2)
+- `@mantine/form` (>=9.5.2)
+- `@mantine/hooks` (>=9.5.2)
 
 ---
 
 ## Usage
 
 ```tsx
+import { useState } from "react";
 import {
   TimezoneRangePicker,
   type OnApplyParams,
@@ -60,9 +95,9 @@ const DEFAULT_TIMEZONE = {
 };
 
 const DEFAULT_RANGE = {
-  startDate: "2025-06-10",
+  startDate: "2025/06/10",
   startTime: "09:00:00",
-  endDate: "2025-06-11",
+  endDate: "2025/06/11",
   endTime: "18:00:00",
   timezone: DEFAULT_TIMEZONE,
 };

package/dist/AroundTimePanel/index.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 import { TzRange } from "../interfaces";
 interface IAroundTimePanel {
     tzRange: TzRange;
+    onBasic: () => void;
 }
 declare const AroundTimePanel: FC<IAroundTimePanel>;
 export { AroundTimePanel };

package/dist/AroundTimePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AroundTimePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,gBAAgB,CAoGzC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AroundTimePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAc3B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,gBAAgB,CA4IzC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/AroundTimePanel/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/AroundTimePanel/util.ts"],"names":[],"mappings":"AAGA,oBAAY,UAAU;IACpB,aAAa,sBAAiB;IAC9B,SAAS,oBAAe;IACxB,cAAc,sBAAiB;IAC/B,aAAa,sBAAiB;IAC9B,OAAO,kBAAa;IACpB,MAAM,iBAAY;CACnB;AAED,eAAO,MAAM,YAAY,cAOxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,MAAM,EAAE,YAAY,UAAU;;;;;CAgE5F,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/AroundTimePanel/util.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU;IACpB,aAAa,sBAAiB;IAC9B,SAAS,oBAAe;IACxB,cAAc,sBAAiB;IAC/B,aAAa,sBAAiB;IAC9B,OAAO,kBAAa;IACpB,MAAM,iBAAY;CACnB;AAED,eAAO,MAAM,YAAY,cAOxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,MAAM,EAAE,YAAY,UAAU;;;;;CAgE5F,CAAC"}

package/dist/Footer/index.d.ts

@@ -1,2 +1,6 @@
-export declare const Footer: () => import("react/jsx-runtime").JSX.Element;
+interface FooterProps {
+    onBasic: () => void;
+}
+export declare const Footer: ({ onBasic }: FooterProps) => import("react").JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Footer/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,+CA4BlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Footer/index.tsx"],"names":[],"mappings":"AAKA,UAAU,WAAW;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,aAAa,WAAW,gCAqC9C,CAAC"}

package/dist/Provider/PopoverProvider.d.ts

@@ -7,6 +7,6 @@ interface PopoverContextType {
 export declare const usePopoverContext: () => PopoverContextType;
 export declare const PopoverProvider: ({ children }: {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PopoverProvider.d.ts.map

package/dist/Provider/PopoverProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverProvider.d.ts","sourceRoot":"","sources":["../../src/Provider/PopoverProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAEjG,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID,eAAO,MAAM,iBAAiB,0BAI7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAYpE,CAAC"}
+{"version":3,"file":"PopoverProvider.d.ts","sourceRoot":"","sources":["../../src/Provider/PopoverProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAEjG,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID,eAAO,MAAM,iBAAiB,0BAI7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAYpE,CAAC"}

package/dist/RelativeTimePanel/index.d.ts

@@ -2,6 +2,6 @@ import { TzRange } from "../interfaces";
 interface IRelativeTimePanel {
     tzRange: TzRange;
 }
-export declare const RelativeTimePanel: ({ tzRange }: IRelativeTimePanel) => import("react/jsx-runtime").JSX.Element;
+export declare const RelativeTimePanel: ({ tzRange }: IRelativeTimePanel) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/RelativeTimePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RelativeTimePanel/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa,kBAAkB,4CAmFhE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RelativeTimePanel/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa,kBAAkB,gCAmFhE,CAAC"}

package/dist/RelativeTimePanel/timeOptions.d.ts

@@ -6,6 +6,7 @@ export interface ITimeOptions {
     startTime: string;
     endTime: string;
     unit: QuickRangeUnit;
+    direction: "past" | "future" | "present";
     lineBreak?: boolean;
 }
 export declare const getTimeOptions: (timezoneName: string, options?: TimezoneRangePickerOptions) => ITimeOptions[];

package/dist/RelativeTimePanel/timeOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeOptions.d.ts","sourceRoot":"","sources":["../../src/RelativeTimePanel/timeOptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkQD,eAAO,MAAM,cAAc,GACzB,cAAc,MAAM,EACpB,UAAU,0BAA0B,KACnC,YAAY,EASd,CAAC"}
+{"version":3,"file":"timeOptions.d.ts","sourceRoot":"","sources":["../../src/RelativeTimePanel/timeOptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAyGD,eAAO,MAAM,cAAc,GACzB,cAAc,MAAM,EACpB,UAAU,0BAA0B,KACnC,YAAY,EAgBd,CAAC"}

package/dist/Sidebar/index.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, FC, SetStateAction } from "react";
-import { Panel } from "../TimezoneRangePicker";
+import { Panel } from "../TimezoneRangePicker/panels";
 import { TzRange } from "../interfaces";
 interface ISidebar {
     tzRange: TzRange;

package/dist/Sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Sidebar/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,UAAU,QAAQ;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,QAAQ,CAuDhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Sidebar/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,UAAU,QAAQ;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,QAAQ,CAuDhC,CAAC"}

package/dist/StartEndTimePanel/index.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 import { TzRange } from "../interfaces";
 interface IStartEndTimePanel {
     tzRange: TzRange;
+    onBasic: () => void;
 }
 declare const StartEndTimePanel: FC<IStartEndTimePanel>;
 export { StartEndTimePanel };

package/dist/StartEndTimePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/StartEndTimePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAa3B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CAmI7C,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/StartEndTimePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgB3B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CA+K7C,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/TimezonePanel/index.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 import { TzRange } from "../interfaces";
 interface ITimezonePanel {
     tzRange: TzRange;
+    onBasic: () => void;
 }
 declare const TimezonePanel: FC<ITimezonePanel>;
 export { TimezonePanel };

package/dist/TimezonePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimezonePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2C,MAAM,OAAO,CAAC;AASpE,OAAO,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AActD,UAAU,cAAc;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CA0HrC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimezonePanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2C,MAAM,OAAO,CAAC;AASpE,OAAO,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAatD,UAAU,cAAc;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CA0HrC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/TimezonePanel/util/getBrowserTimezone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBrowserTimezone.d.ts","sourceRoot":"","sources":["../../../src/TimezonePanel/util/getBrowserTimezone.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,kBAAkB;;;;;;CAW9B,CAAC"}
+{"version":3,"file":"getBrowserTimezone.d.ts","sourceRoot":"","sources":["../../../src/TimezonePanel/util/getBrowserTimezone.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,kBAAkB;;;;;;CAY9B,CAAC"}

package/dist/TimezonePanel/util/getTimezones.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTimezones.d.ts","sourceRoot":"","sources":["../../../src/TimezonePanel/util/getTimezones.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,YAAY;;;;;;GAWxB,CAAC"}
+{"version":3,"file":"getTimezones.d.ts","sourceRoot":"","sources":["../../../src/TimezonePanel/util/getTimezones.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,YAAY;;;;;;GAgBxB,CAAC"}

package/dist/TimezoneRangePicker/AdvancedPickerView.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { TzRange } from "../interfaces";
+interface AdvancedPickerViewProps {
+    tzRange: TzRange;
+    onBasic: () => void;
+}
+export declare const AdvancedPickerView: FC<AdvancedPickerViewProps>;
+export {};
+//# sourceMappingURL=AdvancedPickerView.d.ts.map

package/dist/TimezoneRangePicker/AdvancedPickerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedPickerView.d.ts","sourceRoot":"","sources":["../../src/TimezoneRangePicker/AdvancedPickerView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAKhD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAIxC,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoD1D,CAAC"}

package/dist/TimezoneRangePicker/BasicPickerView.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { TzRange } from "../interfaces";
+interface BasicPickerViewProps {
+    tzRange: TzRange;
+    onAdvanced: () => void;
+}
+export declare const BasicPickerView: FC<BasicPickerViewProps>;
+export {};
+//# sourceMappingURL=BasicPickerView.d.ts.map

package/dist/TimezoneRangePicker/BasicPickerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicPickerView.d.ts","sourceRoot":"","sources":["../../src/TimezoneRangePicker/BasicPickerView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAIxC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4GpD,CAAC"}

package/dist/TimezoneRangePicker/index.d.ts

@@ -1,10 +1,5 @@
 import { TzRange } from "../interfaces";
-export declare enum Panel {
-    RELATIVE_TIME = "Relative time",
-    START_END_TIME = "Start and end times",
-    AROUND_TIME = "Around a time",
-    TIMEZONE = "Time zone"
-}
-declare const TimezoneRangePickerWrapper: (props: TzRange) => import("react/jsx-runtime").JSX.Element;
+export { Panel } from "./panels";
+declare const TimezoneRangePickerWrapper: (props: TzRange) => import("react").JSX.Element;
 export { TimezoneRangePickerWrapper as TimezoneRangePicker };
 //# sourceMappingURL=index.d.ts.map

package/dist/TimezoneRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimezoneRangePicker/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAKxC,oBAAY,KAAK;IACf,aAAa,kBAAkB;IAC/B,cAAc,wBAAwB;IACtC,WAAW,kBAAkB;IAC7B,QAAQ,cAAc;CACvB;AAmHD,QAAA,MAAM,0BAA0B,GAAI,OAAO,OAAO,4CAMjD,CAAC;AAEF,OAAO,EAAE,0BAA0B,IAAI,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimezoneRangePicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMxC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAgFjC,QAAA,MAAM,0BAA0B,GAAI,OAAO,OAAO,gCAIjD,CAAC;AAEF,OAAO,EAAE,0BAA0B,IAAI,mBAAmB,EAAE,CAAC"}

package/dist/TimezoneRangePicker/panels.d.ts

@@ -0,0 +1,7 @@
+export declare enum Panel {
+    RELATIVE_TIME = "Relative time",
+    START_END_TIME = "Start and end times",
+    AROUND_TIME = "Around a time",
+    TIMEZONE = "Time zone"
+}
+//# sourceMappingURL=panels.d.ts.map

package/dist/TimezoneRangePicker/panels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../src/TimezoneRangePicker/panels.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,aAAa,kBAAkB;IAC/B,cAAc,wBAAwB;IACtC,WAAW,kBAAkB;IAC7B,QAAQ,cAAc;CACvB"}