@instincthub/react-ui 0.1.34 → 0.1.35

package/dist/src/components/forms/DateTimePicker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,objectSpread2 as t,defineProperty as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as i,Fragment as r}from"react/jsx-runtime";import d from"@mui/icons-material/CalendarMonthOutlined";import o from"@mui/icons-material/AccessTime";import{useState as l,useRef as c,useEffect as s,useCallback as u,useMemo as m}from"react";import{startOfDay as h}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js";import{isBefore as p}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isBefore.js";import{isAfter as y}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isAfter.js";import{endOfDay as f}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js";import{startOfMonth as b}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.js";import{getDay as v}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDay.js";import{getDaysInMonth as g}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInMonth.js";import{isSameDay as M}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js";import{isValid as N}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js";import{setHours as _}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setHours.js";import{setMinutes as H}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMinutes.js";import{setSeconds as S}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setSeconds.js";import{subMonths as D}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.js";import{addMonths as k}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMonths.js";import{parse as w}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.js";import{formatDate as C}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";var x=function(x){var I=x.label,A=x.value,j=void 0===A?"":A,P=x.onChange,T=x.required,L=void 0!==T&&T,F=x.minDate,O=x.maxDate,Y=x.minTime,q=x.maxTime,K=x.disabledDates,B=void 0===K?[]:K,E=x.disabledTimes,Q=void 0===E?[]:E,R=x.use12Hour,V=void 0!==R&&R,W=x.includeSeconds,z=void 0!==W&&W,G=x.timeStep,J=void 0===G?30:G,U=x.dateFormat,X=void 0===U?"yyyy-MM-dd":U,Z=x.timeFormat,$=void 0===Z?V?"hh:mm a":"HH:mm":Z;x.locale;var ee=x.placeholder,te=x.errorMessage,ae=x.className,ne=void 0===ae?"":ae,ie=x.name,re=x.id,de=x.disabled,oe=void 0!==de&&de,le=x.showCalendarIcon,ce=void 0===le||le,se=x.showTimeIcon,ue=void 0===se||se,me=x.showQuickActions,he=void 0===me||me,pe=x.ariaLabel,ye=x.autoFocus,fe=void 0!==ye&&ye,be=x.onFocus,ve=x.onBlur,ge=x.useSeparateFields,Me=void 0!==ge&&ge,Ne=x.mode,_e=void 0===Ne?"datetime":Ne,He=function(e){if(!e)return null;try{var t=new Date(e);return N(t)?t:null}catch(e){return null}},Se=l(He(j)),De=e(Se,2),ke=De[0],we=De[1],Ce=l(""),xe=e(Ce,2),Ie=xe[0],Ae=xe[1],je=l(!1),Pe=e(je,2),Te=Pe[0],Le=Pe[1],Fe=l(!1),Oe=e(Fe,2),Ye=Oe[0],qe=Oe[1],Ke=l("time"===_e?"time":"calendar"),Be=e(Ke,2),Ee=Be[0],Qe=Be[1],Re=l(te||null),Ve=e(Re,2),We=Ve[0],ze=Ve[1],Ge=l(0),Je=e(Ge,2);Je[0];var Ue=Je[1],Xe=l({year:"",month:"",day:"",hour:"",minute:"",second:"",ampm:"AM"}),Ze=e(Xe,2),$e=Ze[0],et=Ze[1],tt=l(ke||new Date),at=e(tt,2),nt=at[0],it=at[1],rt=l(ke?C(ke,"HH"):"00"),dt=e(rt,2),ot=dt[0],lt=dt[1],ct=l(ke?C(ke,"mm"):"00"),st=e(ct,2),ut=st[0],mt=st[1],ht=l(ke?C(ke,"ss"):"00"),pt=e(ht,2),yt=pt[0],ft=pt[1],bt=l(ke&&ke.getHours()>=12?"PM":"AM"),vt=e(bt,2),gt=vt[0],Mt=vt[1],Nt=c(null),_t=c(null),Ht=c(null),St=c({});s(function(){ke&&(lt(C(ke,"HH")),mt(C(ke,"mm")),ft(C(ke,"ss")),Mt(ke.getHours()>=12?"PM":"AM"))},[ke]);var Dt=u(function(e){if(!e)return"";switch(_e){case"date":return C(h(e),"yyyy-MM-dd");case"time":return C(e,z?"HH:mm:ss":"HH:mm");default:return e.toISOString()}},[_e,z]),kt=u(function(e){var t=e||ke;if(!t)return"";try{if("date"===_e)return C(t,X);if("time"===_e)return C(t,z?$:$.replace(":ss",""));var a=C(t,X),n=C(t,z?$:$.replace(":ss",""));return"".concat(a," ").concat(n)}catch(e){return""}},[ke,_e,X,$,z]);s(function(){if(void 0!==j){var e=He(j);we(e),Te||Ae(e?kt(e):"")}},[j,Te,kt]),s(function(){var e=function(e){Nt.current&&!Nt.current.contains(e.target)&&(Me&&Ht.current?Ht.current.contains(e.target)||qe(!1):!Me&&_t.current&&_t.current.contains(e.target)||qe(!1))};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[Me]);var wt=u(function(e){var t=C(e,"yyyy-MM-dd");return B.includes(t)},[B]),Ct=u(function(e){return(!F||!p(e,h(new Date(F))))&&(!O||!y(e,f(new Date(O))))},[F,O]),xt=u(function(t,a){if(!Y&&!q)return!0;var n=60*t+a;if(Y){var i=Y.split(":").map(Number),r=e(i,2);if(n<60*r[0]+r[1])return!1}if(q){var d=q.split(":").map(Number),o=e(d,2);if(n>60*o[0]+o[1])return!1}return!0},[Y,q]),It=u(function(e,t){var a="".concat(e.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"));return Q.includes(a)},[Q]),At=u(function(){if(ze(null),L&&!ke)return ze("Date and time are required"),!1;if(!ke)return!0;if(!Ct(ke))return ze("Selected date is outside allowed range"),!1;if(wt(ke))return ze("Selected date is not available"),!1;var e=ke.getHours(),t=ke.getMinutes();return xt(e,t)?!It(e,t)||(ze("Selected time is not available"),!1):(ze("Selected time is outside allowed range"),!1)},[ke,L,Ct,wt,xt,It]),jt=function(e){if(!wt(e)&&Ct(e)){var t=e;if("date"===_e)t=h(e),we(t),it(t),null==P||P(Dt(t)),qe(!1),ze(null);else{if(ke)t=_(e,ke.getHours()),t=H(t,ke.getMinutes()),t=S(t,ke.getSeconds());else{var a=new Date;t=_(e,a.getHours()),t=H(t,a.getMinutes()),t=S(t,0)}we(t),it(t),"datetime"===_e&&Qe("time")}}},Pt=m(function(){for(var e=nt.getFullYear(),t=nt.getMonth(),a=b(nt),n=v(a),i=g(nt),r=[],d=0;d<n;d++)r.push(null);for(var o=1;o<=i;o++)r.push(new Date(e,t,o));return r},[nt]),Tt=m(function(){for(var e=[],t=0;t<24;t++)for(var a=0;a<60;a+=J)if(!It(t,a)&&xt(t,a)){var n=t,i="";V&&(i=t<12?" AM":" PM",n=0===t?12:t>12?t-12:t);var r="".concat(n.toString().padStart(2,"0"),":").concat(a.toString().padStart(2,"0")).concat(i);e.push({hours:t,minutes:a,display:r})}return e},[J,V,It,xt]),Lt=function(e){if(!e.trim())return null;for(var t=0,a=["".concat(X," ").concat($),"".concat(X," ").concat($.replace(":ss","")),"yyyy-MM-dd HH:mm:ss","yyyy-MM-dd HH:mm","yyyy-MM-dd'T'HH:mm:ss","yyyy-MM-dd'T'HH:mm","MM/dd/yyyy HH:mm","MM/dd/yyyy hh:mm a","MM-dd-yyyy HH:mm","MM-dd-yyyy hh:mm a","dd/MM/yyyy HH:mm","dd/MM/yyyy hh:mm a","dd-MM-yyyy HH:mm","dd-MM-yyyy hh:mm a","yyyy-MM-dd","MM/dd/yyyy","dd/MM/yyyy","MM-dd-yyyy","dd-MM-yyyy"];t<a.length;t++){var n=a[t];try{var i=w(e,n,new Date);if(N(i))return i}catch(e){}}try{var r=new Date(e);if(N(r))return r}catch(e){}return null},Ft=function(){var e=new Date,t="date"===_e?h(e):e;we(t),it(t),null==P||P(Dt(t)),ze(null)},Ot=function(){we(null),lt("00"),mt("00"),ft("00"),Mt("AM"),null==P||P(""),ze(null)},Yt=function(e,n){var i=t(t({},$e),{},a({},e,n));et(i);var r=i.year,d=i.month,o=i.day,l=i.hour,c=i.minute,s=i.second,u=i.ampm;if(r&&d&&o&&l&&c)try{var m=parseInt(l);V&&("PM"===u&&12!==m&&(m+=12),"AM"===u&&12===m&&(m=0));var p=new Date(parseInt(r),parseInt(d)-1,parseInt(o),m,parseInt(c),z?parseInt(s||"0"):0);if(N(p)){var y="date"===_e?h(p):p;we(y),null==P||P(Dt(y)),ze(null)}}catch(e){}},qt=function(e,t,a,n){if(e.target.value.length>=a&&n&&/\d/.test(e.key)){e.preventDefault();var i=St.current[n];i&&(i.focus(),i.select())}};return s(function(){ke&&Me&&et({year:ke.getFullYear().toString(),month:(ke.getMonth()+1).toString().padStart(2,"0"),day:ke.getDate().toString().padStart(2,"0"),hour:V?(ke.getHours()%12||12).toString().padStart(2,"0"):ke.getHours().toString().padStart(2,"0"),minute:ke.getMinutes().toString().padStart(2,"0"),second:ke.getSeconds().toString().padStart(2,"0"),ampm:ke.getHours()>=12?"PM":"AM"})},[ke,Me,V]),n("div",{className:"ihub-datetime-picker-wrapper ".concat(ne),children:[n("div",{className:"ihub-datetime-picker ".concat(We?"ihub-error":""),children:[n("label",{className:"ihub-datetime-label",htmlFor:re||ie,children:[I,L&&i("span",{className:"ihub-required",children:"*"})]}),n("div",Me?{ref:Ht,className:"ihub-datetime-separate-fields",children:[("date"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-date-fields",children:[i("input",{ref:function(e){St.current.year=e},type:"text",className:"ihub-datetime-field ihub-datetime-year",value:$e.year,onChange:function(e){return Yt("year",e.target.value.replace(/\D/g,"").slice(0,4))},onKeyDown:function(e){return qt(e,0,4,"month")},placeholder:"YYYY",maxLength:4,disabled:oe,id:"".concat(re,"-year"),"aria-label":"Year"}),i("span",{className:"ihub-datetime-separator",children:"/"}),i("input",{ref:function(e){St.current.month=e},type:"text",className:"ihub-datetime-field ihub-datetime-month",value:$e.month,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<=12||""===t)&&Yt("month",t)},onKeyDown:function(e){return qt(e,0,2,"day")},placeholder:"MM",maxLength:2,disabled:oe,id:"".concat(re,"-month"),"aria-label":"Month"}),i("span",{className:"ihub-datetime-separator",children:"/"}),i("input",{ref:function(e){St.current.day=e},type:"text",className:"ihub-datetime-field ihub-datetime-day",value:$e.day,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<=31||""===t)&&Yt("day",t)},onKeyDown:function(e){return qt(e,0,2,"hour")},placeholder:"DD",maxLength:2,disabled:oe,id:"".concat(re,"-day"),"aria-label":"Day"})]}),("time"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-time-fields",children:[i("input",{ref:function(e){St.current.hour=e},type:"text",className:"ihub-datetime-field ihub-datetime-hour",value:$e.hour,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2),a=V?12:23;(parseInt(t)<=a||""===t)&&Yt("hour",t)},onKeyDown:function(e){return qt(e,0,2,"minute")},placeholder:"HH",maxLength:2,disabled:oe,id:"".concat(re,"-hour"),"aria-label":"Hour"}),i("span",{className:"ihub-datetime-separator",children:":"}),i("input",{ref:function(e){St.current.minute=e},type:"text",className:"ihub-datetime-field ihub-datetime-minute",value:$e.minute,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<60||""===t)&&Yt("minute",t)},onKeyDown:function(e){return qt(e,0,2,z?"second":void 0)},placeholder:"MM",maxLength:2,disabled:oe,id:"".concat(re,"-minute"),"aria-label":"Minute"}),z&&n(r,{children:[i("span",{className:"ihub-datetime-separator",children:":"}),i("input",{ref:function(e){St.current.second=e},type:"text",className:"ihub-datetime-field ihub-datetime-second",value:$e.second,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<60||""===t)&&Yt("second",t)},placeholder:"SS",maxLength:2,disabled:oe,id:"".concat(re,"-second"),"aria-label":"Second"})]}),V&&i("button",{type:"button",className:"ihub-datetime-field ihub-datetime-ampm-toggle",onClick:function(){return Yt("ampm","AM"===$e.ampm?"PM":"AM")},disabled:oe,"aria-label":"Toggle AM/PM, currently ".concat($e.ampm),children:$e.ampm})]}),n("div",{className:"ihub-datetime-icons",children:[ce&&("date"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){oe||(qe(!0),Qe("calendar"))},disabled:oe,"aria-label":"Open calendar",children:i(d,{})}),ue&&("time"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){oe||(qe(!0),Qe("time"))},disabled:oe,"aria-label":"Open time picker",children:i(o,{})})]})]}:{className:"ihub-datetime-input-container",children:[i("input",{ref:_t,type:"text",className:"ihub-datetime-input",value:Te?Ie:kt(),onChange:function(e){var t=e.target,a=t.value;t.selectionStart;var n=function(e){var t=z?"".concat(X," ").concat($):"".concat(X," ").concat($.replace(":ss","")),a=e.replace(/\D/g,""),n={"yyyy-MM-dd HH:mm:ss":[4,2,2,2,2,2],"yyyy-MM-dd HH:mm":[4,2,2,2,2],"MM/dd/yyyy HH:mm":[2,2,4,2,2],"MM/dd/yyyy hh:mm a":[2,2,4,2,2],"dd/MM/yyyy HH:mm":[2,2,4,2,2],"dd/MM/yyyy hh:mm a":[2,2,4,2,2]}[t];n||(n=[4,2,2,2,2]);for(var i=t.replace(/[yMdHhms]/g,"").split("").filter(function(e){return e.trim()}),r="",d=0,o=0,l=0;l<n.length;l++){var c=n[l],s=a.slice(d,d+c);s&&(r+=s,d+=c,l<n.length-1&&d<a.length&&o<i.length&&(r+=i[o]),o++)}return{formatted:r,cursorPos:r.length}}(a),i=n.formatted,r=n.cursorPos;if(Ae(i),Ue(r),setTimeout(function(){t&&t.setSelectionRange&&t.setSelectionRange(r,r)},0),!i.trim())return we(null),null==P||P(""),void ze(null);var d=Lt(i);if(d){var o="date"===_e?h(d):d;we(o),null==P||P(Dt(o)),ze(null)}},onFocus:function(e){Le(!0),ke&&!Ie&&Ae(kt()),null==be||be(e)},onBlur:function(e){if(Le(!1),Ie.trim()){var t=Lt(Ie);if(t){var a="date"===_e?h(t):t;we(a),null==P||P(Dt(a)),Ae(kt(a)),ze(null)}else ze("Invalid date/time format")}else ze(L?"Date and time are required":null);At(),null==ve||ve(e)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),qe(!Ye)),"Escape"===e.key&&qe(!1),"Tab"===e.key&&Ye&&e.stopPropagation()},placeholder:Te?function(e){for(var t=("date"===_e?X:"time"===_e?z?$:$.replace(":ss",""):z?"".concat(X," ").concat($):"".concat(X," ").concat($.replace(":ss",""))).replace(/yyyy/g,"____").replace(/yy/g,"__").replace(/MM/g,"__").replace(/dd/g,"__").replace(/HH/g,"__").replace(/hh/g,"__").replace(/mm/g,"__").replace(/ss/g,"__").replace(/a/g,"__"),a="",n=0,i=0;i<t.length&&n<e.length;i++){var r=t[i],d=e[n];"_"===r?d&&/[^\d]/.test(d)&&i+1<t.length&&/[^_]/.test(t[i+1])?(a+=t[i+1],n++,i++):d&&/\d/.test(d)?(a+=d,n++):a+="_":(a+=r,d===r&&n++)}return a.length<t.length&&(a+=t.slice(a.length)),a}(Ie):"date"===_e?ee||X:"time"===_e?ee||$:ee||"".concat(X," ").concat($),disabled:oe,required:L,name:ie,id:re,"aria-label":pe||I,"aria-invalid":!!We,"aria-describedby":We?"".concat(re,"-error"):void 0,autoFocus:fe}),n("div",{className:"ihub-datetime-icons",children:[ce&&("date"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){oe||(qe(!0),Qe("calendar"))},disabled:oe,"aria-label":"Open calendar",children:i(d,{})}),ue&&("time"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){oe||(qe(!0),Qe("time"))},disabled:oe,"aria-label":"Open time picker",children:i(o,{})})]})]}),We&&i("div",{id:"".concat(re,"-error"),className:"ihub-datetime-error",children:We}),Ye&&!oe&&n("div",{ref:Nt,className:"ihub-datetime-picker-dropdown",role:"dialog","aria-label":"Date and time picker",children:["datetime"===_e&&n("div",{className:"ihub-datetime-tabs",children:[i("button",{className:"ihub-datetime-tab ".concat("calendar"===Ee?"active":""),onClick:function(){return Qe("calendar")},type:"button",children:"Date"}),i("button",{className:"ihub-datetime-tab ".concat("time"===Ee?"active":""),onClick:function(){return Qe("time")},type:"button",children:"Time"})]}),("calendar"===Ee||"date"===_e)&&("date"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-calendar",children:[n("div",{className:"ihub-datetime-month-nav",children:[i("button",{type:"button",onClick:function(){it(D(nt,1))},className:"ihub-datetime-nav-btn","aria-label":"Previous month",children:"‹"}),i("span",{className:"ihub-datetime-month-year",children:C(nt,"MMMM yyyy")}),i("button",{type:"button",onClick:function(){it(k(nt,1))},className:"ihub-datetime-nav-btn","aria-label":"Next month",children:"›"})]}),i("div",{className:"ihub-datetime-weekdays",children:["Su","Mo","Tu","We","Th","Fr","Sa"].map(function(e){return i("div",{className:"ihub-datetime-weekday",children:e},e)})}),i("div",{className:"ihub-datetime-days",children:Pt.map(function(e,t){if(!e)return i("div",{className:"ihub-datetime-day-empty"},"empty-".concat(t));var a=!!ke&&M(e,ke),n=M(e,new Date),r=wt(e)||!Ct(e);return i("button",{type:"button",className:"ihub-datetime-day ".concat(a?"selected":""," ").concat(n?"today":""," ").concat(r?"disabled":""),onClick:function(){return jt(e)},disabled:r,"aria-label":C(e,"MMMM d, yyyy"),"aria-selected":!!a||void 0,children:e.getDate()},e.getTime())})})]}),("time"===Ee||"time"===_e)&&("time"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-time",children:[n("div",{className:"ihub-datetime-time-inputs",children:[n("div",{className:"ihub-datetime-time-group",children:[i("label",{children:"Hours"}),i("input",{type:"text",className:"ihub-datetime-time-input",value:V?(parseInt(ot)%12||12).toString().padStart(2,"0"):ot,onChange:function(e){var t=e.target.value.replace(/\D/g,"");(V&&parseInt(t)<=12||!V&&parseInt(t)<24)&&lt(t)},maxLength:2,placeholder:"HH"})]}),i("span",{className:"ihub-datetime-time-separator",children:":"}),n("div",{className:"ihub-datetime-time-group",children:[i("label",{children:"Minutes"}),i("input",{type:"text",className:"ihub-datetime-time-input",value:ut,onChange:function(e){var t=e.target.value.replace(/\D/g,"");parseInt(t)<60&&mt(t)},maxLength:2,placeholder:"MM"})]}),z&&n(r,{children:[i("span",{className:"ihub-datetime-time-separator",children:":"}),n("div",{className:"ihub-datetime-time-group",children:[i("label",{children:"Seconds"}),i("input",{type:"text",className:"ihub-datetime-time-input",value:yt,onChange:function(e){var t=e.target.value.replace(/\D/g,"");parseInt(t)<60&&ft(t)},maxLength:2,placeholder:"SS"})]})]}),V&&n("div",{className:"ihub-datetime-ampm",children:[i("button",{type:"button",className:"ihub-datetime-ampm-btn ".concat("AM"===gt?"active":""),onClick:function(){return Mt("AM")},children:"AM"}),i("button",{type:"button",className:"ihub-datetime-ampm-btn ".concat("PM"===gt?"active":""),onClick:function(){return Mt("PM")},children:"PM"})]})]}),n("div",{className:"ihub-datetime-time-list",children:[i("div",{className:"ihub-datetime-time-list-header",children:"Quick select:"}),i("div",{className:"ihub-datetime-time-options",children:Tt.map(function(e,t){var a=ke&&ke.getHours()===e.hours&&ke.getMinutes()===e.minutes;return i("button",{type:"button",className:"ihub-datetime-time-option ".concat(a?"selected":""),onClick:function(){lt(e.hours.toString().padStart(2,"0")),mt(e.minutes.toString().padStart(2,"0")),V&&Mt(e.hours>=12?"PM":"AM")},children:e.display},t)})})]}),i("div",{className:"ihub-datetime-time-actions",children:i("button",{type:"button",className:"ihub-datetime-apply-btn",onClick:function(){var e=ke;if(!e){if("time"!==_e){var t=new Date;return void jt(t)}e=new Date}var a=parseInt(ot),n=parseInt(ut),i=z?parseInt(yt):0;if(V&&("PM"===gt&&12!==a?a+=12:"AM"===gt&&12===a&&(a=0)),!It(a,n)&&xt(a,n)){var r=_(e,a);r=H(r,n),r=S(r,i),we(r),null==P||P(Dt(r)),qe(!1),ze(null)}else ze("Selected time is not available")},children:"Apply Time"})})]}),he&&n("div",{className:"ihub-datetime-actions",children:[i("button",{type:"button",className:"ihub-datetime-action-btn",onClick:Ft,children:"Now"}),i("button",{type:"button",className:"ihub-datetime-action-btn",onClick:Ot,children:"Clear"})]})]})]}),he&&!oe&&!Ye&&n("div",{className:"ihub-datetime-quick-links",children:[i("button",{type:"button",className:"ihub-datetime-link",onClick:Ft,children:"Now"}),i("span",{className:"ihub-datetime-separator",children:"|"}),i("button",{type:"button",className:"ihub-datetime-link",onClick:Ot,children:"Clear"})]}),ie&&i("input",{type:"hidden",name:ie,value:ke?Dt(ke):""})]})};export{x as default};
+import{slicedToArray as e,objectSpread2 as t,defineProperty as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as i,Fragment as r}from"react/jsx-runtime";import d from"@mui/icons-material/CalendarMonthOutlined";import o from"@mui/icons-material/AccessTime";import{useState as l,useRef as u,useEffect as s,useCallback as c,useMemo as m}from"react";import{createPortal as h}from"react-dom";import{startOfDay as p}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js";import{isBefore as f}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isBefore.js";import{isAfter as y}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isAfter.js";import{endOfDay as b}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js";import{startOfMonth as v}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.js";import{getDay as g}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDay.js";import{getDaysInMonth as M}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInMonth.js";import{isSameDay as N}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js";import{isValid as H}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js";import{setHours as _}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setHours.js";import{setMinutes as S}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMinutes.js";import{setSeconds as w}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setSeconds.js";import{subMonths as D}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.js";import{addMonths as k}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMonths.js";import{parse as x}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.js";import{formatDate as C}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";var I=function(I){var A=I.label,T=I.value,j=void 0===T?"":T,P=I.onChange,L=I.required,F=void 0!==L&&L,O=I.minDate,E=I.maxDate,W=I.minTime,Y=I.maxTime,q=I.disabledDates,K=void 0===q?[]:q,B=I.disabledTimes,z=void 0===B?[]:B,R=I.use12Hour,Q=void 0!==R&&R,V=I.includeSeconds,G=void 0!==V&&V,J=I.timeStep,U=void 0===J?30:J,X=I.dateFormat,Z=void 0===X?"yyyy-MM-dd":X,$=I.timeFormat,ee=void 0===$?Q?"hh:mm a":"HH:mm":$;I.locale;var te=I.placeholder,ae=I.errorMessage,ne=I.className,ie=void 0===ne?"":ne,re=I.name,de=I.id,oe=I.disabled,le=void 0!==oe&&oe,ue=I.showCalendarIcon,se=void 0===ue||ue,ce=I.showTimeIcon,me=void 0===ce||ce,he=I.showQuickActions,pe=void 0===he||he,fe=I.ariaLabel,ye=I.autoFocus,be=void 0!==ye&&ye,ve=I.onFocus,ge=I.onBlur,Me=I.useSeparateFields,Ne=void 0!==Me&&Me,He=I.mode,_e=void 0===He?"datetime":He,Se=I.maxWidth,we=void 0===Se?600:Se,De=function(e){if(!e)return null;try{var t=new Date(e);return H(t)?t:null}catch(e){return null}},ke=l(De(j)),xe=e(ke,2),Ce=xe[0],Ie=xe[1],Ae=l(""),Te=e(Ae,2),je=Te[0],Pe=Te[1],Le=l(!1),Fe=e(Le,2),Oe=Fe[0],Ee=Fe[1],We=l(!1),Ye=e(We,2),qe=Ye[0],Ke=Ye[1],Be=l("time"===_e?"time":"calendar"),ze=e(Be,2),Re=ze[0],Qe=ze[1],Ve=l(ae||null),Ge=e(Ve,2),Je=Ge[0],Ue=Ge[1],Xe=l(0),Ze=e(Xe,2);Ze[0];var $e=Ze[1],et=l({year:"",month:"",day:"",hour:"",minute:"",second:"",ampm:"AM"}),tt=e(et,2),at=tt[0],nt=tt[1],it=l(Ce||new Date),rt=e(it,2),dt=rt[0],ot=rt[1],lt=l(Ce?C(Ce,"HH"):"00"),ut=e(lt,2),st=ut[0],ct=ut[1],mt=l(Ce?C(Ce,"mm"):"00"),ht=e(mt,2),pt=ht[0],ft=ht[1],yt=l(Ce?C(Ce,"ss"):"00"),bt=e(yt,2),vt=bt[0],gt=bt[1],Mt=l(Ce&&Ce.getHours()>=12?"PM":"AM"),Nt=e(Mt,2),Ht=Nt[0],_t=Nt[1],St=u(null),wt=u(null),Dt=u(null),kt=u(null),xt=u({}),Ct=l({}),It=e(Ct,2),At=It[0],Tt=It[1];s(function(){Ce&&(ct(C(Ce,"HH")),ft(C(Ce,"mm")),gt(C(Ce,"ss")),_t(Ce.getHours()>=12?"PM":"AM"))},[Ce]);var jt=c(function(){var e=Ne?Dt.current:kt.current;if(e)if(window.innerWidth<=768)Tt({position:"fixed",top:"50%",left:"50%",right:"auto",transform:"translate(-50%, -50%)",width:Math.min(.95*window.innerWidth,400),maxWidth:we,maxHeight:"90vh",marginTop:0,zIndex:9999});else{var a=e.getBoundingClientRect(),n=window.innerHeight,i=n-a.bottom<450&&a.top>450,r=Math.min(Math.max(a.width,320),we);Tt(t(t({position:"fixed",left:a.left,right:"auto",width:r,maxWidth:we,marginTop:0},i?{bottom:n-a.top+4,top:"auto"}:{top:a.bottom+4,bottom:"auto"}),{},{zIndex:9999}))}},[Ne,we]);s(function(){if(qe)return jt(),window.addEventListener("scroll",jt,!0),window.addEventListener("resize",jt),function(){window.removeEventListener("scroll",jt,!0),window.removeEventListener("resize",jt)}},[qe,jt]);var Pt=c(function(e){if(!e)return"";switch(_e){case"date":return C(p(e),"yyyy-MM-dd");case"time":return C(e,G?"HH:mm:ss":"HH:mm");default:return e.toISOString()}},[_e,G]),Lt=c(function(e){var t=e||Ce;if(!t)return"";try{if("date"===_e)return C(t,Z);if("time"===_e)return C(t,G?ee:ee.replace(":ss",""));var a=C(t,Z),n=C(t,G?ee:ee.replace(":ss",""));return"".concat(a," ").concat(n)}catch(e){return""}},[Ce,_e,Z,ee,G]);s(function(){if(void 0!==j){var e=De(j);Ie(e),Oe||Pe(e?Lt(e):"")}},[j,Oe,Lt]),s(function(){if(qe){var e=function(e){var t,a,n,i=e.target;null!==(t=St.current)&&void 0!==t&&t.contains(i)||Ne&&null!==(a=Dt.current)&&void 0!==a&&a.contains(i)||!Ne&&null!==(n=kt.current)&&void 0!==n&&n.contains(i)||Ke(!1)},t=setTimeout(function(){document.addEventListener("mousedown",e)},0);return function(){clearTimeout(t),document.removeEventListener("mousedown",e)}}},[qe,Ne]);var Ft=c(function(e){var t=C(e,"yyyy-MM-dd");return K.includes(t)},[K]),Ot=c(function(e){return(!O||!f(e,p(new Date(O))))&&(!E||!y(e,b(new Date(E))))},[O,E]),Et=c(function(t,a){if(!W&&!Y)return!0;var n=60*t+a;if(W){var i=W.split(":").map(Number),r=e(i,2);if(n<60*r[0]+r[1])return!1}if(Y){var d=Y.split(":").map(Number),o=e(d,2);if(n>60*o[0]+o[1])return!1}return!0},[W,Y]),Wt=c(function(e,t){var a="".concat(e.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"));return z.includes(a)},[z]),Yt=c(function(){if(Ue(null),F&&!Ce)return Ue("Date and time are required"),!1;if(!Ce)return!0;if(!Ot(Ce))return Ue("Selected date is outside allowed range"),!1;if(Ft(Ce))return Ue("Selected date is not available"),!1;var e=Ce.getHours(),t=Ce.getMinutes();return Et(e,t)?!Wt(e,t)||(Ue("Selected time is not available"),!1):(Ue("Selected time is outside allowed range"),!1)},[Ce,F,Ot,Ft,Et,Wt]),qt=function(e){if(!Ft(e)&&Ot(e)){var t=e;if("date"===_e)t=p(e),Ie(t),ot(t),null==P||P(Pt(t)),Ke(!1),Ue(null);else{if(Ce)t=_(e,Ce.getHours()),t=S(t,Ce.getMinutes()),t=w(t,Ce.getSeconds());else{var a=new Date;t=_(e,a.getHours()),t=S(t,a.getMinutes()),t=w(t,0)}Ie(t),ot(t),null==P||P(Pt(t)),"datetime"===_e&&Qe("time")}}},Kt=m(function(){for(var e=dt.getFullYear(),t=dt.getMonth(),a=v(dt),n=g(a),i=M(dt),r=[],d=0;d<n;d++)r.push(null);for(var o=1;o<=i;o++)r.push(new Date(e,t,o));return r},[dt]),Bt=m(function(){for(var e=[],t=0;t<24;t++)for(var a=0;a<60;a+=U)if(!Wt(t,a)&&Et(t,a)){var n=t,i="";Q&&(i=t<12?" AM":" PM",n=0===t?12:t>12?t-12:t);var r="".concat(n.toString().padStart(2,"0"),":").concat(a.toString().padStart(2,"0")).concat(i);e.push({hours:t,minutes:a,display:r})}return e},[U,Q,Wt,Et]),zt=function(e){if(!e.trim())return null;for(var t=0,a=["".concat(Z," ").concat(ee),"".concat(Z," ").concat(ee.replace(":ss","")),"yyyy-MM-dd HH:mm:ss","yyyy-MM-dd HH:mm","yyyy-MM-dd'T'HH:mm:ss","yyyy-MM-dd'T'HH:mm","MM/dd/yyyy HH:mm","MM/dd/yyyy hh:mm a","MM-dd-yyyy HH:mm","MM-dd-yyyy hh:mm a","dd/MM/yyyy HH:mm","dd/MM/yyyy hh:mm a","dd-MM-yyyy HH:mm","dd-MM-yyyy hh:mm a","yyyy-MM-dd","MM/dd/yyyy","dd/MM/yyyy","MM-dd-yyyy","dd-MM-yyyy"];t<a.length;t++){var n=a[t];try{var i=x(e,n,new Date);if(H(i))return i}catch(e){}}try{var r=new Date(e);if(H(r))return r}catch(e){}return null},Rt=function(){var e=new Date,t="date"===_e?p(e):e;Ie(t),ot(t),null==P||P(Pt(t)),Ue(null)},Qt=function(){Ie(null),ct("00"),ft("00"),gt("00"),_t("AM"),null==P||P(""),Ue(null)},Vt=function(e,n){var i=t(t({},at),{},a({},e,n));nt(i);var r=i.year,d=i.month,o=i.day,l=i.hour,u=i.minute,s=i.second,c=i.ampm;if(r&&d&&o&&l&&u)try{var m=parseInt(l);Q&&("PM"===c&&12!==m&&(m+=12),"AM"===c&&12===m&&(m=0));var h=new Date(parseInt(r),parseInt(d)-1,parseInt(o),m,parseInt(u),G?parseInt(s||"0"):0);if(H(h)){var f="date"===_e?p(h):h;Ie(f),null==P||P(Pt(f)),Ue(null)}}catch(e){}},Gt=function(e,t,a,n){if(e.target.value.length>=a&&n&&/\d/.test(e.key)){e.preventDefault();var i=xt.current[n];i&&(i.focus(),i.select())}};return s(function(){Ce&&Ne&&nt({year:Ce.getFullYear().toString(),month:(Ce.getMonth()+1).toString().padStart(2,"0"),day:Ce.getDate().toString().padStart(2,"0"),hour:Q?(Ce.getHours()%12||12).toString().padStart(2,"0"):Ce.getHours().toString().padStart(2,"0"),minute:Ce.getMinutes().toString().padStart(2,"0"),second:Ce.getSeconds().toString().padStart(2,"0"),ampm:Ce.getHours()>=12?"PM":"AM"})},[Ce,Ne,Q]),n("div",{className:"ihub-datetime-picker-wrapper ".concat(ie),style:{maxWidth:we},children:[n("div",{className:"ihub-datetime-picker ".concat(Je?"ihub-error":""),children:[n("label",{className:"ihub-datetime-label",htmlFor:de||re,children:[A,F&&i("span",{className:"ihub-required",children:"*"})]}),n("div",Ne?{ref:Dt,className:"ihub-datetime-separate-fields",children:[("date"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-date-fields",children:[i("input",{ref:function(e){xt.current.year=e},type:"text",className:"ihub-datetime-field ihub-datetime-year",value:at.year,onChange:function(e){return Vt("year",e.target.value.replace(/\D/g,"").slice(0,4))},onKeyDown:function(e){return Gt(e,0,4,"month")},placeholder:"YYYY",maxLength:4,disabled:le,id:"".concat(de,"-year"),"aria-label":"Year"}),i("span",{className:"ihub-datetime-separator",children:"/"}),i("input",{ref:function(e){xt.current.month=e},type:"text",className:"ihub-datetime-field ihub-datetime-month",value:at.month,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<=12||""===t)&&Vt("month",t)},onKeyDown:function(e){return Gt(e,0,2,"day")},placeholder:"MM",maxLength:2,disabled:le,id:"".concat(de,"-month"),"aria-label":"Month"}),i("span",{className:"ihub-datetime-separator",children:"/"}),i("input",{ref:function(e){xt.current.day=e},type:"text",className:"ihub-datetime-field ihub-datetime-day",value:at.day,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<=31||""===t)&&Vt("day",t)},onKeyDown:function(e){return Gt(e,0,2,"hour")},placeholder:"DD",maxLength:2,disabled:le,id:"".concat(de,"-day"),"aria-label":"Day"})]}),("time"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-time-fields",children:[i("input",{ref:function(e){xt.current.hour=e},type:"text",className:"ihub-datetime-field ihub-datetime-hour",value:at.hour,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2),a=Q?12:23;(parseInt(t)<=a||""===t)&&Vt("hour",t)},onKeyDown:function(e){return Gt(e,0,2,"minute")},placeholder:"HH",maxLength:2,disabled:le,id:"".concat(de,"-hour"),"aria-label":"Hour"}),i("span",{className:"ihub-datetime-separator",children:":"}),i("input",{ref:function(e){xt.current.minute=e},type:"text",className:"ihub-datetime-field ihub-datetime-minute",value:at.minute,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<60||""===t)&&Vt("minute",t)},onKeyDown:function(e){return Gt(e,0,2,G?"second":void 0)},placeholder:"MM",maxLength:2,disabled:le,id:"".concat(de,"-minute"),"aria-label":"Minute"}),G&&n(r,{children:[i("span",{className:"ihub-datetime-separator",children:":"}),i("input",{ref:function(e){xt.current.second=e},type:"text",className:"ihub-datetime-field ihub-datetime-second",value:at.second,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<60||""===t)&&Vt("second",t)},placeholder:"SS",maxLength:2,disabled:le,id:"".concat(de,"-second"),"aria-label":"Second"})]}),Q&&i("button",{type:"button",className:"ihub-datetime-field ihub-datetime-ampm-toggle",onClick:function(){return Vt("ampm","AM"===at.ampm?"PM":"AM")},disabled:le,"aria-label":"Toggle AM/PM, currently ".concat(at.ampm),children:at.ampm})]}),n("div",{className:"ihub-datetime-icons",children:[se&&("date"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){le||(Ke(!0),Qe("calendar"))},disabled:le,"aria-label":"Open calendar",children:i(d,{})}),me&&("time"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){le||(Ke(!0),Qe("time"))},disabled:le,"aria-label":"Open time picker",children:i(o,{})})]})]}:{ref:kt,className:"ihub-datetime-input-container",children:[i("input",{ref:wt,type:"text",className:"ihub-datetime-input",value:Oe?je:Lt(),onChange:function(e){var t=e.target,a=t.value;t.selectionStart;var n=function(e){var t=G?"".concat(Z," ").concat(ee):"".concat(Z," ").concat(ee.replace(":ss","")),a=e.replace(/\D/g,""),n={"yyyy-MM-dd HH:mm:ss":[4,2,2,2,2,2],"yyyy-MM-dd HH:mm":[4,2,2,2,2],"MM/dd/yyyy HH:mm":[2,2,4,2,2],"MM/dd/yyyy hh:mm a":[2,2,4,2,2],"dd/MM/yyyy HH:mm":[2,2,4,2,2],"dd/MM/yyyy hh:mm a":[2,2,4,2,2]}[t];n||(n=[4,2,2,2,2]);for(var i=t.replace(/[yMdHhms]/g,"").split("").filter(function(e){return e.trim()}),r="",d=0,o=0,l=0;l<n.length;l++){var u=n[l],s=a.slice(d,d+u);s&&(r+=s,d+=u,l<n.length-1&&d<a.length&&o<i.length&&(r+=i[o]),o++)}return{formatted:r,cursorPos:r.length}}(a),i=n.formatted,r=n.cursorPos;if(Pe(i),$e(r),setTimeout(function(){t&&t.setSelectionRange&&t.setSelectionRange(r,r)},0),!i.trim())return Ie(null),null==P||P(""),void Ue(null);var d=zt(i);if(d){var o="date"===_e?p(d):d;Ie(o),null==P||P(Pt(o)),Ue(null)}},onFocus:function(e){Ee(!0),Ce&&!je&&Pe(Lt()),null==ve||ve(e)},onBlur:function(e){if(Ee(!1),je.trim()){var t=zt(je);if(t){var a="date"===_e?p(t):t;Ie(a),null==P||P(Pt(a)),Pe(Lt(a)),Ue(null)}else Ue("Invalid date/time format")}else Ue(F?"Date and time are required":null);Yt(),null==ge||ge(e)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ke(!qe)),"Escape"===e.key&&Ke(!1),"Tab"===e.key&&qe&&e.stopPropagation()},placeholder:Oe?function(e){for(var t=("date"===_e?Z:"time"===_e?G?ee:ee.replace(":ss",""):G?"".concat(Z," ").concat(ee):"".concat(Z," ").concat(ee.replace(":ss",""))).replace(/yyyy/g,"____").replace(/yy/g,"__").replace(/MM/g,"__").replace(/dd/g,"__").replace(/HH/g,"__").replace(/hh/g,"__").replace(/mm/g,"__").replace(/ss/g,"__").replace(/a/g,"__"),a="",n=0,i=0;i<t.length&&n<e.length;i++){var r=t[i],d=e[n];"_"===r?d&&/[^\d]/.test(d)&&i+1<t.length&&/[^_]/.test(t[i+1])?(a+=t[i+1],n++,i++):d&&/\d/.test(d)?(a+=d,n++):a+="_":(a+=r,d===r&&n++)}return a.length<t.length&&(a+=t.slice(a.length)),a}(je):"date"===_e?te||Z:"time"===_e?te||ee:te||"".concat(Z," ").concat(ee),disabled:le,required:F,name:re,id:de,"aria-label":fe||A,"aria-invalid":!!Je,"aria-describedby":Je?"".concat(de,"-error"):void 0,autoFocus:be}),n("div",{className:"ihub-datetime-icons",children:[se&&("date"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){le||(Ke(!0),Qe("calendar"))},disabled:le,"aria-label":"Open calendar",children:i(d,{})}),me&&("time"===_e||"datetime"===_e)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){le||(Ke(!0),Qe("time"))},disabled:le,"aria-label":"Open time picker",children:i(o,{})})]})]}),Je&&i("div",{id:"".concat(de,"-error"),className:"ihub-datetime-error",children:Je}),qe&&!le&&"undefined"!=typeof document&&h(n("div",{ref:St,className:"ihub-datetime-picker-dropdown",style:At,role:"dialog","aria-label":"Date and time picker",onMouseDown:function(e){return e.stopPropagation()},children:["datetime"===_e&&n("div",{className:"ihub-datetime-tabs",children:[i("button",{className:"ihub-datetime-tab ".concat("calendar"===Re?"active":""),onClick:function(){return Qe("calendar")},type:"button",children:"Date"}),i("button",{className:"ihub-datetime-tab ".concat("time"===Re?"active":""),onClick:function(){return Qe("time")},type:"button",children:"Time"})]}),("calendar"===Re||"date"===_e)&&("date"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-calendar",children:[n("div",{className:"ihub-datetime-month-nav",children:[i("button",{type:"button",onClick:function(){ot(D(dt,1))},className:"ihub-datetime-nav-btn","aria-label":"Previous month",children:"‹"}),i("span",{className:"ihub-datetime-month-year",children:C(dt,"MMMM yyyy")}),i("button",{type:"button",onClick:function(){ot(k(dt,1))},className:"ihub-datetime-nav-btn","aria-label":"Next month",children:"›"})]}),i("div",{className:"ihub-datetime-weekdays",children:["Su","Mo","Tu","We","Th","Fr","Sa"].map(function(e){return i("div",{className:"ihub-datetime-weekday",children:e},e)})}),i("div",{className:"ihub-datetime-days",children:Kt.map(function(e,t){if(!e)return i("div",{className:"ihub-datetime-day-empty"},"empty-".concat(t));var a=!!Ce&&N(e,Ce),n=N(e,new Date),r=Ft(e)||!Ot(e);return i("button",{type:"button",className:"ihub-datetime-day ".concat(a?"selected":""," ").concat(n?"today":""," ").concat(r?"disabled":""),onClick:function(){return qt(e)},disabled:r,"aria-label":C(e,"MMMM d, yyyy"),"aria-selected":!!a||void 0,children:e.getDate()},e.getTime())})})]}),("time"===Re||"time"===_e)&&("time"===_e||"datetime"===_e)&&n("div",{className:"ihub-datetime-time",children:[n("div",{className:"ihub-datetime-time-inputs",children:[n("div",{className:"ihub-datetime-time-group",children:[i("label",{children:"Hours"}),i("input",{type:"text",className:"ihub-datetime-time-input",value:Q?(parseInt(st)%12||12).toString().padStart(2,"0"):st,onChange:function(e){var t=e.target.value.replace(/\D/g,"");(Q&&parseInt(t)<=12||!Q&&parseInt(t)<24)&&ct(t)},maxLength:2,placeholder:"HH"})]}),i("span",{className:"ihub-datetime-time-separator",children:":"}),n("div",{className:"ihub-datetime-time-group",children:[i("label",{children:"Minutes"}),i("input",{type:"text",className:"ihub-datetime-time-input",value:pt,onChange:function(e){var t=e.target.value.replace(/\D/g,"");parseInt(t)<60&&ft(t)},maxLength:2,placeholder:"MM"})]}),G&&n(r,{children:[i("span",{className:"ihub-datetime-time-separator",children:":"}),n("div",{className:"ihub-datetime-time-group",children:[i("label",{children:"Seconds"}),i("input",{type:"text",className:"ihub-datetime-time-input",value:vt,onChange:function(e){var t=e.target.value.replace(/\D/g,"");parseInt(t)<60&&gt(t)},maxLength:2,placeholder:"SS"})]})]}),Q&&n("div",{className:"ihub-datetime-ampm",children:[i("button",{type:"button",className:"ihub-datetime-ampm-btn ".concat("AM"===Ht?"active":""),onClick:function(){return _t("AM")},children:"AM"}),i("button",{type:"button",className:"ihub-datetime-ampm-btn ".concat("PM"===Ht?"active":""),onClick:function(){return _t("PM")},children:"PM"})]})]}),n("div",{className:"ihub-datetime-time-list",children:[i("div",{className:"ihub-datetime-time-list-header",children:"Quick select:"}),i("div",{className:"ihub-datetime-time-options",children:Bt.map(function(e,t){var a=Ce&&Ce.getHours()===e.hours&&Ce.getMinutes()===e.minutes;return i("button",{type:"button",className:"ihub-datetime-time-option ".concat(a?"selected":""),onClick:function(){ct(e.hours.toString().padStart(2,"0")),ft(e.minutes.toString().padStart(2,"0")),Q&&_t(e.hours>=12?"PM":"AM")},children:e.display},t)})})]}),i("div",{className:"ihub-datetime-time-actions",children:i("button",{type:"button",className:"ihub-datetime-apply-btn",onClick:function(){var e=Ce;if(!e){if("time"!==_e){var t=new Date;return void qt(t)}e=new Date}var a=parseInt(st),n=parseInt(pt),i=G?parseInt(vt):0;if(Q&&("PM"===Ht&&12!==a?a+=12:"AM"===Ht&&12===a&&(a=0)),!Wt(a,n)&&Et(a,n)){var r=_(e,a);r=S(r,n),r=w(r,i),Ie(r),null==P||P(Pt(r)),Ke(!1),Ue(null)}else Ue("Selected time is not available")},children:"Apply Time"})})]}),pe&&n("div",{className:"ihub-datetime-actions",children:[i("button",{type:"button",className:"ihub-datetime-action-btn",onClick:Rt,children:"Now"}),i("button",{type:"button",className:"ihub-datetime-action-btn",onClick:Qt,children:"Clear"})]})]}),document.body)]}),pe&&!le&&!qe&&n("div",{className:"ihub-datetime-quick-links",children:[i("button",{type:"button",className:"ihub-datetime-link",onClick:Rt,children:"Now"}),i("span",{className:"ihub-datetime-separator",children:"|"}),i("button",{type:"button",className:"ihub-datetime-link",onClick:Qt,children:"Clear"})]}),re&&i("input",{type:"hidden",name:re,value:Ce?Pt(Ce):""})]})};export{I as default};
 //# sourceMappingURL=DateTimePicker.js.map

package/dist/src/types/types/index.d.ts

@@ -684,6 +684,8 @@ export interface DateTimePickerPropsType {
     useSeparateFields?: boolean;
     /** Input mode: datetime (default), date only, or time only */
     mode?: "datetime" | "date" | "time";
+    /** Maximum width of the picker dropdown in pixels (default: 600) */
+    maxWidth?: number;
 }
 export interface DateRange {
     startDate: string;