react-timezone-range-picker 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/AroundTimePanel/index.d.ts.map +1 -1
  2. package/dist/Footer/index.d.ts.map +1 -1
  3. package/dist/RelativeTimePanel/index.d.ts.map +1 -1
  4. package/dist/Sidebar/index.d.ts +1 -0
  5. package/dist/Sidebar/index.d.ts.map +1 -1
  6. package/dist/StartEndTimePanel/index.d.ts.map +1 -1
  7. package/dist/TimezonePanel/components/TimezoneList/index.d.ts.map +1 -1
  8. package/dist/TimezonePanel/index.d.ts.map +1 -1
  9. package/dist/TimezoneRangePicker/index.d.ts +1 -0
  10. package/dist/TimezoneRangePicker/index.d.ts.map +1 -1
  11. package/dist/index.cjs.js +12 -12
  12. package/dist/index.cjs.js.map +1 -1
  13. package/dist/index.es.js +1310 -1202
  14. package/dist/index.es.js.map +1 -1
  15. package/dist/style.css +1 -1
  16. package/dist/util/dateTime.d.ts +6 -3
  17. package/dist/util/dateTime.d.ts.map +1 -1
  18. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +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_jrnm0_1{height:100%}._list-container_jrnm0_5{overflow-y:auto;height:inherit;margin-top:.5rem}._form-container_1xxf4_1{display:flex;flex:2;flex-direction:column;justify-content:space-between;height:100%}._sidebar-container_e18ka_1{border-right:1px solid #ddd}._sidebar-row_e18ka_5{cursor:pointer}._sidebar-row_e18ka_5>div>svg{margin-right:.5rem}._relative-time-panel-container_jsk5z_1{height:calc(100% - 156px);overflow-y:auto}._time-row_jsk5z_6{cursor:pointer}._time-row-dark_jsk5z_10:hover{background-color:#3a3a3a}._time-row-light_jsk5z_16:hover{background-color:#f3f4f6}
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}
package/dist/util/dateTime.d.ts CHANGED
@@ -2,11 +2,13 @@ import dayjs from "dayjs";
2
2
  import { TzRange } from "../interfaces";
3
3
  export declare const DATEFORMAT = "YYYY/MM/DD";
4
4
  export declare const TIMEFORMAT = "HH:mm:ss";
5
- export declare const getCurrentTime: () => string;
6
- export declare const getCurrentDate: () => string;
5
+ export declare const getCurrentTime: (tzRange: TzRange) => string;
6
+ export declare const getCurrentDate: (tzRange: TzRange) => string;
7
7
  export declare const getCurrentPlusDate: (amount: number) => string;
8
8
  export declare const getShortTimezoneName: (tz: string | null) => string | null;
9
- export declare const getPopoverButtonText: (tzRange: TzRange) => string;
9
+ type ButtonTextSize = "desktop" | "tablet" | "mobile";
10
+ export declare const getPopoverButtonText: (tzRange: TzRange, size?: ButtonTextSize) => string;
11
+ export declare const getTimezoneMetaLabel: (timezone: TzRange["timezone"], compact?: boolean) => string;
10
12
  export declare const getPastDateTime: (date: string | null, time: string, amount: number, unit: dayjs.ManipulateType) => {
11
13
  date: string;
12
14
  time: string;
@@ -20,4 +22,5 @@ export declare const toTz: (utcIso: string, zone: string) => {
20
22
  date: string;
21
23
  time: string;
22
24
  };
25
+ export {};
23
26
  //# sourceMappingURL=dateTime.d.ts.map
package/dist/util/dateTime.d.ts.map CHANGED
@@ -1 +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,cAAmC,CAAC;AAE/D,eAAO,MAAM,cAAc,cAAmC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,WAAkD,CAAC;AAEpG,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,GAAG,IAAI,kBAGrD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO,WAIpD,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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-timezone-range-picker",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "description": "React UI components for building timezone-aware date and time range pickers, powered by Mantine and designed for flexibility.",
5
5
  "author": "Vaibhav Dangra vaibhav1180@gmail.com>",
6
6
  "license": "MIT",