freemium-ui 2.0.66 → 2.0.68

package/lib/index.cjs.js

@@ -17234,73 +17234,74 @@ e.preventDefault(),a?.("button",e)},"aria-label":i},i)),u&&e.createElement(Yy,{
 asChild:!0},e.createElement(xm,{variant:"primary","aria-disabled":s,disabled:s,
 onClick:e=>{e.preventDefault(),o?.(e)},"aria-label":u},u))))))
 },exports.CrossIcon=ro,exports.DatePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,portalContainer:u,todayButtonText:d="Today",clearButtonText:h="Clear",disabled:p,displayFormat:f="YYYY-MM-DD",...m}=t,v=cr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,todayButtonText:u="Today",clearButtonText:d="Clear",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,...m}=t,v=document.querySelector('div[role="dialog"].DialogContent'),g=cr()
 ;return e.createElement(WN,{id:`date-picker-container-${s??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:g.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(vN,{canClearSelection:!0,
-closeOnSelection:!1,disabled:p,todayButtonText:d,clearButtonText:h,
+closeOnSelection:!1,disabled:h,todayButtonText:u,clearButtonText:d,
 locale:l||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
-highlightCurrentDay:!0,inputProps:{placeholder:n||f,name:r,id:s,
-"aria-disabled":p},dayPickerProps:{disabled:p,dir:v.direction,components:{
-Dropdown:t=>e.createElement(qN,{...t,disabled:p})}},showActionsBar:!0,
-popoverProps:{minimal:!1,
-placement:"ltr"===v.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:u??document.body},parseDate:e=>e?FN(e).toDate():new Date,
-formatDate:e=>e?FN(e).format(f):"",...m}),i&&c&&e.createElement(lm,null,c))
+highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
+Dropdown:t=>e.createElement(qN,{...t,disabled:h})}},showActionsBar:!0,
+popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===g.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:f??(v||void 0)},parseDate:e=>e?FN(e).toDate():new Date,
+formatDate:e=>e?FN(e).format(p):"",...m}),i&&c&&e.createElement(lm,null,c))
 },exports.DateRangePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",...p}=t,f=cr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",portalContainer:p,...f}=t,m=cr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return e.createElement(WN,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:m.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!1,disabled:s,
 locale:d||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":s},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:f.direction,
+id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:m.direction,
 components:{Dropdown:t=>e.createElement(qN,{...t,disabled:s})}},
 footerElement:e.createElement(YN,null,e.createElement(UN,{onClick:()=>{
-p.onChange?.([null,null])}},u)),popoverProps:{minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0},
-parseDate:e=>e?FN(e).toDate():new Date,formatDate:e=>e?FN(e).format(h):"",...p
-}),i&&l&&e.createElement(lm,null,l))},exports.DateTimePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,portalContainer:h,disabled:p,displayFormat:f="YYYY-MM-DD hh:mm A",...m}=t,v=cr()
+f.onChange?.([null,null])}},u)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?FN(e).toDate():new Date,
+formatDate:e=>e?FN(e).format(h):"",...f}),i&&l&&e.createElement(lm,null,l))
+},exports.DateTimePicker=t=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,disabled:h,displayFormat:p="YYYY-MM-DD hh:mm A",portalContainer:f,...m}=t,v=document.querySelector('div[role="dialog"].DialogContent'),g=cr()
 ;return e.createElement(WN,{id:`datetime-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:g.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(vN,{canClearSelection:!0,
-closeOnSelection:!1,disabled:p,locale:d||"en",todayButtonText:s,
+closeOnSelection:!1,disabled:h,locale:d||"en",todayButtonText:s,
 clearButtonText:u,maxDate:FN(new Date).add(10,"years").toDate(),
 minDate:FN(new Date).subtract(100,"years").toDate(),fill:!0,
-highlightCurrentDay:!0,inputProps:{placeholder:n||f,name:r,id:c,
-"aria-disabled":p},dayPickerProps:{disabled:p,dir:v.direction,components:{
-Dropdown:t=>e.createElement(qN,{...t,disabled:p})}},showActionsBar:!0,
+highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:c,
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
+Dropdown:t=>e.createElement(qN,{...t,disabled:h})}},showActionsBar:!0,
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
-showTimezoneSelect:!1,disableTimezoneSelect:!0,popoverProps:{minimal:!1,
-placement:"ltr"===v.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:h??document.body},parseDate:e=>e?FN(e).toDate():new Date,
-formatDate:e=>e?FN(e).format(f):"",...m}),i&&l&&e.createElement(lm,null,l))
-},exports.DateTimeRangePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",...p}=t,f=cr()
+showTimezoneSelect:!1,disableTimezoneSelect:!0,popoverProps:{hasBackdrop:!0,
+minimal:!1,placement:"ltr"===g.direction?"bottom-start":"bottom-end",
+usePortal:!0,portalContainer:f??(v||void 0)},
+parseDate:e=>e?FN(e).toDate():new Date,formatDate:e=>e?FN(e).format(p):"",...m
+}),i&&l&&e.createElement(lm,null,l))},exports.DateTimeRangePicker=t=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",portalContainer:p,...f}=t,m=cr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return e.createElement(WN,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:m.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!1,disabled:d,
 locale:u||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":d},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:f.direction,
+id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:m.direction,
 components:{Dropdown:t=>e.createElement(qN,{...t,disabled:d})}},
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
 footerElement:e.createElement(YN,null,e.createElement(UN,{onClick:()=>{
-p.onChange?.([null,null])}},s)),popoverProps:{minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0},
-parseDate:e=>e?FN(e).toDate():new Date,formatDate:e=>e?FN(e).format(h):"",...p
-}),i&&l&&e.createElement(lm,null,l))
+f.onChange?.([null,null])}},s)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?FN(e).toDate():new Date,
+formatDate:e=>e?FN(e).format(h):"",...f}),i&&l&&e.createElement(lm,null,l))
 },exports.Drawer=({isOpen:t,children:n,hideDismissIcon:r,customClass:o="",size:a="default",isFullHeight:i=!0,placement:l="right",clickOutToClose:c=!1,onDismiss:s})=>{
 const u=cr(),d="rtl"===u.direction?"right"===l?"left":"right":l
 ;return e.createElement(rb,{open:t,onOpenChange:e=>{e||s?.()}
@@ -17504,31 +17505,31 @@ const{isRequired:n,label:r,isErrored:o,errorText:a,id:i,disabled:l,precision:c="
 },r&&e.createElement(Do,{htmlFor:t.id,className:"input-label"
 },r,r&&n&&e.createElement(Ao,null,"*")),e.createElement(BN,null,e.createElement(jN,{
 className:"time-picker-input picker-hours",type:"number",
-placeholder:s?"hh":"HH",disabled:l,dir:h.direction,min:0,max:s?12:23,
+placeholder:s?"hh":"HH",disabled:l,dir:h.direction,min:s?1:0,max:s?12:23,
 value:u?FN(new Date(u)).format(s?"hh":"HH"):"",onChange:e=>{
-const t=Number(e.target.value);if(s&&(t<0||t>12))return
+const t=Number(e.target.value);if(s&&(t<1||t>12))return
 ;if(!s&&(t<0||t>23))return
-;const n=FN(new Date(u)).hour(s&&"PM"===FN(u).format("A")?t+12:t)
-;d?.(n.toISOString())},isErrored:o,"aria-invalid":o,errorText:a
+;const n=u?FN(new Date(u)):FN(),r=n.hour(s&&"PM"===n.format("A")?t+12:t)
+;d?.(r.toISOString())},isErrored:o,"aria-invalid":o,errorText:a
 }),e.createElement("span",null,":"),e.createElement(jN,{
 className:"time-picker-input picker-minutes",type:"number",placeholder:"mm",
 disabled:l,dir:h.direction,min:0,max:59,value:u?FN(new Date(u)).format("mm"):"",
 onChange:e=>{const t=Number(e.target.value);if(t<0||t>59)return
-;const n=FN(new Date(u)).minute(t);d?.(n.toISOString())},isErrored:o,
+;const n=(u?FN(new Date(u)):FN()).minute(t);d?.(n.toISOString())},isErrored:o,
 "aria-invalid":o,errorText:a
 }),("millisecond"===c||"second"===c)&&e.createElement(e.Fragment,null,e.createElement("span",null,":"),e.createElement(jN,{
 className:"time-picker-input picker-seconds",type:"number",placeholder:"ss",
 disabled:l,dir:h.direction,min:0,max:59,value:u?FN(new Date(u)).format("ss"):"",
 onChange:e=>{const t=Number(e.target.value);if(t<0||t>59)return
-;const n=FN(new Date(u)).second(t);d?.(n.toISOString())},isErrored:o,
+;const n=(u?FN(new Date(u)):FN()).second(t);d?.(n.toISOString())},isErrored:o,
 "aria-invalid":o,errorText:a
 })),"millisecond"===c&&e.createElement(e.Fragment,null,e.createElement("span",null,":"),e.createElement(jN,{
 className:"time-picker-input picker-milliseconds",type:"number",
 placeholder:"SSS",disabled:l,dir:h.direction,min:0,max:999,
 value:u?FN(new Date(u)).format("SSS"):"",onChange:e=>{
 const t=Number(e.target.value);if(t<0||t>999)return
-;const n=FN(new Date(u)).millisecond(t);d?.(n.toISOString())},isErrored:o,
-"aria-invalid":o,errorText:a})),s&&e.createElement(ab,{
+;const n=(u?FN(new Date(u)):FN()).millisecond(t);d?.(n.toISOString())},
+isErrored:o,"aria-invalid":o,errorText:a})),s&&e.createElement(ab,{
 itemToString:e=>e?.name??"",placeholder:"--",style:{marginLeft:"4px"},
 showTick:!1,defaultSelectedItem:u?ZN.find((e=>e.id===FN(u).format("A"))):null,
 width:"65px",itemIdentifier:"id",items:ZN,onChange:e=>{

package/lib/index.js

@@ -13605,104 +13605,105 @@ 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(kb,{itemToString:()=>"",type:"button"})},EF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,portalContainer:u,todayButtonText:d="Today",clearButtonText:h="Clear",disabled:p,displayFormat:f="YYYY-MM-DD",...m}=e,v=Hr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,todayButtonText:u="Today",clearButtonText:d="Clear",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,...m}=e,v=document.querySelector('div[role="dialog"].DialogContent'),g=Hr()
 ;return t.createElement(CF,{id:`date-picker-container-${s??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:g.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(YN,{canClearSelection:!0,
-closeOnSelection:!1,disabled:p,todayButtonText:d,clearButtonText:h,
+closeOnSelection:!1,disabled:h,todayButtonText:u,clearButtonText:d,
 locale:l||"en",maxDate:mF(new Date).add(10,"years").toDate(),fill:!0,
-highlightCurrentDay:!0,inputProps:{placeholder:n||f,name:r,id:s,
-"aria-disabled":p},dayPickerProps:{disabled:p,dir:v.direction,components:{
-Dropdown:e=>t.createElement(xF,{...e,disabled:p})}},showActionsBar:!0,
-popoverProps:{minimal:!1,
-placement:"ltr"===v.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:u??document.body},parseDate:e=>e?mF(e).toDate():new Date,
-formatDate:e=>e?mF(e).format(f):"",...m}),i&&c&&t.createElement(Dm,null,c))
+highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
+Dropdown:e=>t.createElement(xF,{...e,disabled:h})}},showActionsBar:!0,
+popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===g.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:f??(v||void 0)},parseDate:e=>e?mF(e).toDate():new Date,
+formatDate:e=>e?mF(e).format(p):"",...m}),i&&c&&t.createElement(Dm,null,c))
 },SF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,portalContainer:h,disabled:p,displayFormat:f="YYYY-MM-DD hh:mm A",...m}=e,v=Hr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,disabled:h,displayFormat:p="YYYY-MM-DD hh:mm A",portalContainer:f,...m}=e,v=document.querySelector('div[role="dialog"].DialogContent'),g=Hr()
 ;return t.createElement(CF,{id:`datetime-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:g.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(YN,{canClearSelection:!0,
-closeOnSelection:!1,disabled:p,locale:d||"en",todayButtonText:s,
+closeOnSelection:!1,disabled:h,locale:d||"en",todayButtonText:s,
 clearButtonText:u,maxDate:mF(new Date).add(10,"years").toDate(),
 minDate:mF(new Date).subtract(100,"years").toDate(),fill:!0,
-highlightCurrentDay:!0,inputProps:{placeholder:n||f,name:r,id:c,
-"aria-disabled":p},dayPickerProps:{disabled:p,dir:v.direction,components:{
-Dropdown:e=>t.createElement(xF,{...e,disabled:p})}},showActionsBar:!0,
+highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:c,
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
+Dropdown:e=>t.createElement(xF,{...e,disabled:h})}},showActionsBar:!0,
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
-showTimezoneSelect:!1,disableTimezoneSelect:!0,popoverProps:{minimal:!1,
-placement:"ltr"===v.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:h??document.body},parseDate:e=>e?mF(e).toDate():new Date,
-formatDate:e=>e?mF(e).format(f):"",...m}),i&&l&&t.createElement(Dm,null,l))
-},_F=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",...p}=e,f=Hr()
+showTimezoneSelect:!1,disableTimezoneSelect:!0,popoverProps:{hasBackdrop:!0,
+minimal:!1,placement:"ltr"===g.direction?"bottom-start":"bottom-end",
+usePortal:!0,portalContainer:f??(v||void 0)},
+parseDate:e=>e?mF(e).toDate():new Date,formatDate:e=>e?mF(e).format(p):"",...m
+}),i&&l&&t.createElement(Dm,null,l))},_F=e=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",portalContainer:p,...f}=e,m=Hr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return t.createElement(CF,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:m.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(dF,{closeOnSelection:!1,disabled:s,
 locale:d||"en",maxDate:mF(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":s},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:f.direction,
+id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:m.direction,
 components:{Dropdown:e=>t.createElement(xF,{...e,disabled:s})}},
 footerElement:t.createElement(wF,null,t.createElement(bF,{onClick:()=>{
-p.onChange?.([null,null])}},u)),popoverProps:{minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0},
-parseDate:e=>e?mF(e).toDate():new Date,formatDate:e=>e?mF(e).format(h):"",...p
-}),i&&l&&t.createElement(Dm,null,l))},HF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",...p}=e,f=Hr()
+f.onChange?.([null,null])}},u)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?mF(e).toDate():new Date,
+formatDate:e=>e?mF(e).format(h):"",...f}),i&&l&&t.createElement(Dm,null,l))
+},HF=e=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",portalContainer:p,...f}=e,m=Hr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return t.createElement(CF,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:m.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(dF,{closeOnSelection:!1,disabled:d,
 locale:u||"en",maxDate:mF(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":d},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:f.direction,
+id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:m.direction,
 components:{Dropdown:e=>t.createElement(xF,{...e,disabled:d})}},
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
 footerElement:t.createElement(wF,null,t.createElement(bF,{onClick:()=>{
-p.onChange?.([null,null])}},s)),popoverProps:{minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0},
-parseDate:e=>e?mF(e).toDate():new Date,formatDate:e=>e?mF(e).format(h):"",...p
-}),i&&l&&t.createElement(Dm,null,l))},DF=[{id:"AM",name:"AM"},{id:"PM",name:"PM"
-}],AF=e=>{
+f.onChange?.([null,null])}},s)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?mF(e).toDate():new Date,
+formatDate:e=>e?mF(e).format(h):"",...f}),i&&l&&t.createElement(Dm,null,l))
+},DF=[{id:"AM",name:"AM"},{id:"PM",name:"PM"}],AF=e=>{
 const{isRequired:n,label:r,isErrored:o,errorText:a,id:i,disabled:l,precision:c="minute",useAmPm:s,value:u="",onChange:d}=e,h=Hr()
 ;return t.createElement(vF,{id:`datetime-picker-container-${i??""}`.trim()
 },r&&t.createElement(Zo,{htmlFor:e.id,className:"input-label"
 },r,r&&n&&t.createElement(Jo,null,"*")),t.createElement(gF,null,t.createElement(yF,{
 className:"time-picker-input picker-hours",type:"number",
-placeholder:s?"hh":"HH",disabled:l,dir:h.direction,min:0,max:s?12:23,
+placeholder:s?"hh":"HH",disabled:l,dir:h.direction,min:s?1:0,max:s?12:23,
 value:u?mF(new Date(u)).format(s?"hh":"HH"):"",onChange:e=>{
-const t=Number(e.target.value);if(s&&(t<0||t>12))return
+const t=Number(e.target.value);if(s&&(t<1||t>12))return
 ;if(!s&&(t<0||t>23))return
-;const n=mF(new Date(u)).hour(s&&"PM"===mF(u).format("A")?t+12:t)
-;d?.(n.toISOString())},isErrored:o,"aria-invalid":o,errorText:a
+;const n=u?mF(new Date(u)):mF(),r=n.hour(s&&"PM"===n.format("A")?t+12:t)
+;d?.(r.toISOString())},isErrored:o,"aria-invalid":o,errorText:a
 }),t.createElement("span",null,":"),t.createElement(yF,{
 className:"time-picker-input picker-minutes",type:"number",placeholder:"mm",
 disabled:l,dir:h.direction,min:0,max:59,value:u?mF(new Date(u)).format("mm"):"",
 onChange:e=>{const t=Number(e.target.value);if(t<0||t>59)return
-;const n=mF(new Date(u)).minute(t);d?.(n.toISOString())},isErrored:o,
+;const n=(u?mF(new Date(u)):mF()).minute(t);d?.(n.toISOString())},isErrored:o,
 "aria-invalid":o,errorText:a
 }),("millisecond"===c||"second"===c)&&t.createElement(t.Fragment,null,t.createElement("span",null,":"),t.createElement(yF,{
 className:"time-picker-input picker-seconds",type:"number",placeholder:"ss",
 disabled:l,dir:h.direction,min:0,max:59,value:u?mF(new Date(u)).format("ss"):"",
 onChange:e=>{const t=Number(e.target.value);if(t<0||t>59)return
-;const n=mF(new Date(u)).second(t);d?.(n.toISOString())},isErrored:o,
+;const n=(u?mF(new Date(u)):mF()).second(t);d?.(n.toISOString())},isErrored:o,
 "aria-invalid":o,errorText:a
 })),"millisecond"===c&&t.createElement(t.Fragment,null,t.createElement("span",null,":"),t.createElement(yF,{
 className:"time-picker-input picker-milliseconds",type:"number",
 placeholder:"SSS",disabled:l,dir:h.direction,min:0,max:999,
 value:u?mF(new Date(u)).format("SSS"):"",onChange:e=>{
 const t=Number(e.target.value);if(t<0||t>999)return
-;const n=mF(new Date(u)).millisecond(t);d?.(n.toISOString())},isErrored:o,
-"aria-invalid":o,errorText:a})),s&&t.createElement(kb,{
+;const n=(u?mF(new Date(u)):mF()).millisecond(t);d?.(n.toISOString())},
+isErrored:o,"aria-invalid":o,errorText:a})),s&&t.createElement(kb,{
 itemToString:e=>e?.name??"",placeholder:"--",style:{marginLeft:"4px"},
 showTick:!1,defaultSelectedItem:u?DF.find((e=>e.id===mF(u).format("A"))):null,
 width:"65px",itemIdentifier:"id",items:DF,onChange:e=>{

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.66",
+  "version": "2.0.68",
   "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.66",
+  "version": "2.0.68",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",