react-timezone-range-picker 0.1.5 → 0.1.7

package/dist/interfaces/index.d.ts

@@ -11,7 +11,12 @@ export interface OnApplyParams {
     endTime: string | null;
     timezone: TimezoneData;
 }
+export type AllowedTimeRange = "past" | "future" | "all";
 export interface TimezoneRangePickerOptions {
+    /** Limits quick options and manual selection. Defaults to all time. */
+    allowedTimeRange?: AllowedTimeRange;
+    /** Adds the whole current calendar day to Last/Next day quick ranges. Defaults to false. */
+    includeTodayInQuickRanges?: boolean;
     disableSeconds?: boolean;
     disableMinutes?: boolean;
     disableHours?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,QAAQ,EAAE,YAAY,CAAC;IAEvB,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvF,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,0BAA0B;IACzC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,4FAA4F;IAC5F,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,QAAQ,EAAE,YAAY,CAAC;IAEvB,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvF,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC"}

package/dist/style.css

@@ -1 +1 @@
-._row_550mo_1{padding:.4rem}._row-dark_550mo_5{cursor:pointer}._row-dark_550mo_5:hover{background-color:#3a3a3a}._row-light_550mo_12{cursor:pointer}._row-light_550mo_12:hover{background-color:#f3f4f6}._row-selected-dark_550mo_19{background-color:#5a5a5a;font-weight:600}._row-selected-dark_550mo_19:hover{background-color:#5a5a5a}._row-selected-light_550mo_27{background-color:#f3f4f6;font-weight:600}._row-selected-light_550mo_27:hover{background-color:#f3f4f6}._timezone-panel-container_tykz4_1{height:100%;min-height:0}._search-container_tykz4_6{position:sticky;top:0;z-index:1;width:95%;margin:0 auto;padding-bottom:8px}._timezone-scroll-area_tykz4_15{flex:1;min-height:0;overflow-y:auto}._list-container_tykz4_21{margin-top:.5rem}._form-container_1xxf4_1{display:flex;flex:2;flex-direction:column;justify-content:space-between;height:100%}._sidebar-container_1cvpv_1{display:flex;flex-direction:column;height:100%;min-height:0;min-width:220px;overflow:hidden;border-right:1px solid #ddd}._sidebar-mobile-relative_1cvpv_11{height:100%;min-height:0;overflow:hidden}._sidebar-row_1cvpv_17{cursor:pointer}._sidebar-row_1cvpv_17>div>svg{margin-right:.5rem}._relative-time-root_emohw_1{display:flex;flex:1;flex-direction:column;height:100%;min-height:0}._relative-time-panel-container_emohw_9{flex:1;min-height:0;overflow-y:auto;margin-top:8px}._time-row_emohw_16{cursor:pointer}._time-row-dark_emohw_20:hover{background-color:#3a3a3a}._time-row-light_emohw_26:hover{background-color:#f3f4f6}._trigger-button_1ds5p_1{max-width:100%}._trigger-button_1ds5p_1 .mantine-Button-inner{min-width:0}._trigger-button_1ds5p_1 .mantine-Button-label{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._picker-shell_1ds5p_18{height:100%}._mobile-layout_1ds5p_22{display:flex;flex-direction:column;height:100%;min-height:0}._mobile-nav_1ds5p_29{padding:12px}._mobile-content_1ds5p_33{flex:1;min-height:0;overflow:hidden}
+._row_550mo_1{padding:.4rem}._row-dark_550mo_5{cursor:pointer}._row-dark_550mo_5:hover{background-color:#3a3a3a}._row-light_550mo_12{cursor:pointer}._row-light_550mo_12:hover{background-color:#f3f4f6}._row-selected-dark_550mo_19{background-color:#5a5a5a;font-weight:600}._row-selected-dark_550mo_19:hover{background-color:#5a5a5a}._row-selected-light_550mo_27{background-color:#f3f4f6;font-weight:600}._row-selected-light_550mo_27:hover{background-color:#f3f4f6}._timezone-panel-container_tykz4_1{height:100%;min-height:0}._search-container_tykz4_6{position:sticky;top:0;z-index:1;width:95%;margin:0 auto;padding-bottom:8px}._timezone-scroll-area_tykz4_15{flex:1;min-height:0;overflow-y:auto}._list-container_tykz4_21{margin-top:.5rem}._form-container_1xxf4_1{display:flex;flex:2;flex-direction:column;justify-content:space-between;height:100%}._sidebar-container_1cvpv_1{display:flex;flex-direction:column;height:100%;min-height:0;min-width:220px;overflow:hidden;border-right:1px solid #ddd}._sidebar-mobile-relative_1cvpv_11{height:100%;min-height:0;overflow:hidden}._sidebar-row_1cvpv_17{cursor:pointer}._sidebar-row_1cvpv_17>div>svg{margin-right:.5rem}._relative-time-root_emohw_1{display:flex;flex:1;flex-direction:column;height:100%;min-height:0}._relative-time-panel-container_emohw_9{flex:1;min-height:0;overflow-y:auto;margin-top:8px}._time-row_emohw_16{cursor:pointer}._time-row-dark_emohw_20:hover{background-color:#3a3a3a}._time-row-light_emohw_26:hover{background-color:#f3f4f6}._trigger-button_1rr9j_1{max-width:100%}._trigger-button_1rr9j_1 .mantine-Button-inner{min-width:0}._trigger-button_1rr9j_1 .mantine-Button-label{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._picker-shell_1rr9j_18{height:100%}._basic-view_1rr9j_22{padding:12px}._basic-quick-options_1rr9j_26{height:150px;flex:none;overflow-y:auto}._drawer-view_1rr9j_32{height:100%;min-height:0}._drawer-view_1rr9j_32 ._basic-view_1rr9j_22{width:min(100%,420px);height:auto;margin:0 auto}._mobile-layout_1rr9j_43{display:flex;flex-direction:column;height:100%;min-height:0}._mobile-nav_1rr9j_50{padding:12px}._mobile-content_1rr9j_54{flex:1;min-height:0;overflow:hidden}

package/dist/util/dateTime.d.ts

@@ -1,7 +1,11 @@
-import dayjs from "dayjs";
-import { TzRange } from "../interfaces";
+import { Temporal } from "@js-temporal/polyfill";
+import { AllowedTimeRange, TzRange } from "../interfaces";
 export declare const DATEFORMAT = "YYYY/MM/DD";
 export declare const TIMEFORMAT = "HH:mm:ss";
+export type DateTimeUnit = "second" | "minute" | "hour" | "day";
+export declare const formatShortDate: (date: Temporal.PlainDate) => string;
+export declare const formatTwelveHourTime: (dateTime: Temporal.ZonedDateTime) => string;
+export declare const nowInTimezone: (zone?: string | null) => Temporal.ZonedDateTime;
 export declare const getCurrentTime: (tzRange: TzRange) => string;
 export declare const getCurrentDate: (tzRange: TzRange) => string;
 export declare const getCurrentPlusDate: (amount: number) => string;
@@ -9,11 +13,18 @@ export declare const getShortTimezoneName: (tz: string | null) => string | null;
 type ButtonTextSize = "desktop" | "tablet" | "mobile";
 export declare const getPopoverButtonText: (tzRange: TzRange, size?: ButtonTextSize) => string;
 export declare const getTimezoneMetaLabel: (timezone: TzRange["timezone"], compact?: boolean) => string;
-export declare const getPastDateTime: (date: string | null, time: string, amount: number, unit: dayjs.ManipulateType) => {
+export declare const parseDate: (date: string) => Temporal.PlainDate;
+export declare const parseDateTime: (date: string, time: string) => Temporal.PlainDateTime;
+export declare const getAllowedDateBounds: (timezone: string | null, allowedTimeRange?: AllowedTimeRange) => {
+    minDate: string | undefined;
+    maxDate: string | undefined;
+};
+export declare const validateAllowedDateTime: (date: string, time: string, timezone: string | null, allowedTimeRange?: AllowedTimeRange) => "Date and time must not be before now" | "Date and time must not be after now" | null;
+export declare const getPastDateTime: (date: string | null, time: string, amount: number, unit: DateTimeUnit) => {
     date: string;
     time: string;
 };
-export declare const getFutureDateTime: (date: string | null, time: string, amount: number, unit: dayjs.ManipulateType) => {
+export declare const getFutureDateTime: (date: string | null, time: string, amount: number, unit: DateTimeUnit) => {
     date: string;
     time: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"dateTime.d.ts","sourceRoot":"","sources":["../../src/util/dateTime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,aAAa,CAAC;AAErC,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO,WAG9C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO,WAG9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,WAAkD,CAAC;AAEpG,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,GAAG,IAAI,kBAGrD,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO,EAAE,OAAM,cAA0B,WAmBtF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,UAAU,OAAO,CAAC,UAAU,CAAC,EAC7B,iBAAe,WAKhB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,GAAG,IAAI,EACnB,MAAM,MAAM,EACZ,QAAQ,MAAM,EACd,MAAM,KAAK,CAAC,cAAc;;;CAO3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,MAAM,MAAM,GAAG,IAAI,EACnB,MAAM,MAAM,EACZ,QAAQ,MAAM,EACd,MAAM,KAAK,CAAC,cAAc;;;CAO3B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,SAAS,MAAM,EAAE,SAAS,MAAM,EAAE,YAAY,MAAM,WAK5E,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,QAAQ,MAAM,EAAE,MAAM,MAAM;;;CAGhD,CAAC"}
+{"version":3,"file":"dateTime.d.ts","sourceRoot":"","sources":["../../src/util/dateTime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,aAAa,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAYhE,eAAO,MAAM,eAAe,GAAI,MAAM,QAAQ,CAAC,SAAS,WAKvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAU,QAAQ,CAAC,aAAa,WAGpE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,IAAI,2BAC4B,CAAC;AAE/E,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO,WACiB,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO,WACiB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,WACgB,CAAC;AAElE,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,GAAG,IAAI,kBAClB,CAAC;AAErC,KAAK,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO,EAAE,OAAM,cAA0B,WAmBtF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAU,OAAO,CAAC,UAAU,CAAC,EAAE,iBAAe,WAIlF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,uBAAsD,CAAC;AAE7F,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,MAAM,MAAM,2BACY,CAAC;AAErE,eAAO,MAAM,oBAAoB,GAC/B,UAAU,MAAM,GAAG,IAAI,EACvB,mBAAkB,gBAAwB;;;CAO3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,MAAM,MAAM,EACZ,MAAM,MAAM,EACZ,UAAU,MAAM,GAAG,IAAI,EACvB,mBAAkB,gBAAwB,0FAe3C,CAAC;AAiBF,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,GAAG,IAAI,EACnB,MAAM,MAAM,EACZ,QAAQ,MAAM,EACd,MAAM,YAAY;;;CAC6B,CAAC;AAElD,eAAO,MAAM,iBAAiB,GAC5B,MAAM,MAAM,GAAG,IAAI,EACnB,MAAM,MAAM,EACZ,QAAQ,MAAM,EACd,MAAM,YAAY;;;CAC4B,CAAC;AAEjD,eAAO,MAAM,QAAQ,GAAI,SAAS,MAAM,EAAE,SAAS,MAAM,EAAE,YAAY,MAAM,WACO,CAAC;AAErF,eAAO,MAAM,IAAI,GAAI,QAAQ,MAAM,EAAE,MAAM,MAAM;;;CAGhD,CAAC"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "react-timezone-range-picker",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "React UI components for building timezone-aware date and time range pickers, powered by Mantine and designed for flexibility.",
   "author": "Vaibhav Dangra vaibhav1180@gmail.com>",
   "license": "MIT",
+  "repository": "https://github.com/GermaVinsmoke/react-timezone-range-picker",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -33,37 +34,40 @@
     "lint": "eslint src --ext .ts,.tsx"
   },
   "peerDependencies": {
-    "@mantine/core": "^8.3.1",
-    "@mantine/dates": "^8.3.1",
-    "@mantine/form": "^8.3.4",
-    "@mantine/hooks": "^8.3.1",
-    "dayjs": "^1.11.18",
-    "react": ">=18",
-    "react-dom": ">=18"
+    "@mantine/core": "^9.5.2",
+    "@mantine/dates": "^9.5.2",
+    "@mantine/form": "^9.5.2",
+    "@mantine/hooks": "^9.5.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@mantine/core": "^8.3.1",
-    "@mantine/dates": "^8.3.1",
-    "@mantine/form": "^8.3.4",
-    "@mantine/hooks": "^8.3.1",
+    "@mantine/core": "^9.5.2",
+    "@mantine/dates": "^9.5.2",
+    "@mantine/form": "^9.5.2",
+    "@mantine/hooks": "^9.5.2",
     "@tabler/icons-react": "^3.35.0",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^24.5.0",
-    "@types/react": "^18.3.24",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
     "@typescript-eslint/eslint-plugin": "^8.44.0",
     "@typescript-eslint/parser": "^8.44.0",
     "@vitejs/plugin-react": "^5.0.2",
     "add": "^2.0.6",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.18",
     "eslint": "^9.35.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "jsdom": "^27.0.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-use": "^17.6.0",
     "typescript": "^5.9.2",
     "vite": "^7.1.5",
     "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "@js-temporal/polyfill": "^0.5.1"
   }
 }