@instincthub/react-ui 0.1.30 → 0.1.32

package/dist/src/assets/css/forms/searchable-dropdown.css

@@ -0,0 +1,187 @@
+.searchable-dropdown {
+  position: relative;
+  width: 100%;
+  font-family: inherit;
+}
+
+.searchable-dropdown__label {
+  display: block;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--Gunmetal, #2c333a);
+  margin-bottom: 6px;
+}
+
+.searchable-dropdown__required {
+  color: var(--Danger, #ea5f5e);
+  margin-left: 2px;
+}
+
+.searchable-dropdown__trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  border: 1px solid rgba(197, 192, 219, 0.4);
+  border-radius: 8px;
+  background: var(--White, #fff);
+  cursor: pointer;
+  min-height: 42px;
+  transition: border-color 0.2s;
+}
+
+.searchable-dropdown__trigger:hover {
+  border-color: var(--DarkCyan, #00838f);
+}
+
+.searchable-dropdown__trigger--open {
+  border-color: var(--DarkCyan, #00838f);
+  box-shadow: 0 0 0 2px rgba(0, 131, 143, 0.1);
+}
+
+.searchable-dropdown__trigger--error {
+  border-color: var(--Danger, #ea5f5e);
+}
+
+.searchable-dropdown__value {
+  font-size: 14px;
+  color: var(--Gunmetal, #2c333a);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+
+.searchable-dropdown__placeholder {
+  font-size: 14px;
+  color: var(--Rhythm, #69779b);
+  flex: 1;
+}
+
+.searchable-dropdown__icons {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: 8px;
+  flex-shrink: 0;
+}
+
+.searchable-dropdown__clear {
+  color: var(--Rhythm, #69779b);
+  cursor: pointer;
+  border-radius: 50%;
+  padding: 2px;
+  transition: color 0.2s, background 0.2s;
+}
+
+.searchable-dropdown__clear:hover {
+  color: var(--Danger, #ea5f5e);
+  background: rgba(234, 95, 94, 0.08);
+}
+
+.searchable-dropdown__chevron {
+  color: var(--Rhythm, #69779b);
+  transition: transform 0.2s;
+}
+
+.searchable-dropdown__chevron--open {
+  transform: rotate(180deg);
+}
+
+.searchable-dropdown__error {
+  display: block;
+  font-size: 12px;
+  color: var(--Danger, #ea5f5e);
+  margin-top: 4px;
+}
+
+/* Menu */
+.searchable-dropdown__menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  background: var(--White, #fff);
+  border: 1px solid rgba(197, 192, 219, 0.4);
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+  z-index: 50;
+  overflow: hidden;
+}
+
+/* Search */
+.searchable-dropdown__search-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid rgba(197, 192, 219, 0.3);
+}
+
+.searchable-dropdown__search-icon {
+  color: var(--Rhythm, #69779b);
+  flex-shrink: 0;
+}
+
+.searchable-dropdown__search-input {
+  flex: 1;
+  border: none;
+  outline: none;
+  font-size: 14px;
+  color: var(--Gunmetal, #2c333a);
+  background: transparent;
+  padding: 4px 0;
+}
+
+.searchable-dropdown__search-input::placeholder {
+  color: var(--Rhythm, #69779b);
+}
+
+.searchable-dropdown__spinner {
+  color: var(--DarkCyan, #00838f);
+  flex-shrink: 0;
+  animation: searchable-dropdown-spin 1s linear infinite;
+}
+
+@keyframes searchable-dropdown-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Options list */
+.searchable-dropdown__options {
+  list-style: none;
+  margin: 0;
+  padding: 4px 0;
+  max-height: 240px;
+  overflow-y: auto;
+}
+
+.searchable-dropdown__option {
+  padding: 10px 12px;
+  font-size: 14px;
+  color: var(--Gunmetal, #2c333a);
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.searchable-dropdown__option:hover {
+  background: var(--Magnolia, #f4f3fe);
+}
+
+.searchable-dropdown__option--selected {
+  background: rgba(0, 131, 143, 0.08);
+  color: var(--DarkCyan, #00838f);
+  font-weight: 500;
+}
+
+.searchable-dropdown__empty {
+  padding: 16px 12px;
+  font-size: 14px;
+  color: var(--Rhythm, #69779b);
+  text-align: center;
+}

package/dist/src/assets/css/ui/tables.css

@@ -19,7 +19,7 @@
 }
 
 .ihub-table th {
-  background-color: var(--Magnolia);
+  background-color: var(--OpacityBackground);
   font-weight: 600;
   color: var(--Gunmetal);
   position: relative;
@@ -158,6 +158,12 @@
   color: var(--Gunmetal);
 }
 
+.ihub-rows-select, .ihub-search-input {
+    background-color: var(--OpacityBackground);
+    color: var(--Gunmetal);
+    border-color: rgba(197, 192, 219, .3);
+}
+
 .ihub-sticky-header {
   overflow: auto;
 }
@@ -171,7 +177,7 @@
 .ihub-empty-state {
   padding: 40px 0;
   text-align: center;
-  color: var(--ChineseSilver);
+  color: var(--LavenderGray);
   background-color: var(--White);
   border-radius: 5px;
   box-shadow: var(--lightShadow);
@@ -279,8 +285,8 @@
 /* Dark mode support */
 @media (prefers-color-scheme: dark) {
   .ihub-table th {
-    background-color: var(--Gunmetal);
-    color: var(--White);
+    background-color: var(--OpacityBackground);
+    color: var(--Gunmetal);
   }
 
   .ihub-table {
@@ -309,8 +315,6 @@
   }
 
   .ihub-search-input {
-    background-color: var(--Gunmetal);
-    color: var(--White);
     border-color: rgba(197, 192, 219, 0.3);
   }
 

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import a from"@mui/icons-material/CalendarMonthOutlined";import{useState as d,useRef as o,useEffect as i,useCallback as r,useMemo as l}from"react";import{endOfWeek as s}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfWeek.js";import{startOfWeek as u}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeek.js";import{endOfMonth as c}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js";import{subDays as m}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subDays.js";import{formatDate as f}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";import{isBefore as p}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isBefore.js";import{startOfDay as h}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js";import{isAfter as b}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isAfter.js";import{endOfDay as y}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 N}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDay.js";import{getDaysInMonth as _}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInMonth.js";import{isSameDay as D}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js";import{isValid as M}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js";import{subMonths as g}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";var w=function(w){var j=w.label,C=w.startLabel,O=void 0===C?"From":C,x=w.endLabel,L=void 0===x?"To":x,T=w.value,F=w.onChange,S=w.required,I=void 0!==S&&S,W=w.minDate,A=w.maxDate,E=w.disabledDates,q=void 0===E?[]:E,B=w.dateFormat,P=void 0===B?"yyyy-MM-dd":B,H=w.placeholder,Q=w.errorMessage,V=w.className,Y=void 0===V?"":V,z=w.name,G=w.id,J=w.disabled,K=void 0!==J&&J,R=w.showCalendarIcon,U=void 0===R||R,X=w.showQuickActions,Z=void 0===X||X,$=w.ariaLabel,ee=function(e){if(!e)return null;try{var t=new Date(e);return M(t)?h(t):null}catch(e){return null}},te=d(ee(null==T?void 0:T.startDate)),ne=e(te,2),ae=ne[0],de=ne[1],oe=d(ee(null==T?void 0:T.endDate)),ie=e(oe,2),re=ie[0],le=ie[1],se=d(!1),ue=e(se,2),ce=ue[0],me=ue[1],fe=d(ae||new Date),pe=e(fe,2),he=pe[0],be=pe[1],ye=d("start"),ve=e(ye,2),Ne=ve[0],_e=ve[1],De=d(null),Me=e(De,2),ge=Me[0],ke=Me[1],we=d(null),je=e(we,2),Ce=je[0],Oe=je[1],xe=d(Q||null),Le=e(xe,2),Te=Le[0],Fe=Le[1],Se=o(null),Ie=o(null);i(function(){T&&(de(ee(T.startDate)),le(ee(T.endDate)))},[null==T?void 0:T.startDate,null==T?void 0:T.endDate]),i(function(){var e=function(e){Ie.current&&!Ie.current.contains(e.target)&&(me(!1),Oe(null))};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]);var We=r(function(e){var t=f(e,"yyyy-MM-dd");return q.includes(t)},[q]),Ae=r(function(e){return(!W||!p(e,h(new Date(W))))&&(!A||!b(e,y(new Date(A))))},[W,A]),Ee=r(function(e){if(!e)return"";try{return f(e,P)}catch(e){return""}},[P]),qe=r(function(e,t){null==F||F({startDate:e?f(e,"yyyy-MM-dd"):"",endDate:t?f(t,"yyyy-MM-dd"):""})},[F]),Be=l(function(){for(var e=he.getFullYear(),t=he.getMonth(),n=v(he),a=N(n),d=_(he),o=[],i=0;i<a;i++)o.push(null);for(var r=1;r<=d;r++)o.push(new Date(e,t,r));return o},[he]),Pe=function(e,t){de(e),le(t),_e("start"),Fe(null),qe(e,t),me(!1),Oe(null)},He=function(e){K||(me(!0),Oe(e),"start"===e?(_e("start"),ae&&be(ae)):(_e(ae&&!re?"end":"start"),re?be(re):ae&&be(ae)))};return t("div",{ref:Ie,className:"ihub-daterange-picker-wrapper ".concat(Y),children:[j&&t("label",{className:"ihub-datetime-label",htmlFor:G,children:[j,I&&n("span",{className:"ihub-required",children:"*"})]}),t("div",{className:"ihub-daterange-inputs",children:[t("div",{className:"ihub-daterange-input-container ".concat("start"===Ce?"active":""),onClick:function(){return He("start")},children:[n("input",{type:"text",className:"ihub-datetime-input",value:Ee(ae),readOnly:!0,placeholder:(null==H?void 0:H.start)||O,disabled:K,"aria-label":$?"".concat($," start date"):"".concat(O)}),U&&n("div",{className:"ihub-datetime-icons",children:n("button",{type:"button",className:"ihub-datetime-icon-btn",disabled:K,"aria-label":"Open calendar for start date",tabIndex:-1,children:n(a,{})})})]}),n("span",{className:"ihub-daterange-separator-arrow","aria-hidden":"true",children:"→"}),t("div",{className:"ihub-daterange-input-container ".concat("end"===Ce?"active":""),onClick:function(){return He("end")},children:[n("input",{type:"text",className:"ihub-datetime-input",value:Ee(re),readOnly:!0,placeholder:(null==H?void 0:H.end)||L,disabled:K,"aria-label":$?"".concat($," end date"):"".concat(L)}),U&&n("div",{className:"ihub-datetime-icons",children:n("button",{type:"button",className:"ihub-datetime-icon-btn",disabled:K,"aria-label":"Open calendar for end date",tabIndex:-1,children:n(a,{})})})]})]}),Te&&n("div",{className:"ihub-datetime-error",id:G?"".concat(G,"-error"):void 0,children:Te}),ce&&!K&&t("div",{ref:Se,className:"ihub-datetime-picker-dropdown",role:"dialog","aria-label":"Date range picker",children:[n("div",{className:"ihub-daterange-phase-indicator",children:"start"===Ne?"Select start date":"Select end date"}),t("div",{className:"ihub-datetime-calendar",children:[t("div",{className:"ihub-datetime-month-nav",children:[n("button",{type:"button",onClick:function(){return be(g(he,1))},className:"ihub-datetime-nav-btn","aria-label":"Previous month",children:"‹"}),n("span",{className:"ihub-datetime-month-year",children:f(he,"MMMM yyyy")}),n("button",{type:"button",onClick:function(){return be(k(he,1))},className:"ihub-datetime-nav-btn","aria-label":"Next month",children:"›"})]}),n("div",{className:"ihub-datetime-weekdays",children:["Su","Mo","Tu","We","Th","Fr","Sa"].map(function(e){return n("div",{className:"ihub-datetime-weekday",children:e},e)})}),n("div",{className:"ihub-datetime-days",children:Be.map(function(e,t){if(!e)return n("div",{className:"ihub-datetime-day-empty"},"empty-".concat(t));var a=ae&&D(e,ae)||re&&D(e,re),d=D(e,new Date),o=We(e)||!Ae(e),i=function(e){var t=[],n="end"===Ne&&ge?ge:re,a=ae;if(!a)return"";if(D(e,a)&&t.push("range-start"),n&&D(e,n)&&t.push("range-end"),n){var d=a,o=n;p(o,d)&&(d=n,o=a),b(e,d)&&p(e,o)&&!D(e,d)&&!D(e,o)&&t.push("in-range")}return t.join(" ")}(e);return n("button",{type:"button",className:"ihub-datetime-day ".concat(a?"selected":""," ").concat(d?"today":""," ").concat(o?"disabled":""," ").concat(i),onClick:function(){return function(e){if(!We(e)&&Ae(e))if("start"===Ne)de(e),le(null),_e("end"),Oe("end"),Fe(null);else{var t=ae,n=e;t&&p(e,t)&&(n=t,de(t=e)),le(n),_e("start"),Fe(null),qe(t,n),me(!1),Oe(null)}}(e)},onMouseEnter:function(){"end"===Ne&&ke(e)},onMouseLeave:function(){return ke(null)},disabled:o,"aria-label":f(e,"MMMM d, yyyy"),"aria-selected":a||void 0,children:e.getDate()},e.getTime())})})]}),Z&&t("div",{className:"ihub-daterange-presets",children:[n("button",{type:"button",className:"ihub-datetime-action-btn",onClick:function(){var e=h(new Date);Pe(e,e)},children:"Today"}),n("button",{type:"button",className:"ihub-datetime-action-btn",onClick:function(){var e=new Date;Pe(u(e),s(e))},children:"This Week"}),n("button",{type:"button",className:"ihub-datetime-action-btn",onClick:function(){var e=new Date;Pe(v(e),c(e))},children:"This Month"}),n("button",{type:"button",className:"ihub-datetime-action-btn",onClick:function(){var e=h(new Date);Pe(m(e,6),e)},children:"Last 7 Days"}),n("button",{type:"button",className:"ihub-datetime-action-btn",onClick:function(){var e=h(new Date);Pe(m(e,29),e)},children:"Last 30 Days"}),n("button",{type:"button",className:"ihub-datetime-action-btn",onClick:function(){de(null),le(null),_e("start"),Fe(null),qe(null,null)},children:"Clear"})]})]}),(null==z?void 0:z.start)&&n("input",{type:"hidden",name:z.start,value:ae?f(ae,"yyyy-MM-dd"):""}),(null==z?void 0:z.end)&&n("input",{type:"hidden",name:z.end,value:re?f(re,"yyyy-MM-dd"):""})]})};export{w as default};
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/src/components/forms/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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 m}from"react";import{startOfDay as u}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js";import{isSameDay as p}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{isBefore as y}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isBefore.js";import{isAfter as f}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{setHours as v}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setHours.js";import{setMinutes as g}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMinutes.js";import{setSeconds as M}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setSeconds.js";import{subMonths as N}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.js";import{addMonths as _}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMonths.js";import{startOfMonth as H}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.js";import{getDay as S}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDay.js";import{getDaysInMonth as D}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInMonth.js";import{parse as k}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.js";import{formatDate as w}from"../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";var C=function(C){var I=C.label,x=C.value,A=void 0===x?"":x,j=C.onChange,P=C.required,T=void 0!==P&&P,L=C.minDate,F=C.maxDate,O=C.minTime,Y=C.maxTime,q=C.disabledDates,K=void 0===q?[]:q,B=C.disabledTimes,E=void 0===B?[]:B,Q=C.use12Hour,R=void 0!==Q&&Q,V=C.includeSeconds,W=void 0!==V&&V,z=C.timeStep,G=void 0===z?30:z,J=C.dateFormat,U=void 0===J?"yyyy-MM-dd":J,X=C.timeFormat,Z=void 0===X?R?"hh:mm a":"HH:mm":X;C.locale;var $=C.placeholder,ee=C.errorMessage,te=C.className,ae=void 0===te?"":te,ne=C.name,ie=C.id,re=C.disabled,de=void 0!==re&&re,oe=C.showCalendarIcon,le=void 0===oe||oe,ce=C.showTimeIcon,se=void 0===ce||ce,me=C.showQuickActions,ue=void 0===me||me,pe=C.ariaLabel,he=C.autoFocus,ye=void 0!==he&&he,fe=C.onFocus,be=C.onBlur,ve=C.useSeparateFields,ge=void 0!==ve&&ve,Me=C.mode,Ne=void 0===Me?"datetime":Me,_e=function(e){if(!e)return null;try{var t=new Date(e);return h(t)?t:null}catch(e){return null}},He=l(_e(A)),Se=e(He,2),De=Se[0],ke=Se[1],we=l(""),Ce=e(we,2),Ie=Ce[0],xe=Ce[1],Ae=l(!1),je=e(Ae,2),Pe=je[0],Te=je[1],Le=l(!1),Fe=e(Le,2),Oe=Fe[0],Ye=Fe[1],qe=l("time"===Ne?"time":"calendar"),Ke=e(qe,2),Be=Ke[0],Ee=Ke[1],Qe=l(ee||null),Re=e(Qe,2),Ve=Re[0],We=Re[1],ze=l(0),Ge=e(ze,2);Ge[0];var Je=Ge[1],Ue=l({year:"",month:"",day:"",hour:"",minute:"",second:"",ampm:"AM"}),Xe=e(Ue,2),Ze=Xe[0],$e=Xe[1],et=l(De||new Date),tt=e(et,2),at=tt[0],nt=tt[1],it=l(De?w(De,"HH"):"00"),rt=e(it,2),dt=rt[0],ot=rt[1],lt=l(De?w(De,"mm"):"00"),ct=e(lt,2),st=ct[0],mt=ct[1],ut=l(De?w(De,"ss"):"00"),pt=e(ut,2),ht=pt[0],yt=pt[1],ft=l(De&&De.getHours()>=12?"PM":"AM"),bt=e(ft,2),vt=bt[0],gt=bt[1],Mt=c(null),Nt=c(null),_t=c(null);s(function(){De&&(ot(w(De,"HH")),mt(w(De,"mm")),yt(w(De,"ss")),gt(De.getHours()>=12?"PM":"AM"))},[De]);var Ht=m(function(e){if(!e)return"";switch(Ne){case"date":return w(u(e),"yyyy-MM-dd");case"time":return w(e,W?"HH:mm:ss":"HH:mm");default:return e.toISOString()}},[Ne,W]);s(function(){if(void 0!==A){var e=_e(A);ke(e),Pe||xe(e?St(e):"")}},[A,Pe]),s(function(){var e=function(e){Mt.current&&!Mt.current.contains(e.target)&&(ge&&_t.current?_t.current.contains(e.target)||Ye(!1):!ge&&Nt.current&&Nt.current.contains(e.target)||Ye(!1))};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[ge]);var St=function(e){var t=e||De;if(!t)return"";try{if("date"===Ne)return w(t,U);if("time"===Ne)return w(t,W?Z:Z.replace(":ss",""));var a=w(t,U),n=w(t,W?Z:Z.replace(":ss",""));return"".concat(a," ").concat(n)}catch(e){return""}},Dt=function(e){var t=w(e,"yyyy-MM-dd");return K.includes(t)},kt=function(e){return(!L||!y(e,u(new Date(L))))&&(!F||!f(e,b(new Date(F))))},wt=function(t,a){if(!O&&!Y)return!0;var n=60*t+a;if(O){var i=O.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},Ct=function(e,t){var a="".concat(e.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"));return E.includes(a)},It=m(function(){if(We(null),T&&!De)return We("Date and time are required"),!1;if(!De)return!0;if(!kt(De))return We("Selected date is outside allowed range"),!1;if(Dt(De))return We("Selected date is not available"),!1;var e=De.getHours(),t=De.getMinutes();return wt(e,t)?!Ct(e,t)||(We("Selected time is not available"),!1):(We("Selected time is outside allowed range"),!1)},[De,T,L,F,O,Y,K,E]),xt=function(e){if(!Dt(e)&&kt(e)){var t=e;if("date"===Ne)t=u(e),ke(t),nt(t),null==j||j(Ht(t)),Ye(!1),We(null);else{if(De)t=v(e,De.getHours()),t=g(t,De.getMinutes()),t=M(t,De.getSeconds());else{var a=new Date;t=v(e,a.getHours()),t=g(t,a.getMinutes()),t=M(t,0)}ke(t),nt(t),"datetime"===Ne&&Ee("time")}}},At=function(e){if(!e.trim())return null;for(var t=0,a=["".concat(U," ").concat(Z),"".concat(U," ").concat(Z.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=k(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},jt=function(){var e=new Date,t="date"===Ne?u(e):e;ke(t),nt(t),null==j||j(Ht(t)),We(null)},Pt=function(){ke(null),ot("00"),mt("00"),yt("00"),gt("AM"),null==j||j(""),We(null)},Tt=function(e,n){var i=t(t({},Ze),{},a({},e,n));$e(i);var r=i.year,d=i.month,o=i.day,l=i.hour,c=i.minute,s=i.second,m=i.ampm;if(r&&d&&o&&l&&c)try{var p=parseInt(l);R&&("PM"===m&&12!==p&&(p+=12),"AM"===m&&12===p&&(p=0));var y=new Date(parseInt(r),parseInt(d)-1,parseInt(o),p,parseInt(c),W?parseInt(s||"0"):0);if(h(y)){var f="date"===Ne?u(y):y;ke(f),null==j||j(Ht(f)),We(null)}}catch(e){}},Lt=function(e,t,a,n){if(e.target.value.length>=a&&n&&/\d/.test(e.key)){e.preventDefault();var i=document.getElementById(n);i&&(i.focus(),i.select())}};return s(function(){De&&ge&&$e({year:De.getFullYear().toString(),month:(De.getMonth()+1).toString().padStart(2,"0"),day:De.getDate().toString().padStart(2,"0"),hour:R?(De.getHours()%12||12).toString().padStart(2,"0"):De.getHours().toString().padStart(2,"0"),minute:De.getMinutes().toString().padStart(2,"0"),second:De.getSeconds().toString().padStart(2,"0"),ampm:De.getHours()>=12?"PM":"AM"})},[De,ge,R]),n("div",{className:"ihub-datetime-picker-wrapper ".concat(ae),children:[n("div",{className:"ihub-datetime-picker ".concat(Ve?"ihub-error":""),children:[n("label",{className:"ihub-datetime-label",htmlFor:ie||ne,children:[I,T&&i("span",{className:"ihub-required",children:"*"})]}),n("div",ge?{ref:_t,className:"ihub-datetime-separate-fields",children:[("date"===Ne||"datetime"===Ne)&&n("div",{className:"ihub-datetime-date-fields",children:[i("input",{type:"text",className:"ihub-datetime-field ihub-datetime-year",value:Ze.year,onChange:function(e){return Tt("year",e.target.value.replace(/\D/g,"").slice(0,4))},onKeyDown:function(e){return Lt(e,0,4,"".concat(ie,"-month"))},placeholder:"YYYY",maxLength:4,disabled:de,id:"".concat(ie,"-year"),"aria-label":"Year"}),i("span",{className:"ihub-datetime-separator",children:"/"}),i("input",{type:"text",className:"ihub-datetime-field ihub-datetime-month",value:Ze.month,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<=12||""===t)&&Tt("month",t)},onKeyDown:function(e){return Lt(e,0,2,"".concat(ie,"-day"))},placeholder:"MM",maxLength:2,disabled:de,id:"".concat(ie,"-month"),"aria-label":"Month"}),i("span",{className:"ihub-datetime-separator",children:"/"}),i("input",{type:"text",className:"ihub-datetime-field ihub-datetime-day",value:Ze.day,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<=31||""===t)&&Tt("day",t)},onKeyDown:function(e){return Lt(e,0,2,"".concat(ie,"-hour"))},placeholder:"DD",maxLength:2,disabled:de,id:"".concat(ie,"-day"),"aria-label":"Day"})]}),("time"===Ne||"datetime"===Ne)&&n("div",{className:"ihub-datetime-time-fields",children:[i("input",{type:"text",className:"ihub-datetime-field ihub-datetime-hour",value:Ze.hour,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2),a=R?12:23;(parseInt(t)<=a||""===t)&&Tt("hour",t)},onKeyDown:function(e){return Lt(e,0,2,"".concat(ie,"-minute"))},placeholder:"HH",maxLength:2,disabled:de,id:"".concat(ie,"-hour"),"aria-label":"Hour"}),i("span",{className:"ihub-datetime-separator",children:":"}),i("input",{type:"text",className:"ihub-datetime-field ihub-datetime-minute",value:Ze.minute,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<60||""===t)&&Tt("minute",t)},onKeyDown:function(e){return Lt(e,0,2,W?"".concat(ie,"-second"):void 0)},placeholder:"MM",maxLength:2,disabled:de,id:"".concat(ie,"-minute"),"aria-label":"Minute"}),W&&n(r,{children:[i("span",{className:"ihub-datetime-separator",children:":"}),i("input",{type:"text",className:"ihub-datetime-field ihub-datetime-second",value:Ze.second,onChange:function(e){var t=e.target.value.replace(/\D/g,"").slice(0,2);(parseInt(t)<60||""===t)&&Tt("second",t)},placeholder:"SS",maxLength:2,disabled:de,id:"".concat(ie,"-second"),"aria-label":"Second"})]}),R&&i("button",{type:"button",className:"ihub-datetime-field ihub-datetime-ampm-toggle",onClick:function(){return Tt("ampm","AM"===Ze.ampm?"PM":"AM")},disabled:de,"aria-label":"Toggle AM/PM, currently ".concat(Ze.ampm),children:Ze.ampm})]}),n("div",{className:"ihub-datetime-icons",children:[le&&("date"===Ne||"datetime"===Ne)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){de||(Ye(!0),Ee("calendar"))},disabled:de,"aria-label":"Open calendar",children:i(d,{})}),se&&("time"===Ne||"datetime"===Ne)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){de||(Ye(!0),Ee("time"))},disabled:de,"aria-label":"Open time picker",children:i(o,{})})]})]}:{className:"ihub-datetime-input-container",children:[i("input",{ref:Nt,type:"text",className:"ihub-datetime-input",value:Pe?Ie:St(),onChange:function(e){var t=e.target,a=t.value;t.selectionStart;var n=function(e){var t=W?"".concat(U," ").concat(Z):"".concat(U," ").concat(Z.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(xe(i),Je(r),setTimeout(function(){t&&t.setSelectionRange&&t.setSelectionRange(r,r)},0),!i.trim())return ke(null),null==j||j(""),void We(null);var d=At(i);if(d){var o="date"===Ne?u(d):d;ke(o),null==j||j(Ht(o)),We(null)}},onFocus:function(e){Te(!0),De&&!Ie&&xe(St()),null==fe||fe(e)},onBlur:function(e){if(Te(!1),Ie.trim()){var t=At(Ie);if(t){var a="date"===Ne?u(t):t;ke(a),null==j||j(Ht(a)),xe(St(a)),We(null)}else We("Invalid date/time format")}else We(T?"Date and time are required":null);It(),null==be||be(e)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ye(!Oe)),"Escape"===e.key&&Ye(!1),"Tab"===e.key&&Oe&&e.stopPropagation()},placeholder:Pe?function(e){for(var t=("date"===Ne?U:"time"===Ne?W?Z:Z.replace(":ss",""):W?"".concat(U," ").concat(Z):"".concat(U," ").concat(Z.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"===Ne?$||U:"time"===Ne?$||Z:$||"".concat(U," ").concat(Z),disabled:de,required:T,name:ne,id:ie,"aria-label":pe||I,"aria-invalid":!!Ve,"aria-describedby":Ve?"".concat(ie,"-error"):void 0,autoFocus:ye}),n("div",{className:"ihub-datetime-icons",children:[le&&("date"===Ne||"datetime"===Ne)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){de||(Ye(!0),Ee("calendar"))},disabled:de,"aria-label":"Open calendar",children:i(d,{})}),se&&("time"===Ne||"datetime"===Ne)&&i("button",{type:"button",className:"ihub-datetime-icon-btn",onClick:function(){de||(Ye(!0),Ee("time"))},disabled:de,"aria-label":"Open time picker",children:i(o,{})})]})]}),Ve&&i("div",{id:"".concat(ie,"-error"),className:"ihub-datetime-error",children:Ve}),Oe&&!de&&n("div",{ref:Mt,className:"ihub-datetime-picker-dropdown",role:"dialog","aria-label":"Date and time picker",children:["datetime"===Ne&&n("div",{className:"ihub-datetime-tabs",children:[i("button",{className:"ihub-datetime-tab ".concat("calendar"===Be?"active":""),onClick:function(){return Ee("calendar")},type:"button",children:"Date"}),i("button",{className:"ihub-datetime-tab ".concat("time"===Be?"active":""),onClick:function(){return Ee("time")},type:"button",children:"Time"})]}),("calendar"===Be||"date"===Ne)&&("date"===Ne||"datetime"===Ne)&&n("div",{className:"ihub-datetime-calendar",children:[n("div",{className:"ihub-datetime-month-nav",children:[i("button",{type:"button",onClick:function(){nt(N(at,1))},className:"ihub-datetime-nav-btn","aria-label":"Previous month",children:"‹"}),i("span",{className:"ihub-datetime-month-year",children:w(at,"MMMM yyyy")}),i("button",{type:"button",onClick:function(){nt(_(at,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:function(){for(var e=at.getFullYear(),t=at.getMonth(),a=H(at),n=S(a),i=D(at),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}().map(function(e,t){if(!e)return i("div",{className:"ihub-datetime-day-empty"},"empty-".concat(t));var a=!!De&&p(e,De),n=p(e,new Date),r=Dt(e)||!kt(e);return i("button",{type:"button",className:"ihub-datetime-day ".concat(a?"selected":""," ").concat(n?"today":""," ").concat(r?"disabled":""),onClick:function(){return xt(e)},disabled:r,"aria-label":w(e,"MMMM d, yyyy"),"aria-selected":!!a||void 0,children:e.getDate()},e.getTime())})})]}),("time"===Be||"time"===Ne)&&("time"===Ne||"datetime"===Ne)&&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:R?(parseInt(dt)%12||12).toString().padStart(2,"0"):dt,onChange:function(e){var t=e.target.value.replace(/\D/g,"");(R&&parseInt(t)<=12||!R&&parseInt(t)<24)&&ot(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:st,onChange:function(e){var t=e.target.value.replace(/\D/g,"");parseInt(t)<60&&mt(t)},maxLength:2,placeholder:"MM"})]}),W&&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:ht,onChange:function(e){var t=e.target.value.replace(/\D/g,"");parseInt(t)<60&&yt(t)},maxLength:2,placeholder:"SS"})]})]}),R&&n("div",{className:"ihub-datetime-ampm",children:[i("button",{type:"button",className:"ihub-datetime-ampm-btn ".concat("AM"===vt?"active":""),onClick:function(){return gt("AM")},children:"AM"}),i("button",{type:"button",className:"ihub-datetime-ampm-btn ".concat("PM"===vt?"active":""),onClick:function(){return gt("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:function(){for(var e=[],t=0;t<24;t++)for(var a=0;a<60;a+=G)if(!Ct(t,a)&&wt(t,a)){var n=t,i="";R&&(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}().map(function(e,t){var a=De&&De.getHours()===e.hours&&De.getMinutes()===e.minutes;return i("button",{type:"button",className:"ihub-datetime-time-option ".concat(a?"selected":""),onClick:function(){ot(e.hours.toString().padStart(2,"0")),mt(e.minutes.toString().padStart(2,"0")),R&&gt(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=De;if(!e){if("time"!==Ne){var t=new Date;return void xt(t)}e=new Date}var a=parseInt(dt),n=parseInt(st),i=W?parseInt(ht):0;if(R&&("PM"===vt&&12!==a?a+=12:"AM"===vt&&12===a&&(a=0)),!Ct(a,n)&&wt(a,n)){var r=v(e,a);r=g(r,n),r=M(r,i),ke(r),null==j||j(Ht(r)),Ye(!1),We(null)}else We("Selected time is not available")},children:"Apply Time"})})]}),ue&&n("div",{className:"ihub-datetime-actions",children:[i("button",{type:"button",className:"ihub-datetime-action-btn",onClick:jt,children:"Now"}),i("button",{type:"button",className:"ihub-datetime-action-btn",onClick:Pt,children:"Clear"})]})]})]}),ue&&!de&&!Oe&&n("div",{className:"ihub-datetime-quick-links",children:[i("span",{className:"ihub-datetime-link",onClick:jt,children:"Now"}),i("span",{className:"ihub-datetime-separator",children:"|"}),i("span",{className:"ihub-datetime-link",onClick:Pt,children:"Clear"})]}),ne&&i("input",{type:"hidden",name:ne,value:De?Ht(De):""})]})};export{C 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 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};
 //# sourceMappingURL=DateTimePicker.js.map