crisli-picker
Version:
A modern, customizable date and time picker library for React applications with configurable time intervals and booking system support
3 lines (2 loc) • 41.5 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("date-fns");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}function a(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},l.apply(null,arguments)}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,l,i=[],u=!0,d=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(o=a.call(r)).done)&&(i.push(o.value),i.length!==t);u=!0);}catch(e){d=!0,n=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(d)throw n}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var c=function(t){var r=t.items,n=t.value,a=t.onChange,l=t.itemHeight,i=void 0===l?40:l,u=t.fontSize,c=void 0===u?"16px":u,f=t.fontWeight,s=void 0===f?"400":f,h=t.textColor,g=void 0===h?"#666":h,p=t.selectedTextColor,m=void 0===p?"#000":p,v=t.highlightColor,x=void 0===v?"rgba(0, 0, 0, 0.05)":v,C=t.highlightBorderColor,b=void 0===C?"rgba(0, 0, 0, 0.1)":C,y=e.useRef(null),w=d(e.useState(0),2),S=w[0],E=w[1],M=d(e.useState(0),2),k=M[0],D=M[1],B=d(e.useState(!1),2),T=B[0],H=B[1],A=d(e.useState(0),2),z=A[0],P=A[1],j=d(e.useState(0),2),O=j[0],R=j[1],Y=d(e.useState(!1),2),N=Y[0],W=Y[1];e.useEffect((function(){var e=r.findIndex((function(e){return e.value===n}));-1!==e&&(E(e),D(-e*i))}),[r,n,i]);var F=e.useRef({accumulator:0,lastScrollTime:0,velocity:0,lastY:0,continuousTimeout:null,isContinuousScrolling:!1,targetPosition:0,animationFrame:null}),L=function(e){e.preventDefault(),F.current.animationFrame&&(cancelAnimationFrame(F.current.animationFrame),F.current.animationFrame=null),F.current.continuousTimeout&&clearTimeout(F.current.continuousTimeout);var t=e.deltaY||e.detail||e.wheelDelta,o=Date.now();Math.abs(t)>1&&(I.current=t>0?1:-1),F.current.accumulator+=t;var n=o-F.current.lastScrollTime;if(n>0){var a=t/n;F.current.velocity=.7*F.current.velocity+.3*a}F.current.lastScrollTime=o;var l=Math.abs(t)<10,u=l?5:2;if(!(Math.abs(F.current.accumulator)<u)){var d=F.current.accumulator/(l?5:8),c=k-d;D(c);var f=Math.round(-c/i),s=Math.max(0,Math.min(r.length-1,f));s!==S&&E(s);var h=F.current.accumulator>0?1:-1;F.current.accumulator=5*h,F.current.lastY=c,F.current.continuousTimeout=setTimeout((function(){_()}),100)}},I=e.useRef(0),q=function(e){var t,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(null===(t=r[e])||void 0===t||!t.disabled)return e;for(var n=e,a=e,l=1;l<r.length;l++){var i,u,d,c;if(n=e-l,a=e+l,o<=0&&n>=0&&(null===(i=r[n])||void 0===i||!i.disabled))return n;if(o>=0&&a<r.length&&(null===(u=r[a])||void 0===u||!u.disabled))return a;if(o>0&&n>=0&&(null===(d=r[n])||void 0===d||!d.disabled))return n;if(o<0&&a<r.length&&(null===(c=r[a])||void 0===c||!c.disabled))return a}return e},_=function(){var e,t=Math.round(-k/i),o=F.current.velocity,l=800*o;Math.abs(o)>.01&&(I.current=o>0?1:-1);var u,d=k+l,c=Math.round(-d/i);Math.abs(o)<.05?u=t:u=I.current>0&&c<t||I.current<0&&c>t?t:c;var f,s=Math.max(0,Math.min(r.length-1,u)),h=q(s,I.current),g=Math.abs(h-S),p=Math.min(300,150+30*g);(J(h,p),(null===(e=r[h])||void 0===e?void 0:e.value)!==n)&&a(null===(f=r[h])||void 0===f?void 0:f.value);F.current.velocity=0},U=function(e){if(!N){var t=e.touches?e.touches[0].clientY:e.clientY;H(!0),P(t),R(k),$.current={lastY:k,lastTime:Date.now(),velocity:0},e.touches||e.preventDefault()}},$=e.useRef({lastY:0,lastTime:0,velocity:0}),G=function(e){var t=Date.now(),r=t-$.current.lastTime;if(r>0){var o=e-$.current.lastY;$.current.velocity=o/r,$.current.lastY=e,$.current.lastTime=t}},J=function(e,t){if(!(e===S&&Math.abs(k- -e*i)<2)){W(!0);var o=-e*i,l=k,u=o-l,d=Math.min(300,150+30*Math.abs(e-S)),c=t||d,f=Date.now(),s=function(){var t,i,d=Date.now()-f,h=Math.min(d/c,1),g=1-Math.pow(1-h,2);(D(l+u*g),h>.3&&e!==S)&&(E(e),(null===(t=r[e])||void 0===t?void 0:t.value)!==n&&a(null===(i=r[e])||void 0===i?void 0:i.value));h<1?requestAnimationFrame(s):(D(o),E(e),W(!1))};requestAnimationFrame(s)}};e.useEffect((function(){var e=y.current;if(e){e.addEventListener("wheel",L,{passive:!1}),e.addEventListener("mousedown",U),e.addEventListener("touchstart",U,{passive:!0});var t=function(e){return function(e){if(T){e.preventDefault();var t=e.touches?e.touches[0].clientY:e.clientY,o=O+(t-z),n=-(r.length-1)*i;o>0?o=0+.5*(o-0):o<n&&(o=n+.5*(o-n)),G(o),D(o);var a=Math.round(-o/i),l=Math.max(0,Math.min(r.length-1,a));l!==S&&E(l)}}(e)},o=function(){return function(){var e;if(T){H(!1);var t,o,l=$.current.velocity,u=k+600*l,d=Math.round(-u/i),c=Math.max(0,Math.min(r.length-1,d)),f=q(c,l>0?1:-1),s=Math.abs(f-S),h=1e3*Math.abs(l);t=s<=1?300:Math.min(500,Math.max(300,300+50*s-.2*h)),J(f,t),(null===(e=r[f])||void 0===e?void 0:e.value)!==n&&a(null===(o=r[f])||void 0===o?void 0:o.value),$.current.velocity=0}}()};return document.addEventListener("mousemove",t),document.addEventListener("touchmove",t,{passive:!1}),document.addEventListener("mouseup",o),document.addEventListener("touchend",o),function(){e.removeEventListener("wheel",L),e.removeEventListener("mousedown",U),e.removeEventListener("touchstart",U),document.removeEventListener("mousemove",t),document.removeEventListener("touchmove",t),document.removeEventListener("mouseup",o),document.removeEventListener("touchend",o)}}}),[T,k,S,N,i,r.length]);return o.default.createElement("div",{ref:y,className:"crisli-wheel-container",style:{height:5*i,overflow:"hidden",position:"relative",cursor:T?"grabbing":"grab",touchAction:"none"}},o.default.createElement("div",{className:"crisli-wheel-highlight",style:{position:"absolute",top:"50%",transform:"translateY(-50%)",height:i,width:"100%",backgroundColor:x,borderTop:"1px solid ".concat(b),borderBottom:"1px solid ".concat(b),pointerEvents:"none",zIndex:1,borderRadius:"4px"}}),o.default.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,height:2*i,background:"#ffffff"===m?"linear-gradient(to bottom, rgba(30,30,30,0.95) 0%, rgba(30,30,30,0) 100%)":"linear-gradient(to bottom, rgba(245,245,245,0.95) 0%, rgba(245,245,245,0) 100%)",pointerEvents:"none",zIndex:2,borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}}),o.default.createElement("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:2*i,background:"#ffffff"===m?"linear-gradient(to top, rgba(30,30,30,0.95) 0%, rgba(30,30,30,0) 100%)":"linear-gradient(to top, rgba(245,245,245,0.95) 0%, rgba(245,245,245,0) 100%)",pointerEvents:"none",zIndex:2,borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"}}),o.default.createElement("div",{style:{position:"relative",height:"100%",transform:"translateY(".concat(2*i,"px)")}},r.map((function(e,t){var n=k+t*i;if(n<3*-i||n>8*i)return null;var a=t===S,l=e.disabled,u=Math.abs(t-S),d=Math.max(.3,1-.2*u);return l&&(d=Math.min(d,.3)),o.default.createElement("div",{key:t,onClick:function(){return function(e){var t;N||null!==(t=r[e])&&void 0!==t&&t.disabled||J(e)}(t)},style:{position:"absolute",top:0,left:0,width:"100%",height:i,transform:"translateY(".concat(n,"px)"),display:"flex",alignItems:"center",justifyContent:"center",fontSize:a?c:"14px",fontWeight:a?"600":s,color:l?"#ccc":a?m:g,opacity:d,cursor:l?"not-allowed":"pointer",textDecoration:l?"line-through":"none",userSelect:"none",textAlign:"center",paddingLeft:"10px",paddingRight:"10px",boxSizing:"border-box",transition:T?"none":"transform 0.15s ease-out, opacity 0.15s ease-out"}},e.label)}))))};exports.CalendarTimePicker=function(r){var n=r.value,a=void 0===n?new Date:n,i=r.onChange,f=r.showTime,s=void 0===f||f,h=r.use24Hours,g=void 0===h||h,p=r.disablePast,m=void 0!==p&&p,v=r.minuteStep,x=void 0===v?1:v,C=r.hourStep,b=void 0===C?1:C,y=r.wheelProps,w=void 0===y?{}:y,S=r.theme,E=void 0===S?"light":S,M=function(e){return e>=12?"PM":"AM"},k=o.default.useCallback((function(e,t){return"AM"===t?12===e?0:e:12===e?12:e+12}),[]),D=o.default.useCallback((function(e,t,r){if(t<=1)return e;var o=Math.round(e/t)*t;return Math.min(o,r)}),[]),B=o.default.useCallback((function(e){return D(e,x,59)}),[x,D]),T=o.default.useCallback((function(e){return D(e,b,g?23:12)}),[b,g,D]),H=o.default.useMemo((function(){return new Date}),[]),A=o.default.useMemo((function(){return new Date(H.getFullYear(),H.getMonth(),H.getDate())}),[H]),z=o.default.useCallback((function(e){return!!m&&new Date(e.getFullYear(),e.getMonth(),e.getDate())<A}),[m,A]),P=o.default.useCallback((function(e,t,r){return!(!m||!s)&&(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()===A.getTime()&&new Date(e.getFullYear(),e.getMonth(),e.getDate(),t,r)<=H)}),[m,s,A,H]),j=d(e.useState(new Date(a||new Date)),2),O=j[0],R=j[1],Y=d(e.useState(new Date(a||new Date)),2),N=Y[0],W=Y[1],F=o.default.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(g){for(var r=[],o=0;o<24;o+=b){var n=P(e,o,0);r.push({value:o,label:o.toString().padStart(2,"0"),disabled:n})}return r}for(var a=[],l=1;l<=12;l+=b){var i=l,u=t?k(i,t):i,d=P(e,u,0);a.push({value:i,label:i.toString(),disabled:d})}return a}),[g,m,k,P,b]),L=o.default.useCallback((function(e,t){for(var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=[],n=0;n<60;n+=x){var a=g?t:k(t,r),l=P(e,a,n);o.push({value:n,label:n.toString().padStart(2,"0"),disabled:l})}return o}),[g,m,k,P,x]),I=d(e.useState((function(){var e,t=a||new Date,r=g?t.getHours():0===(e=t.getHours())?12:e>12?e-12:e,o=t.getMinutes();return{hour:T(r),minute:B(o),period:M(t.getHours())}})),2),q=I[0],_=I[1],U=d(e.useState((function(){return F(N,q.period)})),2),$=U[0],G=U[1],J=d(e.useState((function(){return L(N,q.hour,q.period)})),2),K=J[0],Q=J[1];e.useEffect((function(){s&&(G(F(N,q.period)),Q(L(N,q.hour,q.period)))}),[N,q.hour,q.period,s,m,F,L]),e.useEffect((function(){var e=g?q.hour:k(q.hour,q.period),t=new Date(N);t.setHours(e),t.setMinutes(q.minute);var r=a||new Date;t.getTime()!==r.getTime()&&i(t)}),[N,q,i,a,g,k]);var V=function(e){m&&z(e)||W(e)},X={light:{backgroundColor:"#ffffff",textColor:"#666666",selectedTextColor:"#000000",highlightColor:"rgba(0, 0, 0, 0.05)",highlightBorderColor:"rgba(0, 0, 0, 0.1)",labelColor:"#999999",calendarHeaderBg:"#f8f8f8",todayBg:"#f0f0f0",selectedBg:"#4a90e2",selectedText:"#ffffff",dayHoverBg:"#f5f5f5"},dark:{backgroundColor:"#1e1e1e",textColor:"#a0a0a0",selectedTextColor:"#ffffff",highlightColor:"rgba(255, 255, 255, 0.1)",highlightBorderColor:"rgba(255, 255, 255, 0.2)",labelColor:"#777777",calendarHeaderBg:"#2a2a2a",todayBg:"#333333",selectedBg:"#4a90e2",selectedText:"#ffffff",dayHoverBg:"#2c2c2c"}},Z=X[E]||X.light;return o.default.createElement("div",{className:"crisli-calendar-time-picker",style:{backgroundColor:Z.backgroundColor,borderRadius:"12px",padding:"20px",boxShadow:"0 4px 20px rgba(0, 0, 0, 0.1)",width:"100%",maxWidth:"350px"}},o.default.createElement("div",{className:"calendar-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"15px",padding:"5px 10px",backgroundColor:Z.calendarHeaderBg,borderRadius:"8px"}},o.default.createElement("div",{className:"prev-month",onClick:function(){R(t.addMonths(O,-1))},style:{cursor:"pointer",padding:"5px 10px",fontSize:"18px"}},"‹"),o.default.createElement("div",{style:{fontWeight:"bold",color:Z.textColor}},t.format(O,"MMMM yyyy")),o.default.createElement("div",{className:"next-month",onClick:function(){R(t.addMonths(O,1))},style:{cursor:"pointer",padding:"5px 10px",fontSize:"18px"}},"›")),o.default.createElement("div",{className:"calendar",style:{marginBottom:s?"20px":"0"}},function(){for(var e=[],r=t.startOfWeek(new Date),n=0;n<7;n++)e.push(o.default.createElement("div",{className:"day-name",key:n,style:{textAlign:"center",padding:"8px 0",fontWeight:"bold",color:Z.labelColor}},t.format(t.addDays(r,n),"EEE")));return o.default.createElement("div",{className:"days",style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)"}},e)}(),function(){for(var e=t.startOfMonth(O),r=t.endOfMonth(e),n=t.startOfWeek(e),a=t.endOfWeek(r),l=[],i=[],u=n;u<=a;){for(var d=function(){var r=new Date(u),n=z(r),a=!t.isSameMonth(u,e)||n;i.push(o.default.createElement("div",{className:"day ".concat(a?"disabled":""," ").concat(t.isSameDay(u,N)?"selected":""," ").concat(t.isSameDay(u,new Date)?"today":""),key:u.toString(),onClick:function(){return V(r)},style:{padding:"8px 0",textAlign:"center",cursor:a?"not-allowed":"pointer",borderRadius:"50%",margin:"2px",backgroundColor:t.isSameDay(u,N)?Z.selectedBg:t.isSameDay(u,new Date)?Z.todayBg:"transparent",color:t.isSameDay(u,N)?Z.selectedText:a?"#ccc":Z.textColor,opacity:a?.4:1,textDecoration:n?"line-through":"none",":hover":{backgroundColor:a?"transparent":Z.dayHoverBg}}},t.format(u,"d"))),u=t.addDays(u,1)},c=0;c<7;c++)d();l.push(o.default.createElement("div",{className:"row",key:u.toString(),style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)"}},i)),i=[]}return o.default.createElement("div",{className:"calendar-body"},l)}()),s&&o.default.createElement("div",null,o.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"center",marginBottom:"10px",marginTop:"20px"}},o.default.createElement("div",{style:{textAlign:"center",color:Z.labelColor,fontSize:"14px",fontWeight:"bold"}},"Time: ",q.hour.toString().padStart(2,"0"),":",q.minute.toString().padStart(2,"0"),g?"":" ".concat(q.period))),o.default.createElement("div",{className:"time-wheels-container",style:{display:"flex",width:"100%",justifyContent:"center",gap:"10px"}},o.default.createElement("div",{style:{width:"80px"}},o.default.createElement(c,l({items:$,value:q.hour,onChange:function(e){var t=g?e:k(e,q.period);m&&P(N,t,q.minute)||_((function(t){return u(u({},t),{},{hour:e})}))},textColor:Z.textColor,selectedTextColor:Z.selectedTextColor,highlightColor:Z.highlightColor,highlightBorderColor:Z.highlightBorderColor,fontSize:"16px"},w))),o.default.createElement("div",{style:{width:"80px"}},o.default.createElement(c,l({items:K,value:q.minute,onChange:function(e){var t=g?q.hour:k(q.hour,q.period);m&&P(N,t,e)||_((function(t){return u(u({},t),{},{minute:e})}))},textColor:Z.textColor,selectedTextColor:Z.selectedTextColor,highlightColor:Z.highlightColor,highlightBorderColor:Z.highlightBorderColor,fontSize:"16px"},w))),!g&&o.default.createElement("div",{style:{width:"60px"}},o.default.createElement(c,l({items:[{value:"AM",label:"AM"},{value:"PM",label:"PM"}],value:q.period,onChange:function(e){var t=k(q.hour,e);m&&P(N,t,q.minute)||_((function(t){return u(u({},t),{},{period:e})}))},textColor:Z.textColor,selectedTextColor:Z.selectedTextColor,highlightColor:Z.highlightColor,highlightBorderColor:Z.highlightBorderColor,fontSize:"16px"},w))))))},exports.DateTimePicker=function(r){var n=r.value,a=void 0===n?new Date:n,i=r.onChange,f=r.showTime,s=void 0===f||f,h=r.use24Hours,g=void 0===h||h,p=r.disablePast,m=void 0!==p&&p,v=r.minuteStep,x=void 0===v?1:v,C=r.hourStep,b=void 0===C?1:C,y=r.wheelProps,w=void 0===y?{}:y,S=r.theme,E=void 0===S?"light":S,M=function(e){return e>=12?"PM":"AM"},k=o.default.useCallback((function(e,t){return"AM"===t?12===e?0:e:12===e?12:e+12}),[]),D=o.default.useCallback((function(e,t,r){if(t<=1)return e;var o=Math.round(e/t)*t;return Math.min(o,r)}),[]),B=o.default.useCallback((function(e){return D(e,x,59)}),[x,D]),T=o.default.useCallback((function(e){return D(e,b,g?23:12)}),[b,g,D]),H=o.default.useMemo((function(){return new Date}),[]),A=o.default.useMemo((function(){return new Date(H.getFullYear(),H.getMonth(),H.getDate())}),[H]),z=o.default.useCallback((function(e,t,r){return!!m&&new Date(e,t,r)<A}),[m,A]),P=o.default.useCallback((function(e,t,r,o,n){return!(!m||!s)&&(new Date(e,t,r).getTime()===A.getTime()&&new Date(e,t,r,o,n)<=H)}),[m,s,A,H]),j=o.default.useCallback((function(e,t){var r=new Date(e,t,0).getDate();return Array.from({length:r},(function(r,o){var n=o+1,a=z(e,t-1,n);return{value:n,label:"".concat(n),disabled:a}}))}),[m,z]),O=o.default.useCallback((function(e){return Array.from({length:12},(function(r,o){var n=m&&e===H.getFullYear()&&o<H.getMonth();return{value:o,label:t.format(new Date(2e3,o,1),"MMMM"),disabled:n}}))}),[m,H]),R=(new Date).getFullYear(),Y=Array.from({length:21},(function(e,t){var r=R-10+t,o=m&&r<R;return{value:r,label:"".concat(r),disabled:o}})),N=o.default.useCallback((function(e,t,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;if(g){for(var n=[],a=0;a<24;a+=b){var l=P(e,t,r,a,0);n.push({value:a,label:a.toString().padStart(2,"0"),disabled:l})}return n}for(var i=[],u=1;u<=12;u+=b){var d=u,c=o?k(d,o):d,f=P(e,t,r,c,0);i.push({value:d,label:d.toString(),disabled:f})}return i}),[g,m,k,P,b]),W=o.default.useCallback((function(e,t,r,o){for(var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a=[],l=0;l<60;l+=x){var i=g?o:k(o,n),u=P(e,t,r,i,l);a.push({value:l,label:l.toString().padStart(2,"0"),disabled:u})}return a}),[g,m,k,P,x]),F=d(e.useState((function(){var e,t=a||new Date,r=g?t.getHours():0===(e=t.getHours())?12:e>12?e-12:e,o=t.getMinutes();return{day:t.getDate(),month:t.getMonth(),year:t.getFullYear(),hour:T(r),minute:B(o),period:M(t.getHours())}})),2),L=F[0],I=F[1],q=d(e.useState((function(){return j(L.year,L.month+1)})),2),_=q[0],U=q[1],$=d(e.useState((function(){return O(L.year)})),2),G=$[0],J=$[1],K=d(e.useState((function(){return N(L.year,L.month,L.day,L.period)})),2),Q=K[0],V=K[1],X=d(e.useState((function(){return W(L.year,L.month,L.day,L.hour,L.period)})),2),Z=X[0],ee=X[1];e.useEffect((function(){U(j(L.year,L.month+1)),J(O(L.year)),s&&(V(N(L.year,L.month,L.day,L.period)),ee(W(L.year,L.month,L.day,L.hour,L.period)));var e=new Date(L.year,L.month+1,0).getDate();L.day>e&&I((function(t){return u(u({},t),{},{day:e})}))}),[L.month,L.year,L.day,L.hour,L.period,s,m,j,O,N,W]),e.useEffect((function(){var e=g?L.hour:k(L.hour,L.period),t=new Date(L.year,L.month,L.day,e,L.minute),r=a||new Date;t.getFullYear()===r.getFullYear()&&t.getMonth()===r.getMonth()&&t.getDate()===r.getDate()&&t.getHours()===r.getHours()&&t.getMinutes()===r.getMinutes()||i(t)}),[L,i,a,g,k]);var te={light:{backgroundColor:"#ffffff",textColor:"#666666",selectedTextColor:"#000000",highlightColor:"rgba(0, 0, 0, 0.05)",highlightBorderColor:"rgba(0, 0, 0, 0.1)",labelColor:"#999999"},dark:{backgroundColor:"#1e1e1e",textColor:"#a0a0a0",selectedTextColor:"#ffffff",highlightColor:"rgba(255, 255, 255, 0.1)",highlightBorderColor:"rgba(255, 255, 255, 0.2)",labelColor:"#777777"}},re=te[E]||te.light;return o.default.createElement("div",{className:"crisli-datetime-picker",style:{backgroundColor:re.backgroundColor,borderRadius:"12px",padding:"20px 10px",boxShadow:"0 4px 20px rgba(0, 0, 0, 0.1)"}},o.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between",marginBottom:"10px",paddingLeft:"10px",paddingRight:"10px"}},o.default.createElement("div",{style:{flex:1,textAlign:"center",color:re.labelColor,fontSize:"12px"}},"Day"),o.default.createElement("div",{style:{flex:1.5,textAlign:"center",color:re.labelColor,fontSize:"12px"}},"Month"),o.default.createElement("div",{style:{flex:1,textAlign:"center",color:re.labelColor,fontSize:"12px"}},"Year"),s&&o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{flex:1,textAlign:"center",color:re.labelColor,fontSize:"12px"}},"Hour"),o.default.createElement("div",{style:{flex:1,textAlign:"center",color:re.labelColor,fontSize:"12px"}},"Min"),!g&&o.default.createElement("div",{style:{flex:1,textAlign:"center",color:re.labelColor,fontSize:"12px"}},"AM/PM"))),o.default.createElement("div",{className:"crisli-wheels-container",style:{display:"flex",width:"100%",justifyContent:"space-between",gap:"5px"}},o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:_,value:L.day,onChange:function(e){m&&z(L.year,L.month,e)||I((function(t){return u(u({},t),{},{day:e})}))},textColor:re.textColor,selectedTextColor:re.selectedTextColor,highlightColor:re.highlightColor,highlightBorderColor:re.highlightBorderColor,fontSize:"14px"},w))),o.default.createElement("div",{style:{flex:1.5}},o.default.createElement(c,l({items:G,value:L.month,onChange:function(e){m&&L.year===H.getFullYear()&&e<H.getMonth()||I((function(t){return u(u({},t),{},{month:e})}))},textColor:re.textColor,selectedTextColor:re.selectedTextColor,highlightColor:re.highlightColor,highlightBorderColor:re.highlightBorderColor,fontSize:"14px"},w))),o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:Y,value:L.year,onChange:function(e){m&&e<H.getFullYear()||I((function(t){return u(u({},t),{},{year:e})}))},textColor:re.textColor,selectedTextColor:re.selectedTextColor,highlightColor:re.highlightColor,highlightBorderColor:re.highlightBorderColor,fontSize:"14px"},w))),s&&o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:Q,value:L.hour,onChange:function(e){var t=g?e:k(e,L.period);m&&P(L.year,L.month,L.day,t,L.minute)||I((function(t){return u(u({},t),{},{hour:e})}))},textColor:re.textColor,selectedTextColor:re.selectedTextColor,highlightColor:re.highlightColor,highlightBorderColor:re.highlightBorderColor,fontSize:"14px"},w))),o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:Z,value:L.minute,onChange:function(e){var t=g?L.hour:k(L.hour,L.period);m&&P(L.year,L.month,L.day,t,e)||I((function(t){return u(u({},t),{},{minute:e})}))},textColor:re.textColor,selectedTextColor:re.selectedTextColor,highlightColor:re.highlightColor,highlightBorderColor:re.highlightBorderColor,fontSize:"14px"},w))),!g&&o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:[{value:"AM",label:"AM"},{value:"PM",label:"PM"}],value:L.period,onChange:function(e){var t=k(L.hour,e);m&&P(L.year,L.month,L.day,t,L.minute)||I((function(t){return u(u({},t),{},{period:e})}))},textColor:re.textColor,selectedTextColor:re.selectedTextColor,highlightColor:re.highlightColor,highlightBorderColor:re.highlightBorderColor,fontSize:"14px"},w))))))},exports.HorizontalCalendarTimePicker=function(r){var n=r.value,a=void 0===n?new Date:n,i=r.onChange,f=r.showTime,s=void 0===f||f,h=r.wheelProps,g=void 0===h?{}:h,p=r.theme,m=void 0===p?"light":p,v=r.className,x=void 0===v?"":v,C=r.style,b=void 0===C?{}:C,y=r.use24Hour,w=void 0===y||y,S=r.disablePast,E=void 0!==S&&S,M=r.minuteStep,k=void 0===M?1:M,D=r.hourStep,B=void 0===D?1:D;r.timeFormat;var T=function(e){return e>=12?"PM":"AM"},H=o.default.useCallback((function(e,t){return"AM"===t?12===e?0:e:12===e?12:e+12}),[]),A=o.default.useCallback((function(e,t,r){if(t<=1)return e;var o=Math.round(e/t)*t;return Math.min(o,r)}),[]),z=o.default.useCallback((function(e){return A(e,k,59)}),[k,A]),P=o.default.useCallback((function(e){return A(e,B,w?23:12)}),[B,w,A]),j=o.default.useMemo((function(){return new Date}),[]),O=o.default.useMemo((function(){return new Date(j.getFullYear(),j.getMonth(),j.getDate())}),[j]),R=o.default.useCallback((function(e){return!!E&&new Date(e.getFullYear(),e.getMonth(),e.getDate())<O}),[E,O]),Y=o.default.useCallback((function(e,t,r){return!(!E||!s)&&(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()===O.getTime()&&new Date(e.getFullYear(),e.getMonth(),e.getDate(),t,r)<=j)}),[E,s,O,j]),N=d(e.useState(new Date(a||new Date)),2),W=N[0],F=N[1],L=d(e.useState(new Date(a||new Date)),2),I=L[0],q=L[1],_=d(e.useState((function(){var e,t=a||new Date,r=w?t.getHours():0===(e=t.getHours())?12:e>12?e-12:e,o=t.getMinutes();return{hour:P(r),minute:z(o),period:T(t.getHours())}})),2),U=_[0],$=_[1],G=o.default.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(w){for(var r=[],o=0;o<24;o+=B){var n=Y(e,o,0);r.push({value:o,label:o.toString().padStart(2,"0"),disabled:n})}return r}for(var a=[],l=1;l<=12;l+=B){var i=l,u=t?H(i,t):i,d=Y(e,u,0);a.push({value:i,label:i.toString(),disabled:d})}return a}),[w,E,H,Y,B]),J=o.default.useCallback((function(e,t){for(var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=[],n=0;n<60;n+=k){var a=w?t:H(t,r),l=Y(e,a,n);o.push({value:n,label:n.toString().padStart(2,"0"),disabled:l})}return o}),[w,E,H,Y,k]),K=[{value:"AM",label:"AM"},{value:"PM",label:"PM"}],Q=d(e.useState((function(){return G(I,U.period)})),2),V=Q[0],X=Q[1],Z=d(e.useState((function(){return J(I,U.hour,U.period)})),2),ee=Z[0],te=Z[1];e.useEffect((function(){s&&(X(G(I,U.period)),te(J(I,U.hour,U.period)))}),[I,U.hour,U.period,s,E,G,J]),e.useEffect((function(){var e=w?U.hour:H(U.hour,U.period),t=new Date(I);t.setHours(e),t.setMinutes(U.minute);var r=a||new Date;t.getTime()!==r.getTime()&&i(t)}),[I,U,i,a,w,H]);var re=function(e){var t=w?e:H(e,U.period);E&&Y(I,t,U.minute)||$((function(t){return u(u({},t),{},{hour:e})}))},oe=function(e){var t=w?U.hour:H(U.hour,U.period);E&&Y(I,t,e)||$((function(t){return u(u({},t),{},{minute:e})}))},ne=function(e){var t=H(U.hour,e);E&&Y(I,t,U.minute)||$((function(t){return u(u({},t),{},{period:e})}))},ae=function(e){E&&R(e)||q(e)},le={light:{backgroundColor:"#ffffff",textColor:"#666666",selectedTextColor:"#000000",highlightColor:"rgba(59, 130, 246, 0.1)",highlightBorderColor:"rgba(59, 130, 246, 0.3)",labelColor:"#999999",calendarHeaderBg:"#f8f8f8",todayBg:"#f0f0f0",selectedBg:"#3b82f6",selectedText:"#ffffff",dayHoverBg:"#f5f5f5",dividerColor:"#e0e0e0",timeHeaderBg:"#f8f8f8",wheelBg:"#f5f5f5"},dark:{backgroundColor:"#1e1e1e",textColor:"#a0a0a0",selectedTextColor:"#ffffff",highlightColor:"rgba(239, 68, 68, 0.2)",highlightBorderColor:"rgba(239, 68, 68, 0.4)",labelColor:"#777777",calendarHeaderBg:"#2a2a2a",todayBg:"#333333",selectedBg:"#ef4444",selectedText:"#ffffff",dayHoverBg:"#2c2c2c",dividerColor:"#333333",timeHeaderBg:"#2a2a2a",wheelBg:"#252525"},crisis:{backgroundColor:"#1e1e1e",textColor:"#a0a0a0",selectedTextColor:"#ffffff",highlightColor:"rgba(185, 28, 28, 0.2)",highlightBorderColor:"rgba(185, 28, 28, 0.4)",labelColor:"#777777",calendarHeaderBg:"#2a2a2a",todayBg:"#333333",selectedBg:"#b91c1c",selectedText:"#ffffff",dayHoverBg:"#2c2c2c",dividerColor:"#333333",timeHeaderBg:"#2a2a2a",wheelBg:"#252525"}},ie=le[m]||le.light,ue=d(e.useState((function(){return"undefined"!=typeof window&&window.innerWidth<768})),2),de=ue[0],ce=ue[1];return e.useEffect((function(){var e=function(){ce(window.innerWidth<768)};return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),o.default.createElement("div",{className:"crisli-horizontal-calendar-time-picker ".concat(x),style:u({backgroundColor:ie.backgroundColor,borderRadius:"12px",padding:"8px",boxShadow:"0 4px 20px rgba(0, 0, 0, 0.1)",width:"100%"},b)},o.default.createElement("div",{style:{display:"flex",flexDirection:de?"column":"row",borderRadius:"8px",alignItems:de?"stretch":"flex-start",width:"100%"}},o.default.createElement("div",{style:{flex:de?"1 1 auto":"2.5",marginRight:"0",marginBottom:s&&de?"15px":"0",padding:"5px",width:de?"100%":"auto"}},o.default.createElement("div",{className:"calendar-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"6px",padding:"4px 6px",backgroundColor:ie.timeHeaderBg,borderRadius:"6px",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.05)",height:"28px"}},o.default.createElement("div",{className:"prev-month",onClick:function(){F(t.addMonths(W,-1))},style:{cursor:"pointer",padding:"2px 6px",fontSize:"16px",color:ie.textColor,borderRadius:"4px",transition:"background-color 0.2s",":hover":{backgroundColor:ie.highlightColor}}},"‹"),o.default.createElement("div",{style:{fontWeight:"bold",color:ie.selectedTextColor,fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"center",flex:1}},t.format(W,"MMMM yyyy")),o.default.createElement("div",{className:"next-month",onClick:function(){F(t.addMonths(W,1))},style:{cursor:"pointer",padding:"2px 6px",fontSize:"16px",color:ie.textColor,borderRadius:"4px",transition:"background-color 0.2s",":hover":{backgroundColor:ie.highlightColor}}},"›")),o.default.createElement("div",{className:"calendar",style:{borderRadius:"8px",overflow:"hidden"}},function(){for(var e=[],r=t.startOfWeek(new Date),n="undefined"!=typeof window&&window.innerWidth<480,a=n?28:30,l=n?"10px":"11px",i=0;i<7;i++){var u=t.format(t.addDays(r,i),n?"EEEEE":"EEE"),d=0===i||6===i;e.push(o.default.createElement("div",{className:"day-name",key:i,style:{textAlign:"center",padding:n?"8px 0":"10px 0",fontWeight:"600",fontSize:l,color:d?ie.selectedBg:ie.labelColor,borderBottom:"1px solid ".concat(ie.dividerColor),width:"".concat(a,"px"),margin:"0 auto"}},u))}return o.default.createElement("div",{className:"days",style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",marginBottom:"8px"}},e)}(),function(){for(var e=t.startOfMonth(W),r=t.endOfMonth(e),n=t.startOfWeek(e),a=t.endOfWeek(r),l="undefined"!=typeof window&&window.innerWidth<480,i=l?28:30,u=l?"11px":"12px",d=[],c=[],f=n;f<=a;){for(var s=function(){var r=new Date(f),n=t.isSameDay(f,new Date),a=t.isSameDay(f,I),d=t.isSameMonth(f,e),s=R(r),h=!d||s;c.push(o.default.createElement("div",{className:"day ".concat(h?"disabled":""," ").concat(a?"selected":""," ").concat(n?"today":""),key:f.toString(),onClick:function(){return ae(r)},style:{padding:"0",textAlign:"center",cursor:h?"not-allowed":"pointer",borderRadius:"50%",margin:l?"1px":"2px",width:"".concat(i,"px"),height:"".concat(i,"px"),display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease",backgroundColor:a?ie.selectedBg:n?ie.todayBg:"transparent",color:a?ie.selectedText:h?"#ccc":ie.textColor,opacity:h?.4:1,fontWeight:n||a?"bold":"normal",fontSize:u,textDecoration:s?"line-through":"none",boxShadow:a?"0 2px 4px rgba(0, 0, 0, 0.1)":"none",":hover":{backgroundColor:h?"transparent":a?ie.selectedBg:ie.dayHoverBg,transform:h?"none":"scale(1.05)"}}},t.format(f,"d"))),f=t.addDays(f,1)},h=0;h<7;h++)s();d.push(o.default.createElement("div",{className:"row",key:f.toString(),style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",justifyItems:"center"}},c)),c=[]}return o.default.createElement("div",{className:"calendar-body"},d)}())),s&&o.default.createElement("div",{style:{flex:de?"1 1 auto":"1.5",borderLeft:de?"none":"1px solid ".concat(ie.dividerColor),borderTop:de?"1px solid ".concat(ie.dividerColor):"none",padding:de?"10px 5px 5px":"5px 5px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"dark"===m?"rgba(30, 30, 30, 0.2)":"rgba(245, 245, 245, 0.5)",borderRadius:"8px",width:de?"100%":"auto"}},function(){if(!s)return null;var e;if(w)e="".concat(U.hour.toString().padStart(2,"0"),":").concat(U.minute.toString().padStart(2,"0"));else{var t=U.hour%12||12,r=U.hour>=12?"PM":"AM";e="".concat(t.toString().padStart(2,"0"),":").concat(U.minute.toString().padStart(2,"0")," ").concat(r)}"undefined"!=typeof window&&window.innerWidth;return o.default.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"0 5px",width:"100%"}},o.default.createElement("div",{style:{textAlign:"center",color:ie.selectedTextColor,fontSize:"14px",fontWeight:"bold",marginBottom:"6px",backgroundColor:ie.timeHeaderBg,padding:"4px 6px",borderRadius:"6px",width:"100%",height:"28px",display:"flex",alignItems:"center",justifyContent:"center"}},e),o.default.createElement("div",{style:{display:"flex",flexDirection:"row",gap:"10px",width:"100%",justifyContent:"center",padding:"0 10px"}},o.default.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"1"}},o.default.createElement("div",{style:{fontSize:"11px",color:ie.labelColor,marginBottom:"3px",fontWeight:"500"}},"Hour"),o.default.createElement("div",{style:{width:de?"60px":"50px",backgroundColor:"dark"===m?"rgba(30, 30, 30, 0.8)":"rgba(245, 245, 245, 0.9)",borderRadius:"8px",padding:"2px 0",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.1)"}},o.default.createElement(c,l({items:V,value:U.hour,onChange:re,textColor:ie.textColor,selectedTextColor:ie.selectedTextColor,highlightColor:ie.highlightColor,highlightBorderColor:ie.highlightBorderColor,fontSize:"13px",itemHeight:28},g)))),o.default.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"1"}},o.default.createElement("div",{style:{fontSize:"11px",color:ie.labelColor,marginBottom:"3px",fontWeight:"500"}},"Minute"),o.default.createElement("div",{style:{width:de?"60px":"50px",backgroundColor:"dark"===m?"rgba(30, 30, 30, 0.8)":"rgba(245, 245, 245, 0.9)",borderRadius:"8px",padding:"2px 0",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.1)"}},o.default.createElement(c,l({items:ee,value:U.minute,onChange:oe,textColor:ie.textColor,selectedTextColor:ie.selectedTextColor,highlightColor:ie.highlightColor,highlightBorderColor:ie.highlightBorderColor,fontSize:"13px",itemHeight:28},g)))),!w&&o.default.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"0.8"}},o.default.createElement("div",{style:{fontSize:"11px",color:ie.labelColor,marginBottom:"3px",fontWeight:"500"}},"Period"),o.default.createElement("div",{style:{width:de?"50px":"40px",backgroundColor:"dark"===m?"rgba(30, 30, 30, 0.8)":"rgba(245, 245, 245, 0.9)",borderRadius:"8px",padding:"2px 0",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.1)"}},o.default.createElement(c,l({items:K,value:U.period,onChange:ne,textColor:ie.textColor,selectedTextColor:ie.selectedTextColor,highlightColor:ie.highlightColor,highlightBorderColor:ie.highlightBorderColor,fontSize:"13px",itemHeight:28},g))))))}())),o.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",padding:"8px 10px",borderTop:"1px solid ".concat(ie.dividerColor),marginTop:"8px"}},o.default.createElement("button",{onClick:function(){q(new Date),$({hour:w?0:12,minute:0,period:"AM"}),i(null)},style:{background:"transparent",border:"none",padding:"6px 10px",borderRadius:"4px",cursor:"pointer",fontSize:"13px",color:"crisis"===m?"#ef4444":ie.textColor,transition:"color 0.2s",":hover":{color:"crisis"===m?"#dc2626":ie.selectedBg}}},"Clear"),o.default.createElement("button",{onClick:function(){},style:{background:ie.selectedBg,border:"none",padding:"6px 14px",borderRadius:"4px",cursor:"pointer",fontSize:"13px",fontWeight:"600",color:"#ffffff",transition:"opacity 0.2s",":hover":{opacity:.9}}},"Set")))},exports.TimePicker=function(t){var r=t.value,n=void 0===r?new Date:r,a=t.onChange,i=t.use24Hours,f=void 0===i||i,s=t.disablePast,h=void 0!==s&&s,g=t.minuteStep,p=void 0===g?1:g,m=t.hourStep,v=void 0===m?1:m,x=t.wheelProps,C=void 0===x?{}:x,b=t.theme,y=void 0===b?"light":b,w=function(e){return e>=12?"PM":"AM"},S=o.default.useCallback((function(e,t){return"AM"===t?12===e?0:e:12===e?12:e+12}),[]),E=o.default.useCallback((function(e,t,r){if(t<=1)return e;var o=Math.round(e/t)*t;return Math.min(o,r)}),[]),M=o.default.useCallback((function(e){return E(e,p,59)}),[p,E]),k=o.default.useCallback((function(e){return E(e,v,f?23:12)}),[v,f,E]),D=o.default.useCallback((function(e,t){if(!h)return!1;var r=new Date;r.setHours(e,t,0,0);var o=new Date;return o.setSeconds(0,0),r<=o}),[h]),B=o.default.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(f){for(var t=[],r=0;r<24;r+=v){var o=D(r,0);t.push({value:r,label:r.toString().padStart(2,"0"),disabled:o})}return t}for(var n=[],a=1;a<=12;a+=v){var l=a,i=e?S(l,e):l,u=D(i,0);n.push({value:l,label:l.toString(),disabled:u})}return n}),[f,h,S,D,v]),T=o.default.useCallback((function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=[],o=0;o<60;o+=p){var n=f?e:S(e,t),a=D(n,o);r.push({value:o,label:o.toString().padStart(2,"0"),disabled:a})}return r}),[f,h,S,D,p]),H=d(e.useState((function(){var e,t=n||new Date,r=f?t.getHours():0===(e=t.getHours())?12:e>12?e-12:e,o=t.getMinutes();return{hour:k(r),minute:M(o),period:w(t.getHours())}})),2),A=H[0],z=H[1],P=d(e.useState((function(){return B(A.period)})),2),j=P[0],O=P[1],R=d(e.useState((function(){return T(A.hour,A.period)})),2),Y=R[0],N=R[1];e.useEffect((function(){O(B(A.period)),N(T(A.hour,A.period))}),[A.hour,A.period,h,B,T]),e.useEffect((function(){var e=n||new Date,t=new Date(e);f?t.setHours(A.hour):t.setHours(S(A.hour,A.period)),t.setMinutes(A.minute),t.setSeconds(0),t.getHours()===e.getHours()&&t.getMinutes()===e.getMinutes()||a(t)}),[A,a,n,f,S]);var W={light:{backgroundColor:"#ffffff",textColor:"#666666",selectedTextColor:"#000000",highlightColor:"rgba(0, 0, 0, 0.05)",highlightBorderColor:"rgba(0, 0, 0, 0.1)",labelColor:"#999999"},dark:{backgroundColor:"#1e1e1e",textColor:"#a0a0a0",selectedTextColor:"#ffffff",highlightColor:"rgba(255, 255, 255, 0.1)",highlightBorderColor:"rgba(255, 255, 255, 0.2)",labelColor:"#777777"}},F=W[y]||W.light;return o.default.createElement("div",{className:"crisli-time-picker",style:{backgroundColor:F.backgroundColor,borderRadius:"12px",padding:"20px 10px",boxShadow:"0 4px 20px rgba(0, 0, 0, 0.1)"}},o.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between",marginBottom:"10px",paddingLeft:"10px",paddingRight:"10px"}},o.default.createElement("div",{style:{flex:1,textAlign:"center",color:F.labelColor,fontSize:"12px"}},"Hour"),o.default.createElement("div",{style:{flex:1,textAlign:"center",color:F.labelColor,fontSize:"12px"}},"Minute"),!f&&o.default.createElement("div",{style:{flex:1,textAlign:"center",color:F.labelColor,fontSize:"12px"}},"AM/PM")),o.default.createElement("div",{className:"crisli-wheels-container",style:{display:"flex",width:"100%",justifyContent:"space-between",gap:"5px"}},o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:j,value:A.hour,onChange:function(e){var t=f?e:S(e,A.period);h&&D(t,A.minute)||z((function(t){return u(u({},t),{},{hour:e})}))},textColor:F.textColor,selectedTextColor:F.selectedTextColor,highlightColor:F.highlightColor,highlightBorderColor:F.highlightBorderColor,fontSize:"14px"},C))),o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:Y,value:A.minute,onChange:function(e){var t=f?A.hour:S(A.hour,A.period);h&&D(t,e)||z((function(t){return u(u({},t),{},{minute:e})}))},textColor:F.textColor,selectedTextColor:F.selectedTextColor,highlightColor:F.highlightColor,highlightBorderColor:F.highlightBorderColor,fontSize:"14px"},C))),!f&&o.default.createElement("div",{style:{flex:1}},o.default.createElement(c,l({items:[{value:"AM",label:"AM"},{value:"PM",label:"PM"}],value:A.period,onChange:function(e){var t=S(A.hour,e);h&&D(t,A.minute)||z((function(t){return u(u({},t),{},{period:e})}))},textColor:F.textColor,selectedTextColor:F.selectedTextColor,highlightColor:F.highlightColor,highlightBorderColor:F.highlightBorderColor,fontSize:"14px"},C)))))},exports.Wheel=c,exports.WheelPicker=function(e){var t=e.items,r=void 0===t?[]:t,n=e.value,a=e.onChange,i=e.label,u=e.wheelProps,d=void 0===u?{}:u,f=e.theme,s={light:{backgroundColor:"#ffffff",textColor:"#666666",selectedTextColor:"#000000",highlightColor:"rgba(0, 0, 0, 0.05)",highlightBorderColor:"rgba(0, 0, 0, 0.1)",labelColor:"#999999"},dark:{backgroundColor:"#1e1e1e",textColor:"#a0a0a0",selectedTextColor:"#ffffff",highlightColor:"rgba(255, 255, 255, 0.1)",highlightBorderColor:"rgba(255, 255, 255, 0.2)",labelColor:"#777777"}},h=s[void 0===f?"light":f]||s.light;return o.default.createElement("div",{className:"crisli-wheel-picker",style:{backgroundColor:h.backgroundColor,borderRadius:"12px",padding:"20px 10px",boxShadow:"0 4px 20px rgba(0, 0, 0, 0.1)"}},i&&o.default.createElement("div",{style:{textAlign:"center",marginBottom:"10px",color:h.labelColor,fontSize:"12px"}},i),o.default.createElement(c,l({items:r,value:n,onChange:a,textColor:h.textColor,selectedTextColor:h.selectedTextColor,highlightColor:h.highlightColor,highlightBorderColor:h.highlightBorderColor},d)))};
//# sourceMappingURL=index.js.map