@verifiedinc-public/shared-ui-elements 9.7.0 → 9.8.0

package/dist/components/form/DateRangeInput/index.d.ts

@@ -3,6 +3,10 @@ interface DateRangeInputProps {
     startDate?: Date | number;
     endDate?: Date | number;
     onChange: (startDate: number, endDate: number) => void;
+    /** Optional: called with ISO strings formatted in the given timeZone */
+    onChangeTz?: (startDate: string, endDate: string) => void;
+    /** IANA time zone name (e.g. "America/New_York"). Omit for local time behavior. */
+    timeZone?: string;
 }
 export declare const DateRangeInput: FC<DateRangeInputProps>;
 export {};

package/dist/components/form/DateRangeInput/index.mjs

@@ -1 +1 @@
-"use strict";import{useState as i,useRef as c,forwardRef as h}from"react";import{Box as x,TextField as Y}from"@mui/material";import g from"../../../node_modules/react-datepicker/dist/es/index.mjs";import{reactDatepickerCss as M}from"../../../styles/lib/react-datepicker.mjs";import{useOnClickOutside as R}from"../../../hooks/useOnClickOutside.mjs";import{useStyle as y}from"./style.mjs";import{jsxs as b,jsx as a}from"react/jsx-runtime";const v=h(function(o,r){return a(Y,{inputRef:r,...o,label:"Range",fullWidth:!0,sx:{flex:1,"& input":{boxShadow:"none!important",border:"none!important"}}})}),C=o=>{const r=y(),m=()=>{const{startDate:e,endDate:t}=o;return!e||!t?[null,null]:[new Date(e),new Date(t)]},[u,d]=i(m()),[D,f]=u,n=c(null),[w,s]=i(!1);return R(n,()=>{s(!1)}),b(x,{ref:n,sx:r.wrapper,children:[a("style",{children:M}),a(g,{open:w,onFocus:()=>{s(!0)},placeholderText:"MM/DD/YYYY - MM/DD/YYYY",showPopperArrow:!1,swapRange:!0,selectsRange:!0,showYearDropdown:!0,showMonthDropdown:!0,scrollableYearDropdown:!1,dateFormat:"MM/dd/yyyy HH:mm:ss",startDate:D??void 0,endDate:f??void 0,minDate:new Date(2023,0,1),maxDate:new Date,onChange:([e,t],l)=>{var p;d([e,t]),!(!e||!t)&&(((p=l?.target)==null?void 0:p.tagName)!=="INPUT"&&(e.setHours(0,0,0,0),t.setHours(23,59,59,999)),o.onChange(+e,+t))},customInput:a(v,{})})]})};export{C as DateRangeInput};
+"use strict";import{useState as p,useRef as T,forwardRef as Y}from"react";import{Box as M,TextField as R}from"@mui/material";import y from"../../../node_modules/react-datepicker/dist/es/index.mjs";import{reactDatepickerCss as C}from"../../../styles/lib/react-datepicker.mjs";import{useOnClickOutside as I}from"../../../hooks/useOnClickOutside.mjs";import{ISO_TZ_FORMAT as l}from"../../../constants/date.mjs";import{useStyle as b}from"./style.mjs";import{jsxs as v,jsx as n}from"react/jsx-runtime";import{fromZonedTime as d}from"../../../node_modules/date-fns-tz/dist/esm/fromZonedTime/index.mjs";import{formatInTimeZone as u}from"../../../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{toZonedTime as F}from"../../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.mjs";const H=Y(function(e,r){return n(R,{inputRef:r,...e,label:"Range",fullWidth:!0,sx:{flex:1,"& input":{boxShadow:"none!important",border:"none!important"}}})}),O=e=>{const r=b(),f=()=>{const{startDate:o,endDate:t}=e;return!o||!t?[null,null]:[new Date(o),new Date(t)]},[D,w]=p(f()),[c,h]=D,a=T(null),[x,s]=p(!1);return I(a,()=>{s(!1)}),v(M,{ref:a,sx:r.wrapper,children:[n("style",{children:C}),n(y,{open:x,onFocus:()=>{s(!0)},placeholderText:"MM/DD/YYYY - MM/DD/YYYY",showPopperArrow:!1,swapRange:!0,selectsRange:!0,showYearDropdown:!0,showMonthDropdown:!0,scrollableYearDropdown:!1,dateFormat:"MM/dd/yyyy HH:mm:ss",startDate:c??void 0,endDate:h??void 0,minDate:new Date(2023,0,1),maxDate:e.timeZone?F(new Date,e.timeZone):new Date,onChange:([o,t],m)=>{var i;if(w([o,t]),!(!o||!t)&&(((i=m?.target)==null?void 0:i.tagName)!=="INPUT"&&(o.setHours(0,0,0,0),t.setHours(23,59,59,999)),e.onChange(+o,+t),e.timeZone&&e.onChangeTz)){const Z=d(o,e.timeZone),g=d(t,e.timeZone);e.onChangeTz(u(Z,e.timeZone,l),u(g,e.timeZone,l))}},customInput:n(H,{})})]})};export{O as DateRangeInput};

package/dist/constants/date.d.ts

@@ -0,0 +1 @@
+export declare const ISO_TZ_FORMAT = "yyyy-MM-dd'T'HH:mm:ssxxx";

package/dist/constants/date.mjs

@@ -0,0 +1 @@
+"use strict";const x="yyyy-MM-dd'T'HH:mm:ssxxx";export{x as ISO_TZ_FORMAT};

package/dist/constants/index.d.ts

@@ -1,2 +1,3 @@
+export * from './date';
 export * from './email';
 export * from './metrics';

package/dist/constants/index.mjs

@@ -1 +1 @@
-"use strict";import{emailInputPattern as a,emailRegexPattern as e}from"./email.mjs";import{MetricsInterval as t}from"./metrics.mjs";export{t as MetricsInterval,a as emailInputPattern,e as emailRegexPattern};
+"use strict";import{ISO_TZ_FORMAT as a}from"./date.mjs";import{emailInputPattern as t,emailRegexPattern as e}from"./email.mjs";import{MetricsInterval as r}from"./metrics.mjs";export{a as ISO_TZ_FORMAT,r as MetricsInterval,t as emailInputPattern,e as emailRegexPattern};

package/dist/contexts/metrics/Metrics.context.d.ts

@@ -9,6 +9,8 @@ export type InternalMetricsReducer = {
     timezone: string;
     startDate: number;
     endDate: number;
+    zonedStartDate: string | null;
+    zonedEndDate: string | null;
 };
 export type MetricsReducer = {
     brands: BrandFilter[];
@@ -18,11 +20,14 @@ export type MetricsReducer = {
     timezone: string;
     startDate: number;
     endDate: number;
+    zonedStartDate: string | null;
+    zonedEndDate: string | null;
 };
 type MetricsContext = {
     filter: MetricsReducer & {
         setInterval: (interval: MetricsIntervalType) => void;
         setDateRange: (startDate: number, endDate: number) => void;
+        setZonedDateRange: (zonedStartDate: string, zonedEndDate: string) => void;
         setBrands: (brands: BrandFilter[]) => void;
         setBrand: (brands: BrandFilter | undefined) => void;
         setMonthlyBillableBrands: (brands: BrandFilter[]) => void;

package/dist/contexts/metrics/Metrics.context.mjs

@@ -1 +1 @@
-"use strict";import{useCallback as o,useMemo as B,useContext as z,createContext as C}from"react";import p from"lodash/cloneDeep";import{MetricsInterval as I}from"../../constants/metrics.mjs";import{usePersistedReducer as P}from"../../hooks/usePersistedReducer.mjs";import{jsx as j}from"react/jsx-runtime";const h=C(null);function O(n){const a=new Date;a.setDate(a.getDate()-6),a.setHours(0,0,0,0);const i=new Date;i.setHours(23,59,59,999);const D=()=>Object.entries({brands:[],brand:void 0,monthlyBillableBrands:[]}).reduce((r,[s,y])=>({...r,[s]:n.environments.reduce((M,g)=>({...M,[g]:n.products.reduce((w,x)=>({...w,[x]:p(y)}),{})}),{})}),{}),[t,e]=P(n.storageKey,(r,s)=>Object.assign(p(r),s),{...D(),interval:I.DAY,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,startDate:+a,endDate:+i}),d=o(r=>{e({interval:r})},[e]),l=o((r,s)=>{e({startDate:r,endDate:s})},[e]),m=o(r=>{e({brands:{...t.brands,[n.environment]:{...t.brands[n.environment],[n.product]:r}}})},[t.brands,n.environment,n.product,e]),c=o(r=>{e({brand:{...t.brand,[n.environment]:{...t.brand[n.environment],[n.product]:r}}})},[t.brand,n.environment,n.product,e]),u=o(r=>{e({monthlyBillableBrands:{...t.monthlyBillableBrands,[n.environment]:{...t.monthlyBillableBrands[n.environment],[n.product]:r}}})},[t.monthlyBillableBrands,n.environment,n.product,e]),b=o(r=>{e({timezone:r})},[e]),v=B(()=>t&&{...t,brands:t.brands[n.environment][n.product],brand:t.brand[n.environment][n.product],monthlyBillableBrands:t.monthlyBillableBrands[n.environment][n.product]},[t,n.environment,n.product]),f=B(()=>({filter:{...v,setInterval:d,setDateRange:l,setBrands:m,setBrand:c,setMonthlyBillableBrands:u,setTimezone:b}}),[v,d,l,m,c,u,b]);return j(h.Provider,{value:f,children:n.children})}function E(){const n=z(h);if(n===null)throw new Error("useMetrics must be used within a MetricsProvider");return n}export{O as MetricsProvider,E as useMetrics};
+"use strict";import{useCallback as a,useMemo as B,useContext as g,createContext as x}from"react";import f from"lodash/cloneDeep";import{ISO_TZ_FORMAT as h}from"../../constants/date.mjs";import{MetricsInterval as P}from"../../constants/metrics.mjs";import{usePersistedReducer as R}from"../../hooks/usePersistedReducer.mjs";import{jsx as j}from"react/jsx-runtime";import{toZonedTime as y}from"../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.mjs";import{formatInTimeZone as M}from"../../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{fromZonedTime as w}from"../../node_modules/date-fns-tz/dist/esm/fromZonedTime/index.mjs";const T=x(null);function C(t){const s=new Date;s.setDate(s.getDate()-6),s.setHours(0,0,0,0);const m=new Date;m.setHours(23,59,59,999);const E=()=>Object.entries({brands:[],brand:void 0,monthlyBillableBrands:[]}).reduce((n,[o,d])=>({...n,[o]:t.environments.reduce((i,I)=>({...i,[I]:t.products.reduce((O,Z)=>({...O,[Z]:f(d)}),{})}),{})}),{}),[e,r]=R(t.storageKey,(n,o)=>Object.assign(f(n),o),{...E(),interval:P.DAY,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,startDate:+s,endDate:+m,zonedStartDate:null,zonedEndDate:null}),l=a(n=>{r({interval:n})},[r]),c=a((n,o)=>{r({startDate:n,endDate:o})},[r]),u=a(n=>{r({brands:{...e.brands,[t.environment]:{...e.brands[t.environment],[t.product]:n}}})},[e.brands,t.environment,t.product,r]),b=a(n=>{r({brand:{...e.brand,[t.environment]:{...e.brand[t.environment],[t.product]:n}}})},[e.brand,t.environment,t.product,r]),D=a(n=>{r({monthlyBillableBrands:{...e.monthlyBillableBrands,[t.environment]:{...e.monthlyBillableBrands[t.environment],[t.product]:n}}})},[e.monthlyBillableBrands,t.environment,t.product,r]),v=a(n=>{const o={timezone:n};if(e.zonedStartDate&&e.zonedEndDate){const d=y(new Date(e.zonedStartDate),e.timezone),i=y(new Date(e.zonedEndDate),e.timezone);o.zonedStartDate=M(w(d,n),n,h),o.zonedEndDate=M(w(i,n),n,h)}r(o)},[r,e.zonedStartDate,e.zonedEndDate,e.timezone]),p=a((n,o)=>{r({zonedStartDate:n,zonedEndDate:o})},[r]),z=B(()=>e&&{...e,brands:e.brands[t.environment][t.product],brand:e.brand[t.environment][t.product],monthlyBillableBrands:e.monthlyBillableBrands[t.environment][t.product]},[e,t.environment,t.product]),S=B(()=>({filter:{...z,setInterval:l,setDateRange:c,setZonedDateRange:p,setBrands:u,setBrand:b,setMonthlyBillableBrands:D,setTimezone:v}}),[z,l,c,p,u,b,D,v]);return j(T.Provider,{value:S,children:t.children})}function k(){const t=g(T);if(t===null)throw new Error("useMetrics must be used within a MetricsProvider");return t}export{C as MetricsProvider,k as useMetrics};

package/dist/hooks/usePersistedReducer.mjs

@@ -1 +1 @@
-"use strict";import{useReducer as f,useEffect as a}from"react";import{useLocalStorage as m}from"./useLocalStorage.mjs";import{usePrevious as p}from"./usePrevious.mjs";function d(o,u,t,g){const e=m(o),i=()=>{const s=e.get();if(s)try{return s}catch{return t}return t},[r,n]=f(u,t,i),c=p(r);return a(()=>{JSON.stringify(c)===JSON.stringify(r)||e.set(r)},[r]),[r,n]}export{d as usePersistedReducer};
+"use strict";import{useReducer as f,useEffect as a}from"react";import{useLocalStorage as m}from"./useLocalStorage.mjs";import{usePrevious as p}from"./usePrevious.mjs";function d(o,u,t,g){const s=m(o),i=()=>{const e=s.get();if(e)try{return{...t,...e}}catch{return t}return t},[r,n]=f(u,t,i),c=p(r);return a(()=>{JSON.stringify(c)===JSON.stringify(r)||s.set(r)},[r]),[r,n]}export{d as usePersistedReducer};

package/dist/node_modules/date-fns-tz/dist/esm/_lib/getTimezoneOffsetInMilliseconds/index.mjs

@@ -0,0 +1 @@
+function n(t){const e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),+t-+e}export{n as getTimezoneOffsetInMilliseconds};

package/dist/node_modules/date-fns-tz/dist/esm/_lib/newDateUTC/index.mjs

@@ -0,0 +1 @@
+function c(t,n,r,s,a,o,u){const e=new Date(0);return e.setUTCFullYear(t,n,r),e.setUTCHours(s,a,o,u),e}export{c as newDateUTC};

package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzIntlTimeZoneName/index.mjs

@@ -0,0 +1 @@
+import{getDefaultOptions as a}from"date-fns";function i(n,o,t){const e=a(),r=f(n,t.timeZone,t.locale??e.locale);return"formatToParts"in r?m(r,o):c(r,o)}function m(n,o){const t=n.formatToParts(o);for(let e=t.length-1;e>=0;--e)if(t[e].type==="timeZoneName")return t[e].value}function c(n,o){const t=n.format(o).replace(/\u200E/g,""),e=/ [\w-+ ]+$/.exec(t);return e?e[0].substr(1):""}function f(n,o,t){return new Intl.DateTimeFormat(t?[t.code,"en-US"]:void 0,{timeZone:o,timeZoneName:n})}export{i as tzIntlTimeZoneName};

package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzParseTimezone/index.mjs

@@ -0,0 +1 @@
+import{tzTokenizeDate as z}from"../tzTokenizeDate/index.mjs";import{newDateUTC as m}from"../newDateUTC/index.mjs";const f=36e5,H=6e4,u={timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function M(e,t,o){if(!e)return 0;let r=u.timezoneZ.exec(e);if(r)return 0;let n,i;if(r=u.timezoneHH.exec(e),r)return n=parseInt(r[1],10),l(n)?-(n*f):NaN;if(r=u.timezoneHHMM.exec(e),r){n=parseInt(r[2],10);const a=parseInt(r[3],10);return l(n,a)?(i=Math.abs(n)*f+a*H,r[1]==="+"?-i:i):NaN}if(w(e)){t=new Date(t||Date.now());const a=o?t:D(t),c=s(a,e);return-(o?c:T(t,c,e))}return NaN}function D(e){return m(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}function s(e,t){const o=z(e,t),r=m(o[0],o[1]-1,o[2],o[3]%24,o[4],o[5],0).getTime();let n=e.getTime();const i=n%1e3;return n-=i>=0?i:1e3+i,r-n}function T(e,t,o){let r=e.getTime()-t;const n=s(new Date(r),o);if(t===n)return t;r-=n-t;const i=s(new Date(r),o);return n===i?n:Math.max(n,i)}function l(e,t){return-23<=e&&e<=23&&(t==null||0<=t&&t<=59)}const g={};function w(e){if(g[e])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),g[e]=!0,!0}catch{return!1}}export{M as tzParseTimezone};

package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzPattern/index.mjs

@@ -0,0 +1 @@
+const t=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;export{t as tzPattern};

package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzTokenizeDate/index.mjs

@@ -0,0 +1 @@
+function m(e,i){const t=g(i);return"formatToParts"in t?u(t,e):s(t,e)}const c={year:0,month:1,day:2,hour:3,minute:4,second:5};function u(e,i){try{const t=e.formatToParts(i),n=[];for(let r=0;r<t.length;r++){const a=c[t[r].type];a!==void 0&&(n[a]=parseInt(t[r].value,10))}return n}catch(t){if(t instanceof RangeError)return[NaN];throw t}}function s(e,i){const t=e.format(i),n=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(t);return[parseInt(n[3],10),parseInt(n[1],10),parseInt(n[2],10),parseInt(n[4],10),parseInt(n[5],10),parseInt(n[6],10)]}const o={},d=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),h=d==="06/25/2014, 00:00:00"||d==="\u200E06\u200E/\u200E25\u200E/\u200E2014\u200E \u200E00\u200E:\u200E00\u200E:\u200E00";function g(e){return o[e]||(o[e]=h?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),o[e]}export{m as tzTokenizeDate};

package/dist/node_modules/date-fns-tz/dist/esm/format/formatters/index.mjs

@@ -0,0 +1 @@
+import{tzIntlTimeZoneName as u}from"../../_lib/tzIntlTimeZoneName/index.mjs";import{tzParseTimezone as x}from"../../_lib/tzParseTimezone/index.mjs";const z=60*1e3,X={X:function(e,n,r){const t=i(r.timeZone,e);if(t===0)return"Z";switch(n){case"X":return f(t);case"XXXX":case"XX":return s(t);case"XXXXX":case"XXX":default:return s(t,":")}},x:function(e,n,r){const t=i(r.timeZone,e);switch(n){case"x":return f(t);case"xxxx":case"xx":return s(t);case"xxxxx":case"xxx":default:return s(t,":")}},O:function(e,n,r){const t=i(r.timeZone,e);switch(n){case"O":case"OO":case"OOO":return"GMT"+m(t,":");case"OOOO":default:return"GMT"+s(t,":")}},z:function(e,n,r){switch(n){case"z":case"zz":case"zzz":return u("short",e,r);case"zzzz":default:return u("long",e,r)}}};function i(e,n){const r=e?x(e,n,!0)/z:n?.getTimezoneOffset()??0;if(Number.isNaN(r))throw new RangeError("Invalid time zone specified: "+e);return r}function c(e,n){const r=e<0?"-":"";let t=Math.abs(e).toString();for(;t.length<n;)t="0"+t;return r+t}function s(e,n=""){const r=e>0?"-":"+",t=Math.abs(e),o=c(Math.floor(t/60),2),a=c(Math.floor(t%60),2);return r+o+n+a}function f(e,n){return e%60===0?(e>0?"-":"+")+c(Math.abs(e)/60,2):s(e,n)}function m(e,n=""){const r=e>0?"-":"+",t=Math.abs(e),o=Math.floor(t/60),a=t%60;return a===0?r+String(o):r+String(o)+n+c(a,2)}export{X as formatters};

package/dist/node_modules/date-fns-tz/dist/esm/format/index.mjs

@@ -0,0 +1 @@
+import{format as u}from"date-fns/format";import{formatters as g}from"./formatters/index.mjs";import{toDate as p}from"../toDate/index.mjs";const c=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function d(n,t,o={}){t=String(t);const f=t.match(c);if(f){const m=p(o.originalDate||n,o);t=f.reduce(function(i,r){if(r[0]==="'")return i;const s=i.indexOf(r),e=i[s-1]==="'",a=i.replace(r,"'"+g[r[0]](m,r,o)+"'");return e?a.substring(0,s-1)+a.substring(s+1):a},t)}return u(n,t,o)}export{d as format};

package/dist/node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs

@@ -0,0 +1 @@
+import{format as m}from"../format/index.mjs";import{toZonedTime as n}from"../toZonedTime/index.mjs";function a(t,e,i,o){return o={...o,timeZone:e,originalDate:t},m(n(t,e,{timeZone:o.timeZone}),i,o)}export{a as formatInTimeZone};

package/dist/node_modules/date-fns-tz/dist/esm/fromZonedTime/index.mjs

@@ -0,0 +1 @@
+import{toDate as n}from"../toDate/index.mjs";import{tzPattern as m}from"../_lib/tzPattern/index.mjs";import{tzParseTimezone as a}from"../_lib/tzParseTimezone/index.mjs";import{newDateUTC as s}from"../_lib/newDateUTC/index.mjs";function f(e,t,o){if(typeof e=="string"&&!e.match(m))return n(e,{...o,timeZone:t});e=n(e,o);const r=s(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()).getTime(),i=a(t,new Date(r));return new Date(r+i)}export{f as fromZonedTime};

package/dist/node_modules/date-fns-tz/dist/esm/toDate/index.mjs

@@ -0,0 +1 @@
+import{getTimezoneOffsetInMilliseconds as d}from"../_lib/getTimezoneOffsetInMilliseconds/index.mjs";import{tzParseTimezone as g}from"../_lib/tzParseTimezone/index.mjs";import{tzPattern as M}from"../_lib/tzPattern/index.mjs";const f=36e5,N=6e4,T=2,o={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:M};function x(t,e={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(t===null)return new Date(NaN);const n=e.additionalDigits==null?T:Number(e.additionalDigits);if(n!==2&&n!==1&&n!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(t instanceof Date||typeof t=="object"&&Object.prototype.toString.call(t)==="[object Date]")return new Date(t.getTime());if(typeof t=="number"||Object.prototype.toString.call(t)==="[object Number]")return new Date(t);if(Object.prototype.toString.call(t)!=="[object String]")return new Date(NaN);const r=I(t),{year:i,restDateString:a}=b(r.date,n),u=H(a,i);if(u===null||isNaN(u.getTime()))return new Date(NaN);if(u){const c=u.getTime();let l=0,s;if(r.time&&(l=$(r.time),l===null||isNaN(l)))return new Date(NaN);if(r.timeZone||e.timeZone){if(s=g(r.timeZone||e.timeZone,new Date(c+l)),isNaN(s))return new Date(NaN)}else s=d(new Date(c+l)),s=d(new Date(c+l+s));return new Date(c+l+s)}else return new Date(NaN)}function I(t){const e={};let n=o.dateTimePattern.exec(t),r;if(n?(e.date=n[1],r=n[3]):(n=o.datePattern.exec(t),n?(e.date=n[1],r=n[2]):(e.date=null,r=t)),r){const i=o.timeZone.exec(r);i?(e.time=r.replace(i[1],""),e.timeZone=i[1].trim()):e.time=r}return e}function b(t,e){if(t){const n=o.YYY[e],r=o.YYYYY[e];let i=o.YYYY.exec(t)||r.exec(t);if(i){const a=i[1];return{year:parseInt(a,10),restDateString:t.slice(a.length)}}if(i=o.YY.exec(t)||n.exec(t),i){const a=i[1];return{year:parseInt(a,10)*100,restDateString:t.slice(a.length)}}}return{year:null}}function H(t,e){if(e===null)return null;let n,r,i;if(!t||!t.length)return n=new Date(0),n.setUTCFullYear(e),n;let a=o.MM.exec(t);if(a)return n=new Date(0),r=parseInt(a[1],10)-1,Y(e,r)?(n.setUTCFullYear(e,r),n):new Date(NaN);if(a=o.DDD.exec(t),a){n=new Date(0);const u=parseInt(a[1],10);return F(e,u)?(n.setUTCFullYear(e,0,u),n):new Date(NaN)}if(a=o.MMDD.exec(t),a){n=new Date(0),r=parseInt(a[1],10)-1;const u=parseInt(a[2],10);return Y(e,r,u)?(n.setUTCFullYear(e,r,u),n):new Date(NaN)}if(a=o.Www.exec(t),a)return i=parseInt(a[1],10)-1,m(i)?w(e,i):new Date(NaN);if(a=o.WwwD.exec(t),a){i=parseInt(a[1],10)-1;const u=parseInt(a[2],10)-1;return m(i,u)?w(e,i,u):new Date(NaN)}return null}function $(t){let e,n,r=o.HH.exec(t);if(r)return e=parseFloat(r[1].replace(",",".")),D(e)?e%24*f:NaN;if(r=o.HHMM.exec(t),r)return e=parseInt(r[1],10),n=parseFloat(r[2].replace(",",".")),D(e,n)?e%24*f+n*N:NaN;if(r=o.HHMMSS.exec(t),r){e=parseInt(r[1],10),n=parseInt(r[2],10);const i=parseFloat(r[3].replace(",","."));return D(e,n,i)?e%24*f+n*N+i*1e3:NaN}return null}function w(t,e,n){e=e||0,n=n||0;const r=new Date(0);r.setUTCFullYear(t,0,4);const i=r.getUTCDay()||7,a=e*7+n+1-i;return r.setUTCDate(r.getUTCDate()+a),r}const y=[31,28,31,30,31,30,31,31,30,31,30,31],S=[31,29,31,30,31,30,31,31,30,31,30,31];function p(t){return t%400===0||t%4===0&&t%100!==0}function Y(t,e,n){if(e<0||e>11)return!1;if(n!=null){if(n<1)return!1;const r=p(t);if(r&&n>S[e]||!r&&n>y[e])return!1}return!0}function F(t,e){if(e<1)return!1;const n=p(t);return!(n&&e>366||!n&&e>365)}function m(t,e){return!(t<0||t>52||e!=null&&(e<0||e>6))}function D(t,e,n){return!(t<0||t>=25||e!=null&&(e<0||e>=60)||n!=null&&(n<0||n>=60))}export{x as toDate};

package/dist/node_modules/date-fns-tz/dist/esm/toZonedTime/index.mjs

@@ -0,0 +1 @@
+import{tzParseTimezone as T}from"../_lib/tzParseTimezone/index.mjs";import{toDate as a}from"../toDate/index.mjs";function i(t,r,s){t=a(t,s);const n=T(r,t,!0),e=new Date(t.getTime()-n),o=new Date(0);return o.setFullYear(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()),o.setHours(e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds()),o}export{i as toZonedTime};

package/dist/styles/lib/react-datepicker.d.ts

@@ -1 +1 @@
-export declare const reactDatepickerCss = "@charset \"UTF-8\";\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow,\n.react-datepicker__navigation-icon::before {\n  border-color: rgba(0, 0, 0, 0.23);\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  content: '';\n  display: block;\n  height: 9px;\n  position: absolute;\n  top: 6px;\n  width: 9px;\n}\n.react-datepicker-wrapper {\n  display: flex;\n  padding: 0;\n  border: 0;\n}\n\n.react-datepicker {\n  font-family: inherit;\n  font-size: 0.8rem;\n  background-color: #fff;\n  color: #fff;\n  border-radius: 0.3rem;\n  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n  display: inline-block;\n  position: relative;\n  line-height: initial;\n}\n\n.react-datepicker--time-only .react-datepicker__time-container {\n  border-left: 0;\n}\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker-popper {\n  z-index: 2;\n  line-height: 0;\n}\n.react-datepicker-popper .react-datepicker__triangle {\n  stroke: #aeaeae;\n}\n.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\n  fill: #0dbc3d;\n  color: #0dbc3d;\n}\n.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {\n  fill: #0dbc3d;\n  color: #0dbc3d;\n}\n\n.react-datepicker__header {\n  text-align: center;\n  color: #fff;\n  background-color: #0dbc3d;\n  border-bottom: 1px solid #aeaeae;\n  border-top-left-radius: 0.3rem;\n  padding: 8px 0;\n  position: relative;\n}\n.react-datepicker__header--time {\n  padding-bottom: 8px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n  border-top-left-radius: 0;\n}\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n  display: inline-block;\n  margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n  margin-top: 0;\n  color: currentColor;\n  font-weight: bold;\n  font-size: 0.944rem;\n}\n\nh2.react-datepicker__current-month {\n  padding: 0;\n  margin: 0;\n}\n\n.react-datepicker-time__header {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation {\n  align-items: center;\n  background: none;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  position: absolute;\n  top: 2px;\n  padding: 0;\n  border: none;\n  z-index: 1;\n  height: 32px;\n  width: 32px;\n  text-indent: -999em;\n  overflow: hidden;\n}\n.react-datepicker__navigation--previous {\n  left: 2px;\n}\n.react-datepicker__navigation--next {\n  right: 2px;\n}\n.react-datepicker__navigation--next--with-time:not(\n    .react-datepicker__navigation--next--with-today-button\n  ) {\n  right: 85px;\n}\n.react-datepicker__navigation--years {\n  position: relative;\n  top: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__navigation--years-previous {\n  top: 4px;\n}\n.react-datepicker__navigation--years-upcoming {\n  top: -4px;\n}\n.react-datepicker__navigation:hover *::before {\n  border-color: rgba(0, 0, 0, 0.23);\n}\n\n.react-datepicker__navigation-icon {\n  position: relative;\n  top: -1px;\n  font-size: 20px;\n  width: 0;\n}\n.react-datepicker__navigation-icon--next {\n  left: -2px;\n}\n.react-datepicker__navigation-icon--next::before {\n  transform: rotate(45deg);\n  left: -7px;\n}\n.react-datepicker__navigation-icon--previous {\n  right: -2px;\n}\n.react-datepicker__navigation-icon--previous::before {\n  transform: rotate(225deg);\n  right: -7px;\n}\n\n.react-datepicker__month-container {\n  float: left;\n}\n\n.react-datepicker__year {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__year-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 180px;\n}\n.react-datepicker__year .react-datepicker__year-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__month {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n  clear: both;\n  width: 100%;\n  float: left;\n  margin: 5px 0 10px 15px;\n  text-align: left;\n}\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n  display: inline-block;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container {\n  display: inline-block;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input {\n  display: inline-block;\n  margin-left: 10px;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input {\n  width: auto;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input[type='time']::-webkit-inner-spin-button,\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input[type='time']::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input[type='time'] {\n  -moz-appearance: textfield;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__delimiter {\n  margin-left: 5px;\n  display: inline-block;\n}\n\n.react-datepicker__time-container {\n  float: right;\n  border-left: 1px solid #aeaeae;\n  width: 85px;\n}\n.react-datepicker__time-container--with-today-button {\n  display: inline;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  position: absolute;\n  right: -87px;\n  top: 0;\n}\n.react-datepicker__time-container .react-datepicker__time {\n  position: relative;\n  background: white;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box {\n  width: 85px;\n  overflow-x: hidden;\n  margin: 0 auto;\n  text-align: center;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list {\n  list-style: none;\n  margin: 0;\n  height: calc(195px + 1.7rem / 2);\n  overflow-y: scroll;\n  padding-right: 0;\n  padding-left: 0;\n  width: 100%;\n  box-sizing: content-box;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item {\n  height: 30px;\n  padding: 5px 10px;\n  white-space: nowrap;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item:hover {\n  cursor: pointer;\n  background-color: #008a01;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--selected {\n  background-color: #008a01;\n  color: white;\n  font-weight: bold;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--selected:hover {\n  background-color: #0dbc3d;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--disabled {\n  color: #ccc;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n\n.react-datepicker__week-number {\n  color: #ccc;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n  cursor: pointer;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable:not(\n    .react-datepicker__week-number--selected,\n    .react-datepicker__week-number--keyboard-selected\n  ):hover {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n}\n.react-datepicker__week-number--selected {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n  color: #fff;\n}\n.react-datepicker__week-number--selected:hover {\n  background-color: #008a01;\n}\n.react-datepicker__week-number--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: rgb(41.5, 134.5606060606, 207.5);\n  color: #fff;\n}\n.react-datepicker__week-number--keyboard-selected:hover {\n  background-color: #008a01;\n}\n\n.react-datepicker__day-names {\n  white-space: nowrap;\n  margin-bottom: -8px;\n}\n\n.react-datepicker__week {\n  white-space: nowrap;\n}\n\n.react-datepicker__header .react-datepicker__day-name {\n  color: currentColor;\n  font-weight: 600;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n  color: #000;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__day:last-child:not(.react-datepicker__day--in-range) {\n  color: #eb0d28;\n}\n.react-datepicker__day:last-child:not(\n    .react-datepicker__day--in-range\n  ).react-datepicker__day--disabled {\n  color: #eb0d2866;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n  cursor: pointer;\n}\n.react-datepicker__day:not([aria-disabled='true']):hover,\n.react-datepicker__month-text:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text:not([aria-disabled='true']):hover,\n.react-datepicker__year-text:not([aria-disabled='true']):hover {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n}\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n  font-weight: bold;\n}\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n  border-radius: 0.3rem;\n  background-color: #008a01;\n  color: #fff;\n}\n.react-datepicker__day--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--highlighted:not([aria-disabled='true']):hover {\n  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n  color: #008a01;\n}\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n  color: #008a01;\n}\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n  position: relative;\n  border-radius: 0.3rem;\n  background-color: #ff6803;\n  color: #fff;\n}\n.react-datepicker__day--holidays .overlay,\n.react-datepicker__month-text--holidays .overlay,\n.react-datepicker__quarter-text--holidays .overlay,\n.react-datepicker__year-text--holidays .overlay {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition:\n    visibility 0s,\n    opacity 0.3s ease-in-out;\n}\n.react-datepicker__day--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--holidays:not([aria-disabled='true']):hover {\n  background-color: rgb(207, 82.9642857143, 0);\n}\n.react-datepicker__day--holidays:hover .overlay,\n.react-datepicker__month-text--holidays:hover .overlay,\n.react-datepicker__quarter-text--holidays:hover .overlay,\n.react-datepicker__year-text--holidays:hover .overlay {\n  visibility: visible;\n  opacity: 1;\n}\n.react-datepicker__day--selected,\n.react-datepicker__day--in-selecting-range,\n.react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n}\n.react-datepicker__day--selected:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--in-selecting-range:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__month-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--in-selecting-range:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__quarter-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--in-selecting-range:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__year-text--in-range:not([aria-disabled='true']):hover {\n  background-color: #008a01;\n}\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n  color: rgb(0, 0, 0);\n}\n.react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--keyboard-selected:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__quarter-text--keyboard-selected:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__year-text--keyboard-selected:not(\n    [aria-disabled='true']\n  ):hover {\n  background-color: #008a01;\n}\n.react-datepicker__day--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ),\n.react-datepicker__month-text--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ),\n.react-datepicker__quarter-text--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ),\n.react-datepicker__year-text--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ) {\n  background-color: #0dbc3d;\n}\n.react-datepicker__month--selecting-range\n  .react-datepicker__day--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__day--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__month--selecting-range\n  .react-datepicker__month-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__month-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__month--selecting-range\n  .react-datepicker__quarter-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__quarter-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__month--selecting-range\n  .react-datepicker__year-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__year-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ) {\n  background-color: #0dbc3d;\n  color: #000;\n}\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n  cursor: default;\n  color: #ccc;\n}\n.react-datepicker__day--disabled .overlay,\n.react-datepicker__month-text--disabled .overlay,\n.react-datepicker__quarter-text--disabled .overlay,\n.react-datepicker__year-text--disabled .overlay {\n  position: absolute;\n  bottom: 70%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition:\n    visibility 0s,\n    opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__input-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n  position: absolute;\n  padding: 0.5rem;\n  box-sizing: content-box;\n}\n\n.react-datepicker__view-calendar-icon input {\n  padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n  border: 1px solid transparent;\n  border-radius: 0.3rem;\n  position: relative;\n}\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-read-view:hover\n  .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover\n  .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n  .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n  .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n  .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n  .react-datepicker__month-read-view--down-arrow {\n  /* border-top-color: #0dbc3d; */\n}\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n  transform: rotate(135deg);\n  right: -16px;\n  top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n  background-color: #0dbc3d;\n  position: absolute;\n  width: 50%;\n  left: 25%;\n  top: 30px;\n  z-index: 1;\n  text-align: center;\n  border-radius: 0.3rem;\n  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n}\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n  height: 150px;\n  overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n  line-height: 20px;\n  width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n  border-top-left-radius: 0.3rem;\n  border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n  background-color: #008a01;\n}\n.react-datepicker__year-option:hover\n  .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover\n  .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover\n  .react-datepicker__navigation--years-upcoming {\n  border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option:hover\n  .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover\n  .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover\n  .react-datepicker__navigation--years-previous {\n  border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n  position: absolute;\n  left: 15px;\n}\n\n.react-datepicker__close-icon {\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  padding: 0 6px 0 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n.react-datepicker__close-icon::after {\n  cursor: pointer;\n  background-color: #0dbc3d;\n  color: #fff;\n  border-radius: 50%;\n  height: 16px;\n  width: 16px;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  display: table-cell;\n  vertical-align: middle;\n  content: '\u00D7';\n}\n.react-datepicker__close-icon--disabled {\n  cursor: default;\n}\n.react-datepicker__close-icon--disabled::after {\n  cursor: default;\n  background-color: #ccc;\n}\n\n.react-datepicker__today-button {\n  background: #b6edbd;\n  border-top: 1px solid #aeaeae;\n  cursor: pointer;\n  text-align: center;\n  font-weight: bold;\n  padding: 5px 0;\n  clear: left;\n}\n\n.react-datepicker__portal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  z-index: 2147483647;\n}\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n  width: 3rem;\n  line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n  .react-datepicker__portal .react-datepicker__day-name,\n  .react-datepicker__portal .react-datepicker__day,\n  .react-datepicker__portal .react-datepicker__time-name {\n    width: 2rem;\n    line-height: 2rem;\n  }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n  font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n  width: 13.8rem;\n  margin: 0.4rem;\n  padding-right: 0.2rem;\n  padding-left: 0.2rem;\n  height: auto;\n}\n\n.react-datepicker__aria-live {\n  position: absolute;\n  clip-path: circle(0);\n  border: 0;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.125em;\n}\n\na.react-datepicker__navigation--years-upcoming,\na.react-datepicker__navigation--years-previous {\n  position: relative;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\na.react-datepicker__navigation--years-upcoming::after {\n  content: '';\n  position: absolute;\n  width: 9px;\n  height: 9px;\n  border-color: rgba(0, 0, 0, 0.23);\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  transform: rotate(-45deg);\n}\n\na.react-datepicker__navigation--years-previous::after {\n  content: '';\n  position: absolute;\n  width: 9px;\n  height: 9px;\n  border-color: rgba(0, 0, 0, 0.23);\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  transform: rotate(135deg);\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown {\n  font-weight: 600;\n}\n\n.react-datepicker__year-option--selected_year,\n.react-datepicker__month-option--selected_month {\n  background-color: #008a01;\n}\n\nselect.react-datepicker__month-select,\nselect.react-datepicker__year-select {\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  color: white;\n  outline: none;\n  cursor: pointer;\n}\n\n/* Selected date and hovered date */\n.react-datepicker__day--selected,\n.react-datepicker__day:not([aria-disabled='true']):hover {\n  color: #fff;\n}\n";
+export declare const reactDatepickerCss = "@charset \"UTF-8\";\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow,\n.react-datepicker__navigation-icon::before {\n  border-color: rgba(0, 0, 0, 0.23);\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  content: '';\n  display: block;\n  height: 9px;\n  position: absolute;\n  top: 6px;\n  width: 9px;\n}\n.react-datepicker-wrapper {\n  display: flex;\n  padding: 0;\n  border: 0;\n}\n\n.react-datepicker {\n  font-family: inherit;\n  font-size: 0.8rem;\n  background-color: #fff;\n  color: #fff;\n  border-radius: 0.3rem;\n  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n  display: inline-block;\n  position: relative;\n  line-height: initial;\n}\n\n.react-datepicker--time-only .react-datepicker__time-container {\n  border-left: 0;\n}\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker-popper {\n  z-index: 2;\n  line-height: 0;\n}\n.react-datepicker-popper .react-datepicker__triangle {\n  stroke: #aeaeae;\n}\n.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\n  fill: #0dbc3d;\n  color: #0dbc3d;\n}\n.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {\n  fill: #0dbc3d;\n  color: #0dbc3d;\n}\n\n.react-datepicker__header {\n  text-align: center;\n  color: #fff;\n  background-color: #0dbc3d;\n  border-bottom: 1px solid #aeaeae;\n  border-top-left-radius: 0.3rem;\n  padding: 8px 0;\n  position: relative;\n}\n.react-datepicker__header--time {\n  padding-bottom: 8px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n  border-top-left-radius: 0;\n}\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n  display: inline-block;\n  margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n  margin-top: 0;\n  color: currentColor;\n  font-weight: bold;\n  font-size: 0.944rem;\n}\n\nh2.react-datepicker__current-month {\n  padding: 0;\n  margin: 0;\n}\n\n.react-datepicker-time__header {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation {\n  align-items: center;\n  background: none;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  position: absolute;\n  top: 2px;\n  padding: 0;\n  border: none;\n  z-index: 1;\n  height: 32px;\n  width: 32px;\n  text-indent: -999em;\n  overflow: hidden;\n}\n.react-datepicker__navigation--previous {\n  left: 2px;\n}\n.react-datepicker__navigation--next {\n  right: 2px;\n}\n.react-datepicker__navigation--next--with-time:not(\n    .react-datepicker__navigation--next--with-today-button\n  ) {\n  right: 85px;\n}\n.react-datepicker__navigation--years {\n  position: relative;\n  top: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__navigation--years-previous {\n  top: 4px;\n}\n.react-datepicker__navigation--years-upcoming {\n  top: -4px;\n}\n.react-datepicker__navigation:hover *::before {\n  border-color: rgba(0, 0, 0, 0.23);\n}\n\n.react-datepicker__navigation-icon {\n  position: relative;\n  top: -1px;\n  font-size: 20px;\n  width: 0;\n}\n.react-datepicker__navigation-icon--next {\n  left: -2px;\n}\n.react-datepicker__navigation-icon--next::before {\n  transform: rotate(45deg);\n  left: -7px;\n}\n.react-datepicker__navigation-icon--previous {\n  right: -2px;\n}\n.react-datepicker__navigation-icon--previous::before {\n  transform: rotate(225deg);\n  right: -7px;\n}\n\n.react-datepicker__month-container {\n  float: left;\n}\n\n.react-datepicker__year {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__year-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 180px;\n}\n.react-datepicker__year .react-datepicker__year-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__month {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n  clear: both;\n  width: 100%;\n  float: left;\n  margin: 5px 0 10px 15px;\n  text-align: left;\n}\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n  display: inline-block;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container {\n  display: inline-block;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input {\n  display: inline-block;\n  margin-left: 10px;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input {\n  width: auto;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input[type='time']::-webkit-inner-spin-button,\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input[type='time']::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__input\n  input[type='time'] {\n  -moz-appearance: textfield;\n}\n.react-datepicker__input-time-container\n  .react-datepicker-time__input-container\n  .react-datepicker-time__delimiter {\n  margin-left: 5px;\n  display: inline-block;\n}\n\n.react-datepicker__time-container {\n  float: right;\n  border-left: 1px solid #aeaeae;\n  width: 85px;\n}\n.react-datepicker__time-container--with-today-button {\n  display: inline;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  position: absolute;\n  right: -87px;\n  top: 0;\n}\n.react-datepicker__time-container .react-datepicker__time {\n  position: relative;\n  background: white;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box {\n  width: 85px;\n  overflow-x: hidden;\n  margin: 0 auto;\n  text-align: center;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list {\n  list-style: none;\n  margin: 0;\n  height: calc(195px + 1.7rem / 2);\n  overflow-y: scroll;\n  padding-right: 0;\n  padding-left: 0;\n  width: 100%;\n  box-sizing: content-box;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item {\n  height: 30px;\n  padding: 5px 10px;\n  white-space: nowrap;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item:hover {\n  cursor: pointer;\n  background-color: #008a01;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--selected {\n  background-color: #008a01;\n  color: white;\n  font-weight: bold;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--selected:hover {\n  background-color: #0dbc3d;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--disabled {\n  color: #ccc;\n}\n.react-datepicker__time-container\n  .react-datepicker__time\n  .react-datepicker__time-box\n  ul.react-datepicker__time-list\n  li.react-datepicker__time-list-item--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n\n.react-datepicker__week-number {\n  color: #ccc;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n  cursor: pointer;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable:not(\n    .react-datepicker__week-number--selected,\n    .react-datepicker__week-number--keyboard-selected\n  ):hover {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n}\n.react-datepicker__week-number--selected {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n  color: #fff;\n}\n.react-datepicker__week-number--selected:hover {\n  background-color: #008a01;\n}\n.react-datepicker__week-number--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: rgb(41.5, 134.5606060606, 207.5);\n  color: #fff;\n}\n.react-datepicker__week-number--keyboard-selected:hover {\n  background-color: #008a01;\n}\n\n.react-datepicker__day-names {\n  white-space: nowrap;\n  margin-bottom: -8px;\n}\n\n.react-datepicker__week {\n  white-space: nowrap;\n}\n\n.react-datepicker__header .react-datepicker__day-name {\n  color: currentColor;\n  font-weight: 600;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n  color: #000;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__day:last-child:not(.react-datepicker__day--in-range) {\n  color: #eb0d28;\n}\n.react-datepicker__day:last-child:not(\n    .react-datepicker__day--in-range\n  ).react-datepicker__day--disabled {\n  color: #eb0d2866;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n  cursor: pointer;\n}\n.react-datepicker__day:not([aria-disabled='true']):hover,\n.react-datepicker__month-text:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text:not([aria-disabled='true']):hover,\n.react-datepicker__year-text:not([aria-disabled='true']):hover {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n}\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n  font-weight: bold;\n}\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n  border-radius: 0.3rem;\n  background-color: #008a01;\n  color: #fff;\n}\n.react-datepicker__day--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--highlighted:not([aria-disabled='true']):hover {\n  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n  color: #008a01;\n}\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n  color: #008a01;\n}\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n  position: relative;\n  border-radius: 0.3rem;\n  background-color: #ff6803;\n  color: #fff;\n}\n.react-datepicker__day--holidays .overlay,\n.react-datepicker__month-text--holidays .overlay,\n.react-datepicker__quarter-text--holidays .overlay,\n.react-datepicker__year-text--holidays .overlay {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition:\n    visibility 0s,\n    opacity 0.3s ease-in-out;\n}\n.react-datepicker__day--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--holidays:not([aria-disabled='true']):hover {\n  background-color: rgb(207, 82.9642857143, 0);\n}\n.react-datepicker__day--holidays:hover .overlay,\n.react-datepicker__month-text--holidays:hover .overlay,\n.react-datepicker__quarter-text--holidays:hover .overlay,\n.react-datepicker__year-text--holidays:hover .overlay {\n  visibility: visible;\n  opacity: 1;\n}\n.react-datepicker__day--selected,\n.react-datepicker__day--in-selecting-range,\n.react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n}\n.react-datepicker__day--selected:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--in-selecting-range:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__month-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--in-selecting-range:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__quarter-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--in-selecting-range:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__year-text--in-range:not([aria-disabled='true']):hover {\n  background-color: #008a01;\n}\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: #0dbc3d;\n  color: rgb(0, 0, 0);\n}\n.react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--keyboard-selected:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__quarter-text--keyboard-selected:not(\n    [aria-disabled='true']\n  ):hover,\n.react-datepicker__year-text--keyboard-selected:not(\n    [aria-disabled='true']\n  ):hover {\n  background-color: #008a01;\n}\n.react-datepicker__day--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ),\n.react-datepicker__month-text--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ),\n.react-datepicker__quarter-text--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ),\n.react-datepicker__year-text--in-selecting-range:not(\n    .react-datepicker__day--in-range,\n    .react-datepicker__month-text--in-range,\n    .react-datepicker__quarter-text--in-range,\n    .react-datepicker__year-text--in-range\n  ) {\n  background-color: #0dbc3d;\n}\n.react-datepicker__month--selecting-range\n  .react-datepicker__day--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__day--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__month--selecting-range\n  .react-datepicker__month-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__month-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__month--selecting-range\n  .react-datepicker__quarter-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__quarter-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__month--selecting-range\n  .react-datepicker__year-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ),\n.react-datepicker__year--selecting-range\n  .react-datepicker__year-text--in-range:not(\n    .react-datepicker__day--in-selecting-range,\n    .react-datepicker__month-text--in-selecting-range,\n    .react-datepicker__quarter-text--in-selecting-range,\n    .react-datepicker__year-text--in-selecting-range\n  ) {\n  background-color: #0dbc3d;\n  color: #000;\n}\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n  cursor: default;\n  color: #ccc;\n}\n.react-datepicker__day--disabled .overlay,\n.react-datepicker__month-text--disabled .overlay,\n.react-datepicker__quarter-text--disabled .overlay,\n.react-datepicker__year-text--disabled .overlay {\n  position: absolute;\n  bottom: 70%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition:\n    visibility 0s,\n    opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__input-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n  position: absolute;\n  padding: 0.5rem;\n  box-sizing: content-box;\n}\n\n.react-datepicker__view-calendar-icon input {\n  padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n  border: 1px solid transparent;\n  border-radius: 0.3rem;\n  position: relative;\n}\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-read-view:hover\n  .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover\n  .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n  .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n  .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n  .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n  .react-datepicker__month-read-view--down-arrow {\n  /* border-top-color: #0dbc3d; */\n}\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n  transform: rotate(135deg);\n  right: -16px;\n  top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n  background-color: #0dbc3d;\n  position: absolute;\n  width: 50%;\n  left: 25%;\n  top: 30px;\n  z-index: 1;\n  text-align: center;\n  border-radius: 0.3rem;\n  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n}\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n  height: 150px;\n  overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n  line-height: 20px;\n  width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n  border-top-left-radius: 0.3rem;\n  border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n  background-color: #008a01;\n}\n.react-datepicker__year-option:hover\n  .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover\n  .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover\n  .react-datepicker__navigation--years-upcoming {\n  border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option:hover\n  .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover\n  .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover\n  .react-datepicker__navigation--years-previous {\n  border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n  position: absolute;\n  left: 15px;\n}\n\n.react-datepicker__close-icon {\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  padding: 0 6px 0 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n.react-datepicker__close-icon::after {\n  cursor: pointer;\n  background-color: #0dbc3d;\n  color: #fff;\n  border-radius: 50%;\n  height: 16px;\n  width: 16px;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  display: table-cell;\n  vertical-align: middle;\n  content: '\u00D7';\n}\n.react-datepicker__close-icon--disabled {\n  cursor: default;\n}\n.react-datepicker__close-icon--disabled::after {\n  cursor: default;\n  background-color: #ccc;\n}\n\n.react-datepicker__today-button {\n  background: #b6edbd;\n  border-top: 1px solid #aeaeae;\n  cursor: pointer;\n  text-align: center;\n  font-weight: bold;\n  padding: 5px 0;\n  clear: left;\n}\n\n.react-datepicker__portal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  z-index: 2147483647;\n}\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n  width: 3rem;\n  line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n  .react-datepicker__portal .react-datepicker__day-name,\n  .react-datepicker__portal .react-datepicker__day,\n  .react-datepicker__portal .react-datepicker__time-name {\n    width: 2rem;\n    line-height: 2rem;\n  }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n  font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n  width: 13.8rem;\n  margin: 0.4rem;\n  padding-right: 0.2rem;\n  padding-left: 0.2rem;\n  height: auto;\n}\n\n.react-datepicker__aria-live {\n  position: absolute;\n  clip-path: circle(0);\n  border: 0;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.125em;\n}\n\na.react-datepicker__navigation--years-upcoming,\na.react-datepicker__navigation--years-previous {\n  position: relative;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\na.react-datepicker__navigation--years-upcoming::after {\n  content: '';\n  position: absolute;\n  width: 9px;\n  height: 9px;\n  border-color: rgba(0, 0, 0, 0.23);\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  transform: rotate(-45deg);\n}\n\na.react-datepicker__navigation--years-previous::after {\n  content: '';\n  position: absolute;\n  width: 9px;\n  height: 9px;\n  border-color: rgba(0, 0, 0, 0.23);\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  transform: rotate(135deg);\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown {\n  font-weight: 600;\n}\n\n.react-datepicker__year-option--selected_year,\n.react-datepicker__month-option--selected_month {\n  background-color: #008a01;\n}\n\nselect.react-datepicker__month-select,\nselect.react-datepicker__year-select {\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  color: white;\n  outline: none;\n  cursor: pointer;\n}\n\n/* Selected date and hovered date */\n.react-datepicker__day--selected,\n.react-datepicker__day:not([aria-disabled='true']):hover {\n  color: #fff;\n}\n\n.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {\n  border-top-color: #008a01;\n}\n";

package/dist/styles/lib/react-datepicker.mjs

@@ -950,4 +950,9 @@ select.react-datepicker__year-select {
 .react-datepicker__day:not([aria-disabled='true']):hover {
   color: #fff;
 }
+
+.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
+.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
+  border-top-color: #008a01;
+}
 `;export{e as reactDatepickerCss};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "9.7.0",
+  "version": "9.8.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,
@@ -74,6 +74,7 @@
     "publish:prerelease": "npm version prerelease --preid=beta && npm publish --tag beta"
   },
   "dependencies": {
+    "date-fns-tz": "^3.2.0",
     "react-datepicker": "^7.6.0"
   },
   "devDependencies": {
@@ -120,7 +121,6 @@
   },
   "peerDependencies": {
     "@date-fns/tz": "^1.2.0",
-    "date-fns": ">=3.6.0",
     "@dotlottie/react-player": "^1.6.19",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
@@ -132,6 +132,7 @@
     "@mui/material": ">=5 <6",
     "@tanstack/react-query": ">=5",
     "@tanstack/react-virtual": ">=3",
+    "date-fns": ">=3.6.0",
     "decimal.js": ">=10.4.3",
     "framer-motion": ">=11.11.1",
     "html-to-image": ">=1.11.13 <2",