freemium-ui 2.0.79 → 2.0.80

package/lib/index.cjs.js

@@ -13034,40 +13034,45 @@ defaultSelectedItem:n.find((e=>e.id===t.value))??null,style:t.style,
 className:`${t.className??""} bp-custom-dropdown bp-custom-dropdown-${t.name??""}`.trim(),
 onChange:e=>{t?.onChange?.({target:{value:e?.id}})}})}
 return e.createElement(ab,{itemToString:()=>"",type:"button"})},eF=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m,useTime:v,...g}=t,y=document.querySelector('div[role="dialog"].DialogContent'),b=cr(),w=e.useRef(m??null),[C,z]=e.useState(m??null),[M,x]=e.useState()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m,useTime:v,dateToHilight:g,...y}=t,b=document.querySelector('div[role="dialog"].DialogContent'),w=cr(),C=e.useRef(m??null),[z,M]=e.useState(m??null),[x,E]=e.useState()
 ;return e.useEffect((()=>(window.addEventListener("popstate",(()=>{
-YN("DateRangePicker",{action:"Closing",useTime:v}),x(!1),setTimeout((()=>{
-x(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
+YN("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
+E(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
 })),[]),e.createElement(ZN,{
 id:`${v?"datetime":"date"}-picker-container-${s??""}`.trim(),"aria-invalid":i,
-dir:b.direction},a&&e.createElement(Do,{htmlFor:t.id,className:"input-label"
+dir:w.direction},a&&e.createElement(Do,{htmlFor:t.id,className:"input-label"
 },a,a&&o&&e.createElement(Lo,null,"*")),e.createElement(XN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(CM,null,e.createElement(gN,{
 canClearSelection:!0,closeOnSelection:!1,disabled:h,locale:l||"en-US",
 maxDate:$N(new Date).add(10,"years").toDate(),
 minDate:$N(new Date).subtract(100,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,inputProps:{placeholder:n||f,name:r,id:s,
-"aria-disabled":h},dayPickerProps:{disabled:h,dir:b.direction,components:{
-Dropdown:t=>e.createElement(QN,{...t,disabled:h})}},showActionsBar:!1,
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:w.direction,components:{...g?{
+Day:t=>{const n=e.useRef(null),r=$A(t.date,t.displayMonth,n),o={name:"day",
+type:"button",...r.buttonProps,
+className:r.buttonProps.className?.replace("rdp-day_today","")}
+;return $N(t.date).isSame($N(g),"day")&&(o.className=`${o.className||""} rdp-day_today`),
+e.createElement("button",{ref:n,...o})}}:{},Dropdown:t=>e.createElement(QN,{
+...t,disabled:h})}},showActionsBar:!1,
 footerElement:u||d?e.createElement(qN,null,u&&e.createElement(xm,{
-variant:"secondary",disabled:h,onClick:()=>{z(m??null),x(!1),setTimeout((()=>{
-x(void 0)}),0)}},u),d&&e.createElement(xm,{disabled:(m??null)===C,onClick:()=>{
-g.onChange?.(C,!0),w.current=C,x(!1),setTimeout((()=>{x(void 0)}),0)}
+variant:"secondary",disabled:h,onClick:()=>{M(m??null),E(!1),setTimeout((()=>{
+E(void 0)}),0)}},u),d&&e.createElement(xm,{disabled:(m??null)===z,onClick:()=>{
+y.onChange?.(z,!0),C.current=z,E(!1),setTimeout((()=>{E(void 0)}),0)}
 },d)):void 0,popoverProps:{hasBackdrop:!0,canEscapeKeyClose:!0,minimal:!1,
-placement:"ltr"===b.direction?"bottom-start":"bottom-end",usePortal:!0,
-onClosed:()=>{w.current!==C&&(g.onChange?.(C,!0),w.current=C)},
-portalContainer:p??(y||void 0),...void 0!==M?{isOpen:M}:{}},
+placement:"ltr"===w.direction?"bottom-start":"bottom-end",usePortal:!0,
+onClosed:()=>{C.current!==z&&(y.onChange?.(z,!0),C.current=z)},
+portalContainer:p??(b||void 0),...void 0!==x?{isOpen:x}:{}},
 parseDate:e=>e?$N(e).toDate():new Date,formatDate:e=>e?$N(e).format(f):"",...v?{
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
-showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...g,onChange:e=>{z(e)},
-value:C??""})),i&&c&&e.createElement(lm,null,c))},tF=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",language:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m,useTime:v,...g}=t,y=document.querySelector('div[role="dialog"].DialogContent'),b=cr(),w=e.useRef(m??[null,null]),[C,z]=e.useState(m??[null,null]),[M,x]=e.useState()
+showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...y,onChange:e=>{M(e)},
+value:z??""})),i&&c&&e.createElement(lm,null,c))},tF=t=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",language:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m,useTime:v,dateToHilight:g,...y}=t,b=document.querySelector('div[role="dialog"].DialogContent'),w=cr(),C=e.useRef(m??[null,null]),[z,M]=e.useState(m??[null,null]),[x,E]=e.useState()
 ;return e.useEffect((()=>(window.addEventListener("popstate",(()=>{
-YN("DateRangePicker",{action:"Closing",useTime:v}),x(!1),setTimeout((()=>{
-x(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
+YN("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
+E(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
 })),[]),e.createElement(ZN,{
 id:`${v?"datetime":"date"}-range-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:b.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:w.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Lo,null,"*")),e.createElement(XN,{
 $inputLength:f.length-(v?1:0),$isErrored:i,disabled:t.disabled
@@ -13077,21 +13082,27 @@ minDate:$N(new Date).subtract(100,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||f,name:r,
 id:"start-date-picker-input","aria-disabled":s},endInputProps:{placeholder:n||f,
 name:r,id:"end-date-picker-input","aria-disabled":s},dayPickerProps:{disabled:s,
-dir:b.direction,components:{Dropdown:t=>e.createElement(QN,{...t,disabled:s})}},
+dir:w.direction,components:{...g?{Day:t=>{
+const n=e.useRef(null),r=$A(t.date,t.displayMonth,n),o={name:"day",
+type:"button",...r.buttonProps,
+className:r.buttonProps.className?.replace("rdp-day_today","")}
+;return $N(t.date).isSame($N(g),"day")&&(o.className=`${o.className||""} rdp-day_today`),
+e.createElement("button",{ref:n,...o})}}:{},Dropdown:t=>e.createElement(QN,{
+...t,disabled:s})}},
 footerElement:u||d?e.createElement(qN,null,u&&e.createElement(xm,{
 variant:"secondary",disabled:s,onClick:()=>{
-z(m??[null,null]),x(!1),setTimeout((()=>{x(void 0)}),0)}
+M(m??[null,null]),E(!1),setTimeout((()=>{E(void 0)}),0)}
 },u),d&&e.createElement(xm,{
-disabled:(m??[null,null])?.[0]?.toISOString()===C?.[0]?.toISOString()&&(m??[null,null])?.[1]?.toISOString()===C?.[1]?.toISOString(),
-onClick:()=>{g.onChange?.(C),w.current=C,x(!1),setTimeout((()=>{x(void 0)}),0)}
+disabled:(m??[null,null])?.[0]?.toISOString()===z?.[0]?.toISOString()&&(m??[null,null])?.[1]?.toISOString()===z?.[1]?.toISOString(),
+onClick:()=>{y.onChange?.(z),C.current=z,E(!1),setTimeout((()=>{E(void 0)}),0)}
 },d)):void 0,popoverProps:{hasBackdrop:!0,canEscapeKeyClose:!0,minimal:!1,
-placement:"ltr"===b.direction?"bottom-start":"bottom-end",usePortal:!0,
+placement:"ltr"===w.direction?"bottom-start":"bottom-end",usePortal:!0,
 onClosed:()=>{
-w.current?.[0]?.toISOString()===C?.[0]?.toISOString()&&w.current?.[1]?.toISOString()===C?.[1]?.toISOString()||(g.onChange?.(C),
-w.current=C)},portalContainer:p??(y||void 0),...void 0!==M?{isOpen:M}:{}},
+C.current?.[0]?.toISOString()===z?.[0]?.toISOString()&&C.current?.[1]?.toISOString()===z?.[1]?.toISOString()||(y.onChange?.(z),
+C.current=z)},portalContainer:p??(b||void 0),...void 0!==x?{isOpen:x}:{}},
 parseDate:e=>e?$N(e).toDate():new Date,formatDate:e=>e?$N(e).format(f):"",...v?{
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1}}:{},
-...g,onChange:e=>{z(e)},value:C})),i&&l&&e.createElement(lm,null,l))},nF=[{
+...y,onChange:e=>{M(e)},value:z})),i&&l&&e.createElement(lm,null,l))},nF=[{
 id:"AM",name:"AM"},{id:"PM",name:"PM"
 }],rF="Popover",[oF,aF]=i(rF,[bh]),iF=bh(),[lF,cF]=oF(rF),sF=e.forwardRef(((t,n)=>{
 const{__scopePopover:r,...o}=t,i=cF("PopoverTrigger",r),l=iF(r),c=s(n,i.triggerRef),u=e.createElement(b.button,a({

package/lib/index.d.ts

@@ -1003,6 +1003,10 @@ type DefaultProps = {
     label?: string;
     language?: string;
     placeholder?: string;
+    /**
+     * Today's date according to the user's timezone in the YYYY-MM-DD format
+     */
+    dateToHilight?: string;
     /**
      * Whether disabled select
      */

package/lib/index.js

@@ -13104,42 +13104,47 @@ defaultSelectedItem:n.find((t=>t.id===e.value))??null,style:e.style,
 className:`${e.className??""} bp-custom-dropdown bp-custom-dropdown-${e.name??""}`.trim(),
 onChange:t=>{e?.onChange?.({target:{value:t?.id}})}})}
 return t.createElement(Vb,{itemToString:()=>"",type:"button"})},DF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m,useTime:v,...g}=e,y=document.querySelector('div[role="dialog"].DialogContent'),b=Hr(),w=t.useRef(m??null),[C,z]=t.useState(m??null),[M,x]=t.useState()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m,useTime:v,dateToHilight:g,...y}=e,b=document.querySelector('div[role="dialog"].DialogContent'),w=Hr(),C=t.useRef(m??null),[z,M]=t.useState(m??null),[x,E]=t.useState()
 ;return t.useEffect((()=>(window.addEventListener("popstate",(()=>{
-wF("DateRangePicker",{action:"Closing",useTime:v}),x(!1),setTimeout((()=>{
-x(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
+wF("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
+E(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
 })),[]),t.createElement(EF,{
 id:`${v?"datetime":"date"}-picker-container-${s??""}`.trim(),"aria-invalid":i,
-dir:b.direction},a&&t.createElement(Zo,{htmlFor:e.id,className:"input-label"
+dir:w.direction},a&&t.createElement(Zo,{htmlFor:e.id,className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(SF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(ZM,null,t.createElement(WN,{
 canClearSelection:!0,closeOnSelection:!1,disabled:h,locale:l||"en-US",
 maxDate:vF(new Date).add(10,"years").toDate(),
 minDate:vF(new Date).subtract(100,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,
-"aria-disabled":h},dayPickerProps:{disabled:h,dir:b.direction,components:{
-Dropdown:e=>t.createElement(HF,{...e,disabled:h})}},showActionsBar:!1,
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:w.direction,components:{...g?{
+Day:e=>{const n=t.useRef(null),r=vL(e.date,e.displayMonth,n),o={name:"day",
+type:"button",...r.buttonProps,
+className:r.buttonProps.className?.replace("rdp-day_today","")}
+;return vF(e.date).isSame(vF(g),"day")&&(o.className=`${o.className||""} rdp-day_today`),
+t.createElement("button",{ref:n,...o})}}:{},Dropdown:e=>t.createElement(HF,{
+...e,disabled:h})}},showActionsBar:!1,
 footerElement:u||d?t.createElement(xF,null,u&&t.createElement(Gm,{
-variant:"secondary",disabled:h,onClick:()=>{z(m??null),x(!1),setTimeout((()=>{
-x(void 0)}),0)}},u),d&&t.createElement(Gm,{disabled:(m??null)===C,onClick:()=>{
-g.onChange?.(C,!0),w.current=C,x(!1),setTimeout((()=>{x(void 0)}),0)}
+variant:"secondary",disabled:h,onClick:()=>{M(m??null),E(!1),setTimeout((()=>{
+E(void 0)}),0)}},u),d&&t.createElement(Gm,{disabled:(m??null)===z,onClick:()=>{
+y.onChange?.(z,!0),C.current=z,E(!1),setTimeout((()=>{E(void 0)}),0)}
 },d)):void 0,popoverProps:{hasBackdrop:!0,canEscapeKeyClose:!0,minimal:!1,
-placement:"ltr"===b.direction?"bottom-start":"bottom-end",usePortal:!0,
-onClosed:()=>{w.current!==C&&(g.onChange?.(C,!0),w.current=C)},
-portalContainer:f??(y||void 0),...void 0!==M?{isOpen:M}:{}},
+placement:"ltr"===w.direction?"bottom-start":"bottom-end",usePortal:!0,
+onClosed:()=>{C.current!==z&&(y.onChange?.(z,!0),C.current=z)},
+portalContainer:f??(b||void 0),...void 0!==x?{isOpen:x}:{}},
 parseDate:e=>e?vF(e).toDate():new Date,formatDate:e=>e?vF(e).format(p):"",...v?{
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
-showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...g,onChange:e=>{z(e)},
-value:C??""})),i&&c&&t.createElement(Dm,null,c))},AF=e=>{
+showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...y,onChange:e=>{M(e)},
+value:z??""})),i&&c&&t.createElement(Dm,null,c))},AF=e=>{
 const{displayFormat:n="YYYY-MM-DD hh:mm A",...r}=e;return t.createElement(DF,{
 ...r,displayFormat:n,useTime:!0})},LF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",language:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m,useTime:v,...g}=e,y=document.querySelector('div[role="dialog"].DialogContent'),b=Hr(),w=t.useRef(m??[null,null]),[C,z]=t.useState(m??[null,null]),[M,x]=t.useState()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",language:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m,useTime:v,dateToHilight:g,...y}=e,b=document.querySelector('div[role="dialog"].DialogContent'),w=Hr(),C=t.useRef(m??[null,null]),[z,M]=t.useState(m??[null,null]),[x,E]=t.useState()
 ;return t.useEffect((()=>(window.addEventListener("popstate",(()=>{
-wF("DateRangePicker",{action:"Closing",useTime:v}),x(!1),setTimeout((()=>{
-x(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
+wF("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
+E(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
 })),[]),t.createElement(EF,{
 id:`${v?"datetime":"date"}-range-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:b.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:w.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(SF,{
 $inputLength:p.length-(v?1:0),$isErrored:i,disabled:e.disabled
@@ -13149,21 +13154,27 @@ minDate:vF(new Date).subtract(100,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||p,name:r,
 id:"start-date-picker-input","aria-disabled":s},endInputProps:{placeholder:n||p,
 name:r,id:"end-date-picker-input","aria-disabled":s},dayPickerProps:{disabled:s,
-dir:b.direction,components:{Dropdown:e=>t.createElement(HF,{...e,disabled:s})}},
+dir:w.direction,components:{...g?{Day:e=>{
+const n=t.useRef(null),r=vL(e.date,e.displayMonth,n),o={name:"day",
+type:"button",...r.buttonProps,
+className:r.buttonProps.className?.replace("rdp-day_today","")}
+;return vF(e.date).isSame(vF(g),"day")&&(o.className=`${o.className||""} rdp-day_today`),
+t.createElement("button",{ref:n,...o})}}:{},Dropdown:e=>t.createElement(HF,{
+...e,disabled:s})}},
 footerElement:u||d?t.createElement(xF,null,u&&t.createElement(Gm,{
 variant:"secondary",disabled:s,onClick:()=>{
-z(m??[null,null]),x(!1),setTimeout((()=>{x(void 0)}),0)}
+M(m??[null,null]),E(!1),setTimeout((()=>{E(void 0)}),0)}
 },u),d&&t.createElement(Gm,{
-disabled:(m??[null,null])?.[0]?.toISOString()===C?.[0]?.toISOString()&&(m??[null,null])?.[1]?.toISOString()===C?.[1]?.toISOString(),
-onClick:()=>{g.onChange?.(C),w.current=C,x(!1),setTimeout((()=>{x(void 0)}),0)}
+disabled:(m??[null,null])?.[0]?.toISOString()===z?.[0]?.toISOString()&&(m??[null,null])?.[1]?.toISOString()===z?.[1]?.toISOString(),
+onClick:()=>{y.onChange?.(z),C.current=z,E(!1),setTimeout((()=>{E(void 0)}),0)}
 },d)):void 0,popoverProps:{hasBackdrop:!0,canEscapeKeyClose:!0,minimal:!1,
-placement:"ltr"===b.direction?"bottom-start":"bottom-end",usePortal:!0,
+placement:"ltr"===w.direction?"bottom-start":"bottom-end",usePortal:!0,
 onClosed:()=>{
-w.current?.[0]?.toISOString()===C?.[0]?.toISOString()&&w.current?.[1]?.toISOString()===C?.[1]?.toISOString()||(g.onChange?.(C),
-w.current=C)},portalContainer:f??(y||void 0),...void 0!==M?{isOpen:M}:{}},
+C.current?.[0]?.toISOString()===z?.[0]?.toISOString()&&C.current?.[1]?.toISOString()===z?.[1]?.toISOString()||(y.onChange?.(z),
+C.current=z)},portalContainer:f??(b||void 0),...void 0!==x?{isOpen:x}:{}},
 parseDate:e=>e?vF(e).toDate():new Date,formatDate:e=>e?vF(e).format(p):"",...v?{
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1}}:{},
-...g,onChange:e=>{z(e)},value:C})),i&&l&&t.createElement(Dm,null,l))},VF=e=>{
+...y,onChange:e=>{M(e)},value:z})),i&&l&&t.createElement(Dm,null,l))},VF=e=>{
 const{displayFormat:n="YYYY-MM-DD hh:mm A",...r}=e;return t.createElement(LF,{
 ...r,displayFormat:n,useTime:!0})},kF=[{id:"AM",name:"AM"},{id:"PM",name:"PM"
 }],TF=e=>{

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.79",
+  "version": "2.0.80",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.79",
+  "version": "2.0.80",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",