aha-components 1.5.2 → 1.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DatePicker.esm.js +1 -1
- package/dist/DatePicker.esm.js.map +1 -1
- package/dist/DatePicker.js +1 -1
- package/dist/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts +4 -0
- package/dist/components/DatePicker/index.d.ts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/DatePicker.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as a,useState as o,useEffect as i,useRef as l,useCallback as d,useMemo as u}from"react";import{createPortal as s}from"react-dom";var p=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},p.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var c={primaryColor:"#FB6011"},g=r(c),f=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],h=["January","February","March","April","May","June","July","August","September","October","November","December"],x=function(e,t){if(void 0===t&&(t="YYYY-MM-DD"),!e)return"";var n=e.getFullYear(),r=e.getMonth(),a=String(r+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0"),i=String(e.getDate());return t.replace(/YYYY/g,"").replace(/YY/g,"").replace(/MMMM/g,"").replace(/MMM/g,"").replace(/MM/g,"").replace(/DD/g,"").replace(/D/g,"").replace(/M/g,"").replace(new RegExp("","g"),String(n)).replace(new RegExp("","g"),String(n).slice(-2)).replace(new RegExp("","g"),h[r]).replace(new RegExp("","g"),f[r]).replace(new RegExp("","g"),a).replace(new RegExp("","g"),String(r+1)).replace(new RegExp("","g"),o).replace(new RegExp("","g"),i)},D=function(e,t){return new Date(e,t+1,0).getDate()},y=function(e,t){return!(!e||!t)&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())},m=function(e,t,n){return!(t&&e<t)&&!(n&&e>n)},v=function(e,t,n){if(!t||!n)return!1;var r=e.getTime(),a=t.getTime(),o=n.getTime();return r>=a&&r<=o},b=function(r){var f=r.mode,b=void 0===f?"date":f,F=r.disabled,C=void 0!==F&&F,w=r.error,M=void 0!==w&&w,k=r.placeholder,S=void 0===k?"Select date":k,E=r.startPlaceholder,R=void 0===E?"Start date":E,L=r.endPlaceholder,T=void 0===L?"End date":L,Y=r.size,A=void 0===Y?"medium":Y,B=r.allowClear,W=void 0!==B&&B,z=r.format,H=void 0===z?"range"===b?"MMM D, YYYY":"YYYY-MM-DD":z,V=r.onFocus,I=r.onBlur,j=r.onOpenChange,O=r.className,P=void 0===O?"":O,N=r.style,J=r.dropdownClassName,X=void 0===J?"":J,Z=r.dropdownStyle,G=r.defaultOpen,q=void 0!==G&&G,K=r.open,Q=r.minDate,U=r.maxDate,$=r.separator,_=void 0===$?" - ":$,ee=r.presetRanges,te=void 0!==ee&&ee,ne=r.calendarCount,re=void 0===ne?1:ne,ae=r.showApplyCancel,oe=void 0!==ae&&ae,ie=r.applyText,le=void 0===ie?"Apply":ie,de=r.cancelText,ue=void 0===de?"Cancel":de,se=r.onApply,pe=r.onCancel,ce=(a(g)||c).primaryColor,ge=void 0===ce?"#FB6011":ce,fe="range"===b,he=o(function(){return"date"===b&&"defaultValue"in r&&r.defaultValue||null}),xe=he[0],De=he[1],ye=o(function(){return"range"===b&&"defaultValue"in r&&r.defaultValue||{startDate:null,endDate:null}}),me=ye[0],ve=ye[1],be=o(q),Fe=be[0],Ce=be[1],we=o(!0),Me=we[0],ke=we[1],Se=o(null),Ee=Se[0],Re=Se[1],Le=o(function(){var e,t;if("date"===b&&"value"in r&&r.value&&(t=r.value))return{year:t.getFullYear(),month:t.getMonth()};if("range"===b&&"value"in r&&r.value&&(t=(e=r.value).startDate||e.endDate))return{year:t.getFullYear(),month:t.getMonth()};if("date"===b&&"defaultValue"in r&&r.defaultValue&&(t=r.defaultValue))return{year:t.getFullYear(),month:t.getMonth()};if("range"===b&&"defaultValue"in r&&r.defaultValue&&(t=(e=r.defaultValue).startDate||e.endDate))return{year:t.getFullYear(),month:t.getMonth()};var n=new Date;return{year:n.getFullYear(),month:n.getMonth()}}),Te=Le[0],Ye=Le[1],Ae=o(function(){if(2===re&&fe){var e=new Date(Te.year,Te.month+1,1);return{year:e.getFullYear(),month:e.getMonth()}}return null}),Be=Ae[0],We=Ae[1];i(function(){if(2===re&&fe){var e=new Date(Te.year,Te.month+1,1);We({year:e.getFullYear(),month:e.getMonth()})}else We(null)},[Te,re,fe]);var ze=l(null),He=l(null),Ve=l(null),Ie=l(null),je=l(null),Oe=o(null),Pe=Oe[0],Ne=Oe[1],Je=l(!1),Xe="value"in r&&void 0!==r.value,Ze=void 0!==K,Ge=fe?null:Xe&&"date"===b&&"value"in r?r.value:xe,qe=fe?Xe&&"range"===b&&"value"in r?r.value||{startDate:null,endDate:null}:me:{startDate:null,endDate:null},Ke=Ze?K:Fe;i(function(){if(Ke&&!Je.current){if(fe){var e=qe.startDate||qe.endDate;if(e){var t=e.getFullYear(),n=e.getMonth();Te.year===t&&Te.month===n||Ye({year:t,month:n})}}else if(Ge){t=Ge.getFullYear(),n=Ge.getMonth();Te.year===t&&Te.month===n||Ye({year:t,month:n})}Je.current=!0}else Ke||(Je.current=!1)},[Ke,Ge,qe,fe,Te]),i(function(){if(Ke&&ze.current){var e=function(){if(ze.current){var e=ze.current.getBoundingClientRect();Ne({top:e.bottom+window.scrollY+4,left:e.left+window.scrollX,width:e.width})}};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),function(){window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}}Ne(null)},[Ke]),i(function(){var e=function(e){var t=e.target;ze.current&&!ze.current.contains(t)&&je.current&&!je.current.contains(t)&&(Ze||Ce(!1),null==j||j(!1))};if(Ke)return document.addEventListener("mousedown",e,!0),document.addEventListener("touchstart",e,!0),function(){document.removeEventListener("mousedown",e,!0),document.removeEventListener("touchstart",e,!0)}},[Ke,Ze,j]);var Qe,Ue=d(function(e){var t;m(e,Q,U)&&(Xe||De(e),"date"===b&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,e)),Ze||Ce(!1),null==j||j(!1))},[Xe,Ze,b,r,j,Q,U]),$e=d(function(e){var t;if(m(e,Q,U)){var n,a=oe&&Ee?Ee:qe;a.startDate&&a.endDate?(n={startDate:e,endDate:null},ke(!1)):Me?a.endDate&&e>a.endDate?(n={startDate:a.endDate,endDate:e},ke(!1)):(n={startDate:e,endDate:a.endDate},a.endDate?(ke(!0),oe||(Ze||Ce(!1),null==j||j(!1))):ke(!1)):a.startDate&&e<a.startDate?(n={startDate:e,endDate:a.startDate},ke(!1)):(n={startDate:a.startDate,endDate:e},ke(!0),oe||(Ze||Ce(!1),null==j||j(!1))),oe?Re(n):(Xe||ve(n),"range"===b&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,n)))}},[Me,qe,Ee,oe,Xe,Ze,b,r,j,Q,U]),_e=function(e){var t,n;if(e.stopPropagation(),fe){var a={startDate:null,endDate:null};Xe||ve(a),"range"===b&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,a)),ke(!0)}else Xe||De(null),"date"===b&&"onChange"in r&&(null===(n=r.onChange)||void 0===n||n.call(r,null))},et=function(){if(!C){var e=!Ke;Ze||Ce(e),null==j||j(e),e&&fe?(ke(!qe.startDate),oe&&Re(qe)):!e&&oe&&Re(null)}},tt=u(function(){var e=new Date;e.setHours(0,0,0,0);var t=new Date(e),n=new Date(e);n.setDate(e.getDate()-6);var r=new Date(e),a=new Date(e),o=e.getDate();a.setMonth(e.getMonth()-1),a.getDate()!==o&&a.setDate(0);var i=new Date(e),l=new Date(e);return l.setFullYear(e.getFullYear()-1),[{label:"Last week",range:{startDate:n,endDate:t}},{label:"Last month",range:{startDate:a,endDate:r}},{label:"Last year",range:{startDate:l,endDate:i}}]},[]),nt=u(function(){return Array.isArray(te)?te:!0===te?tt:[]},[te,tt]),rt=nt.length>0,at=function(e){var t;if(e.startDate){var n=e.startDate.getFullYear(),a=e.startDate.getMonth();Ye({year:n,month:a})}oe?Re(e):(Xe||ve(e),"range"===b&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,e)),Ze||Ce(!1),null==j||j(!1))},ot=function(){Ye(function(e){return 0===e.month?{year:e.year-1,month:11}:{year:e.year,month:e.month-1}})},it=function(){Ye(function(e){return 11===e.month?{year:e.year+1,month:0}:{year:e.year,month:e.month+1}})},lt=d(function(e,t){for(var n=D(e,t),r=[],a=1;a<=n;a++)r.push(new Date(e,t,a));return r},[]),dt=u(function(){return lt(Te.year,Te.month)},[Te,lt]),ut=u(function(){return 2===re&&fe&&Be?lt(Be.year,Be.month):null},[re,fe,Be,lt]),st=function(){Be&&We(function(e){return e?0===e.month?{year:e.year-1,month:11}:{year:e.year,month:e.month-1}:null})},pt=function(){Be&&We(function(e){return e?11===e.month?{year:e.year+1,month:0}:{year:e.year,month:e.month+1}:null})},ct={small:{height:"32px",paddingTop:"3px",paddingBottom:"3px",fontSize:"16px",lineHeight:"24px"},mediumSmall:{height:"36px",paddingTop:"5px",paddingBottom:"5px",fontSize:"16px",lineHeight:"24px"},medium:{height:"40px",paddingTop:"7px",paddingBottom:"7px",fontSize:"16px",lineHeight:"24px"},large:{height:"48px",paddingTop:"11px",paddingBottom:"11px",fontSize:"16px",lineHeight:"24px"}},gt=W&&!C&&(fe?qe.startDate||qe.endDate:Ge),ft=Ge?x(Ge,H):"",ht=qe.startDate?x(qe.startDate,H):"",xt=qe.endDate?x(qe.endDate,H):"",Dt=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];return e(t,{children:[n("style",{children:"\n @keyframes dropdownFadeIn {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n "}),e("div",{ref:ze,className:"aha-date-picker ".concat(P),style:p({position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",fontFamily:"DM Sans, sans-serif",borderRadius:"8px",border:"1px solid ".concat(M?"#F04438":Ke?ge:"#D7D3D0"),backgroundColor:C?"#FAFAF9":"#FFFFFF",cursor:C?"not-allowed":"pointer",transition:"all 0.2s",paddingLeft:"40px",paddingRight:gt?"36px":"12px",paddingTop:ct[A].paddingTop,paddingBottom:ct[A].paddingBottom,fontSize:ct[A].fontSize,lineHeight:ct[A].lineHeight,fontWeight:400,WebkitTapHighlightColor:"transparent",WebkitTouchCallout:"none",touchAction:"manipulation",userSelect:"none"},N),onClick:et,onFocus:function(e){null==V||V(e)},onBlur:function(e){null==I||I(e)},tabIndex:C?-1:0,children:[n("span",{style:{position:"absolute",left:"12px",display:"flex",alignItems:"center",color:C?"#98A2B3":"#78716C",zIndex:1,pointerEvents:"none"},children:n(function(){return n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M12.6667 2.66667H12V2C12 1.63181 11.7015 1.33333 11.3333 1.33333C10.9651 1.33333 10.6667 1.63181 10.6667 2V2.66667H5.33333V2C5.33333 1.63181 5.03486 1.33333 4.66667 1.33333C4.29848 1.33333 4 1.63181 4 2V2.66667H3.33333C2.59695 2.66667 2 3.26362 2 4V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4C14 3.26362 13.403 2.66667 12.6667 2.66667ZM12.6667 13.3333H3.33333V7.33333H12.6667V13.3333ZM12.6667 6H3.33333V4H12.6667V6Z",fill:"currentColor"})})},{})}),fe?e("div",{style:{display:"flex",alignItems:"center",flex:1,gap:"8px",minWidth:0},children:[n("input",{ref:Ve,type:"text",value:ht,readOnly:!0,placeholder:R,disabled:C,onClick:function(e){e.stopPropagation(),C||(ke(!0),Ke||et())},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:C?"#98A2B3":qe.startDate?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:C?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}}),n("span",{style:{color:C?"#98A2B3":"#78716C",fontSize:"16px",flexShrink:0},children:_}),n("input",{ref:Ie,type:"text",value:xt,readOnly:!0,placeholder:T,disabled:C,onClick:function(e){e.stopPropagation(),C||(ke(!1),Ke||et())},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:C?"#98A2B3":qe.endDate?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:C?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}})]}):n("input",{ref:He,type:"text",value:ft,readOnly:!0,placeholder:S,disabled:C,onClick:function(e){e.stopPropagation(),C||et()},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:C?"#98A2B3":Ge?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:C?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}}),gt&&n("div",{style:{position:"absolute",right:"12px",display:"flex",alignItems:"center",gap:"4px"},children:n(function(){return n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:_e,style:{cursor:"pointer",flexShrink:0,color:"#78716C"},children:n("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},{})})]}),Ke&&Pe&&s(n("div",{ref:je,className:"aha-date-picker-dropdown ".concat(X),style:p({position:"absolute",top:"".concat(Pe.top,"px"),left:"".concat(Pe.left,"px"),zIndex:1050,backgroundColor:"#FFFFFF",borderRadius:"8px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",border:"1px solid #E7E5E4",padding:"0",opacity:0,transform:"translateY(-8px)",animation:"dropdownFadeIn 0.2s ease-out forwards",display:"flex",flexDirection:"column"},Z),children:e("div",{style:{display:"flex",flex:1,minHeight:0,flexDirection:fe&&rt&&1===re?"column":"row"},children:[fe&&rt&&2===re&&n("div",{style:{width:"140px",borderRight:"1px solid #E7E5E4",padding:"12px 0",backgroundColor:"#FFFFFF",borderTopLeftRadius:"8px",borderBottomLeftRadius:oe?"0":"8px"},children:nt.map(function(e,t){var r=Ee?y(e.range.startDate,Ee.startDate)&&y(e.range.endDate,Ee.endDate):y(e.range.startDate,qe.startDate)&&y(e.range.endDate,qe.endDate);return n("div",{onClick:function(){return at(e.range)},style:{padding:"8px 16px",cursor:"pointer",fontSize:"14px",fontFamily:"DM Sans, sans-serif",color:r?ge:"#1C1917",backgroundColor:r?"#FAFAF9":"transparent",fontWeight:r?500:400,transition:"all 0.2s"},onMouseEnter:function(e){r||(e.currentTarget.style.backgroundColor="#F5F5F4")},onMouseLeave:function(e){r||(e.currentTarget.style.backgroundColor="transparent")},children:e.label},t)})}),e("div",{children:[n("div",{style:{flex:1,padding:"16px",display:"flex",flexDirection:2===re?"row":"column",gap:2===re?"24px":"0"},children:(Qe=function(t,r,a,o,i){return void 0===i&&(i=0),e("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",alignItems:"center",justifyContent:2===re&&fe?"center":"space-between",marginBottom:"16px",position:"relative"},children:[!(2===re&&fe&&1===i)&&n("button",{type:"button",onClick:a,style:{display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",border:"none",background:"transparent",cursor:"pointer",borderRadius:"4px",color:"#78716C",transition:"all 0.2s",position:2===re&&fe?"absolute":"relative",left:2===re&&fe?0:void 0},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#FAFAF9"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="transparent"},children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:n("path",{d:"M10 12L6 8L10 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),e("div",{style:{fontSize:"16px",fontWeight:500,color:"#1C1917",fontFamily:"DM Sans, sans-serif"},children:[h[t.month]," ",t.year]}),!(2===re&&fe&&0===i)&&n("button",{type:"button",onClick:o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",border:"none",background:"transparent",cursor:"pointer",borderRadius:"4px",color:"#78716C",transition:"all 0.2s",position:2===re&&fe?"absolute":"relative",right:2===re&&fe?0:void 0},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#FAFAF9"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="transparent"},children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:n("path",{d:"M6 4L10 8L6 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),fe&&rt&&1===re&&n("div",{style:{width:"252px",display:"flex",flexWrap:"wrap",paddingBottom:"16px"},children:nt.map(function(e,t){var r=Ee?y(e.range.startDate,Ee.startDate)&&y(e.range.endDate,Ee.endDate):y(e.range.startDate,qe.startDate)&&y(e.range.endDate,qe.endDate);return n("button",{type:"button",onClick:function(){return at(e.range)},style:{padding:"4px 9px",cursor:"pointer",fontSize:"14px",fontFamily:"DM Sans, sans-serif",color:r?ge:"#1C1917",backgroundColor:r?"#FAFAF9":"transparent",border:"none",fontWeight:r?500:400,transition:"all 0.2s",borderRadius:"4px"},children:e.label},t)})}),n("div",{style:{width:"252px",display:"grid",gridTemplateColumns:"repeat(7, 1fr)",marginBottom:"8px"},children:Dt.map(function(e){return n("div",{style:{width:"36px",textAlign:"center",fontSize:"12px",fontWeight:500,color:"#78716C",fontFamily:"DM Sans, sans-serif",padding:"4px"},children:e},e)})}),n("div",{style:{width:"252px",display:"grid",gridTemplateColumns:"repeat(7, 1fr)",rowGap:"4px",columnGap:"0px"},children:function(){for(var a,o,i=(a=t.year,o=t.month,new Date(a,o,1).getDay()),l=(0===i?7:i)-1,d=[],u=0;u<l;u++)d.push(n("div",{},"empty-".concat(u)));return r.forEach(function(a,o){if(a){var i=l+o,u=a.getMonth()===t.month,s=y(a,new Date),p=!m(a,Q,U);if(fe){var c=oe&&Ee?Ee:qe,g=y(a,c.startDate),f=y(a,c.endDate),h=v(a,c.startDate,c.endDate),x=i%7==0,b=i%7==6,F=g,C=f,w=o>0?r[o-1]:null,M=o<r.length-1?r[o+1]:null;w&&v(w,c.startDate,c.endDate),M&&v(M,c.startDate,c.endDate);var k=o-7,S=o+7,E=k>=0?r[k]:null,R=S<r.length?r[S]:null;E&&v(E,c.startDate,c.endDate),R&&v(R,c.startDate,c.endDate);var L={display:"flex",alignItems:"center",justifyContent:"center",width:"36px",height:"36px",border:"none",cursor:p?"not-allowed":"pointer",fontSize:"14px",fontFamily:"DM Sans, sans-serif",transition:"all 0.2s",opacity:p?.4:1,position:"relative",padding:0,margin:0};if(F||C)L.background=ge,L.borderRadius="50%",L.color="#FFFFFF",L.fontWeight=500;else if(h){L.background="#F5F5F4",L.color=u?p?"#D7D3D0":"#1C1917":"#78716C",L.fontWeight=400;var T=1===a.getDate(),Y=D(t.year,t.month),A=a.getDate()===Y,B=x||T,W=b||A;B&&W?L.borderRadius="18px":B?(L.borderTopLeftRadius="18px",L.borderBottomLeftRadius="18px",L.borderTopRightRadius="0",L.borderBottomRightRadius="0"):W?(L.borderTopRightRadius="18px",L.borderBottomRightRadius="18px",L.borderTopLeftRadius="0",L.borderBottomLeftRadius="0"):L.borderRadius="0"}else L.background="transparent",L.borderRadius="50%",L.color=u?p?"#D7D3D0":"#1C1917":"#78716C",L.fontWeight=400;d.push(e("button",{type:"button",disabled:p,onClick:function(){return $e(a)},style:L,onMouseEnter:function(e){p||F||C||(e.currentTarget.style.backgroundColor=h?"#E7E5E4":"#FAFAF9")},onMouseLeave:function(e){F||C||(e.currentTarget.style.backgroundColor=h?"#F5F5F4":"transparent")},children:[a.getDate(),s&&n("div",{style:{position:"absolute",bottom:"3px",left:"50%",transform:"translateX(-50%)",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:F||C?"#FFFFFF":ge}})]},"date-".concat(o)))}else{var z=y(a,Ge);d.push(e("button",{type:"button",disabled:p,onClick:function(){return Ue(a)},style:{display:"flex",alignItems:"center",justifyContent:"center",width:"36px",height:"36px",border:"none",background:z?ge:"transparent",cursor:p?"not-allowed":"pointer",borderRadius:"4px",fontSize:"14px",fontWeight:z?500:400,color:z?"#FFFFFF":u?p?"#D7D3D0":"#1C1917":"#78716C",fontFamily:"DM Sans, sans-serif",transition:"all 0.2s",opacity:p?.4:1,position:"relative",padding:0,margin:0},onMouseEnter:function(e){p||z||(e.currentTarget.style.backgroundColor="#FAFAF9")},onMouseLeave:function(e){z||(e.currentTarget.style.backgroundColor="transparent")},children:[a.getDate(),s&&!z&&n("div",{style:{position:"absolute",bottom:"2px",left:"50%",transform:"translateX(-50%)",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:ge}})]},"date-".concat(o)))}}}),d}()})]},i)},e(t,{children:[Qe(Te,dt,ot,it,0),2===re&&fe&&Be&&ut&&Qe(Be,ut,st,pt,1)]}))}),fe&&oe&&e("div",{style:{display:"flex",justifyContent:"flex-end",gap:"8px",padding:"12px 16px",borderTop:"1px solid #E7E5E4",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"},children:[n("button",{type:"button",onClick:function(){Re(null),null==pe||pe(),Ze||Ce(!1),null==j||j(!1)},style:{padding:"8px 16px",border:"1px solid #E7E5E4",borderRadius:"8px",background:"#FFFFFF",color:"#1C1917",fontSize:"14px",fontWeight:500,fontFamily:"DM Sans, sans-serif",cursor:"pointer",transition:"all 0.2s"},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#FAFAF9"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="#FFFFFF"},children:ue}),n("button",{type:"button",onClick:function(){var e;Ee&&(Xe||ve(Ee),"range"===b&&"onChange"in r&&(null===(e=r.onChange)||void 0===e||e.call(r,Ee)),null==se||se(Ee),Ze||Ce(!1),null==j||j(!1),Re(null))},disabled:!Ee||!Ee.startDate||!Ee.endDate,style:{padding:"8px 16px",border:"none",borderRadius:"8px",background:Ee&&Ee.startDate&&Ee.endDate?ge:"#D7D3D0",color:"#FFFFFF",fontSize:"14px",fontWeight:500,fontFamily:"DM Sans, sans-serif",cursor:Ee&&Ee.startDate&&Ee.endDate?"pointer":"not-allowed",transition:"all 0.2s"},onMouseEnter:function(e){Ee&&Ee.startDate&&Ee.endDate&&(e.currentTarget.style.backgroundColor="#FD843A")},onMouseLeave:function(e){Ee&&Ee.startDate&&Ee.endDate&&(e.currentTarget.style.backgroundColor=ge)},children:le})]})]})]})}),document.body)]})};b.displayName="DatePicker";export{b as default};
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as a,useState as o,useEffect as i,useRef as l,useCallback as d,useMemo as s}from"react";import{createPortal as u}from"react-dom";var c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},c.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var p={primaryColor:"#FB6011"},g=r(p),f=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],h=["January","February","March","April","May","June","July","August","September","October","November","December"],x=function(e,t){if(void 0===t&&(t="YYYY-MM-DD"),!e)return"";var n=e.getFullYear(),r=e.getMonth(),a=String(r+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0"),i=String(e.getDate());return t.replace(/YYYY/g,"").replace(/YY/g,"").replace(/MMMM/g,"").replace(/MMM/g,"").replace(/MM/g,"").replace(/DD/g,"").replace(/D/g,"").replace(/M/g,"").replace(new RegExp("","g"),String(n)).replace(new RegExp("","g"),String(n).slice(-2)).replace(new RegExp("","g"),h[r]).replace(new RegExp("","g"),f[r]).replace(new RegExp("","g"),a).replace(new RegExp("","g"),String(r+1)).replace(new RegExp("","g"),o).replace(new RegExp("","g"),i)},D=function(e,t){return new Date(e,t+1,0).getDate()},m=function(e,t){return!(!e||!t)&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())},y=function(e,t,n){return!(t&&e<t)&&!(n&&e>n)},v=function(r){var f=r.mode,v=void 0===f?"date":f,b=r.disabled,F=void 0!==b&&b,w=r.error,M=void 0!==w&&w,C=r.placeholder,Y=void 0===C?"Select date":C,k=r.startPlaceholder,S=void 0===k?"Start date":k,R=r.endPlaceholder,E=void 0===R?"End date":R,B=r.size,T=void 0===B?"medium":B,A=r.allowClear,L=void 0!==A&&A,W=r.format,z=void 0===W?"range"===v?"MMM D, YYYY":"YYYY-MM-DD":W,H=r.onFocus,V=r.onBlur,N=r.onOpenChange,I=r.className,j=void 0===I?"":I,O=r.style,P=r.dropdownClassName,J=void 0===P?"":P,X=r.dropdownStyle,Z=r.defaultOpen,q=void 0!==Z&&Z,G=r.open,K=r.minDate,Q=r.maxDate,U=r.separator,$=void 0===U?" - ":U,_=r.presetRanges,ee=void 0!==_&&_,te=r.calendarCount,ne=void 0===te?1:te,re=r.showApplyCancel,ae=void 0!==re&&re,oe=r.applyText,ie=void 0===oe?"Apply":oe,le=r.cancelText,de=void 0===le?"Cancel":le,se=r.onApply,ue=r.onCancel,ce=r.showSelectedRange,pe=void 0!==ce&&ce,ge=r.startSelectedRangeText,fe=void 0===ge?"Select dates":ge,he=r.endSelectedRangeText,xe=void 0===he?"Select dates":he,De=r.rangeDisplayMode,me=void 0===De?"range":De,ye=(a(g)||p).primaryColor,ve=void 0===ye?"#FB6011":ye,be="range"===v,Fe=o(function(){return"date"===v&&"defaultValue"in r&&r.defaultValue||null}),we=Fe[0],Me=Fe[1],Ce=o(function(){return"range"===v&&"defaultValue"in r&&r.defaultValue||{startDate:null,endDate:null}}),Ye=Ce[0],ke=Ce[1],Se=o(q),Re=Se[0],Ee=Se[1],Be=o(!0),Te=Be[0],Ae=Be[1],Le=o(null),We=Le[0],ze=Le[1],He=o(function(){var e,t;if("date"===v&&"value"in r&&r.value&&(t=r.value))return{year:t.getFullYear(),month:t.getMonth()};if("range"===v&&"value"in r&&r.value&&(t=(e=r.value).startDate||e.endDate))return{year:t.getFullYear(),month:t.getMonth()};if("date"===v&&"defaultValue"in r&&r.defaultValue&&(t=r.defaultValue))return{year:t.getFullYear(),month:t.getMonth()};if("range"===v&&"defaultValue"in r&&r.defaultValue&&(t=(e=r.defaultValue).startDate||e.endDate))return{year:t.getFullYear(),month:t.getMonth()};var n=new Date;return{year:n.getFullYear(),month:n.getMonth()}}),Ve=He[0],Ne=He[1],Ie=o(function(){if(2===ne&&be){var e=new Date(Ve.year,Ve.month+1,1);return{year:e.getFullYear(),month:e.getMonth()}}return null}),je=Ie[0],Oe=Ie[1];i(function(){if(2===ne&&be){var e=new Date(Ve.year,Ve.month+1,1);Oe({year:e.getFullYear(),month:e.getMonth()})}else Oe(null)},[Ve,ne,be]);var Pe=l(null),Je=l(null),Xe=l(null),Ze=l(null),qe=l(null),Ge=o(null),Ke=Ge[0],Qe=Ge[1],Ue=l(!1),$e=l(!1),_e=l(null),et="value"in r&&void 0!==r.value,tt=void 0!==G,nt=be?null:et&&"date"===v&&"value"in r?r.value:we,rt=be?et&&"range"===v&&"value"in r?r.value||{startDate:null,endDate:null}:Ye:{startDate:null,endDate:null},at=tt?G:Re;i(function(){if(at&&!Ue.current){if(be){var e=rt.startDate||rt.endDate;if(e){var t=e.getFullYear(),n=e.getMonth();Ne({year:t,month:n})}else{var r=new Date;Ne({year:r.getFullYear(),month:r.getMonth()})}}else if(nt){t=nt.getFullYear(),n=nt.getMonth();Ne({year:t,month:n})}else{r=new Date;Ne({year:r.getFullYear(),month:r.getMonth()})}Ue.current=!0}else at||(Ue.current=!1)},[at,nt,rt,be]),i(function(){if(at&&Pe.current){$e.current=!1,_e.current=null;var e=function(){if(Pe.current){var e=Pe.current.getBoundingClientRect();if($e.current&&null!==_e.current){var t,n=_e.current;if(qe.current){var r=qe.current.offsetHeight;t="top"===n?e.top+window.scrollY-r-4:e.bottom+window.scrollY+4}else t="top"===n?e.top+window.scrollY-400-4:e.bottom+window.scrollY+4;return void Qe({top:t,left:e.left+window.scrollX,width:e.width,placement:n})}var a=e.bottom+window.scrollY+4,o="bottom";Qe({top:a,left:e.left+window.scrollX,width:e.width,placement:o}),requestAnimationFrame(function(){requestAnimationFrame(function(){!function(){if(qe.current){var t=qe.current.offsetHeight,n=window.innerHeight-e.bottom-4,r=e.top-4;(n<t&&r>=t||n<t&&r<t&&r>n)&&(a=e.top+window.scrollY-t-4,o="top"),$e.current=!0,_e.current=o}Qe({top:a,left:e.left+window.scrollX,width:e.width,placement:o})}()})})}};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),function(){window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}}Qe(null),$e.current=!1,_e.current=null},[at]),i(function(){var e=function(e){var t=e.target;Pe.current&&!Pe.current.contains(t)&&qe.current&&!qe.current.contains(t)&&(tt||Ee(!1),null==N||N(!1))};if(at)return document.addEventListener("mousedown",e,!0),document.addEventListener("touchstart",e,!0),function(){document.removeEventListener("mousedown",e,!0),document.removeEventListener("touchstart",e,!0)}},[at,tt,N]);var ot,it,lt,dt,st=d(function(e){var t;y(e,K,Q)&&(et||Me(e),"date"===v&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,e)),tt||Ee(!1),null==N||N(!1))},[et,tt,v,r,N,K,Q]),ut=d(function(e){var t;if(y(e,K,Q)){var n,a=ae&&We?We:rt;a.startDate&&a.endDate?(n={startDate:e,endDate:null},Ae(!1)):Te?a.endDate&&e>a.endDate?(n={startDate:a.endDate,endDate:e},Ae(!1)):(n={startDate:e,endDate:a.endDate},a.endDate?(Ae(!0),ae||(tt||Ee(!1),null==N||N(!1))):Ae(!1)):a.startDate&&e<a.startDate?(n={startDate:e,endDate:a.startDate},Ae(!1)):(n={startDate:a.startDate,endDate:e},Ae(!0),ae||(tt||Ee(!1),null==N||N(!1))),ae?ze(n):(et||ke(n),"range"===v&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,n)))}},[Te,rt,We,ae,et,tt,v,r,N,K,Q]),ct=function(e){var t,n;if(e.stopPropagation(),be){var a={startDate:null,endDate:null};et||ke(a),"range"===v&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,a)),Ae(!0)}else et||Me(null),"date"===v&&"onChange"in r&&(null===(n=r.onChange)||void 0===n||n.call(r,null));if(!at){var o=new Date;Ne({year:o.getFullYear(),month:o.getMonth()})}},pt=function(){if(!F){var e=!at;if(tt||Ee(e),null==N||N(e),e){if(be){if(Ae(!rt.startDate),ae&&ze(rt),!rt.startDate&&!rt.endDate){var t=new Date;Ne({year:t.getFullYear(),month:t.getMonth()})}}else if(!nt){t=new Date;Ne({year:t.getFullYear(),month:t.getMonth()})}}else!e&&ae&&ze(null)}},gt=s(function(){var e=new Date;e.setHours(0,0,0,0);var t=new Date(e),n=new Date(e);n.setDate(e.getDate()-6);var r=new Date(e),a=new Date(e),o=e.getDate();a.setMonth(e.getMonth()-1),a.getDate()!==o&&a.setDate(0);var i=new Date(e),l=new Date(e);return l.setFullYear(e.getFullYear()-1),[{label:"Last week",range:{startDate:n,endDate:t}},{label:"Last month",range:{startDate:a,endDate:r}},{label:"Last year",range:{startDate:l,endDate:i}}]},[]),ft=s(function(){return Array.isArray(ee)?ee:!0===ee?gt:[]},[ee,gt]),ht=ft.length>0,xt=function(e){var t;if(e.startDate){var n=e.startDate.getFullYear(),a=e.startDate.getMonth();Ne({year:n,month:a})}ae?ze(e):(et||ke(e),"range"===v&&"onChange"in r&&(null===(t=r.onChange)||void 0===t||t.call(r,e)),tt||Ee(!1),null==N||N(!1))},Dt=function(){Ne(function(e){return 0===e.month?{year:e.year-1,month:11}:{year:e.year,month:e.month-1}})},mt=function(){Ne(function(e){return 11===e.month?{year:e.year+1,month:0}:{year:e.year,month:e.month+1}})},yt=d(function(e,t){for(var n=D(e,t),r=[],a=1;a<=n;a++)r.push(new Date(e,t,a));return r},[]),vt=s(function(){return yt(Ve.year,Ve.month)},[Ve,yt]),bt=s(function(){return 2===ne&&be&&je?yt(je.year,je.month):null},[ne,be,je,yt]),Ft=function(){je&&Oe(function(e){return e?0===e.month?{year:e.year-1,month:11}:{year:e.year,month:e.month-1}:null})},wt=function(){je&&Oe(function(e){return e?11===e.month?{year:e.year+1,month:0}:{year:e.year,month:e.month+1}:null})},Mt={small:{height:"32px",paddingTop:"3px",paddingBottom:"3px",fontSize:"16px",lineHeight:"24px"},mediumSmall:{height:"36px",paddingTop:"5px",paddingBottom:"5px",fontSize:"16px",lineHeight:"24px"},medium:{height:"40px",paddingTop:"7px",paddingBottom:"7px",fontSize:"16px",lineHeight:"24px"},large:{height:"48px",paddingTop:"11px",paddingBottom:"11px",fontSize:"16px",lineHeight:"24px"}},Ct=L&&!F&&(be?rt.startDate||rt.endDate:nt),Yt=nt?x(nt,z):"",kt=rt.startDate?x(rt.startDate,z):"",St=rt.endDate?x(rt.endDate,z):"",Rt=s(function(){if(!be||"text"!==me)return"";if(rt.startDate&&rt.endDate){var e=x(rt.startDate,"MMM D, YYYY"),t=x(rt.endDate,"MMM D, YYYY");return"".concat(e," ").concat($," ").concat(t)}return rt.startDate?x(rt.startDate,"MMM D, YYYY"):rt.endDate?x(rt.endDate,"MMM D, YYYY"):""},[be,me,rt,$]),Et=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];return e(t,{children:[n("style",{children:"\n @keyframes dropdownFadeIn {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @keyframes dropdownFadeInTop {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n "}),e("div",{ref:Pe,className:"aha-date-picker ".concat(j),style:c({position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",fontFamily:"DM Sans, sans-serif",borderRadius:"8px",border:"1px solid ".concat(M?"#F04438":at?ve:"#D7D3D0"),backgroundColor:F?"#FAFAF9":"#FFFFFF",cursor:F?"not-allowed":"pointer",transition:"all 0.2s",paddingLeft:"40px",paddingRight:Ct?"30px":"12px",paddingTop:Mt[T].paddingTop,paddingBottom:Mt[T].paddingBottom,fontSize:Mt[T].fontSize,lineHeight:Mt[T].lineHeight,fontWeight:400,WebkitTapHighlightColor:"transparent",WebkitTouchCallout:"none",touchAction:"manipulation",userSelect:"none"},O),onClick:pt,onFocus:function(e){null==H||H(e)},onBlur:function(e){null==V||V(e)},tabIndex:F?-1:0,children:[n("span",{style:{position:"absolute",left:"12px",display:"flex",alignItems:"center",color:F?"#98A2B3":"#78716C",zIndex:1,pointerEvents:"none"},children:n(function(){return n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M12.6667 2.66667H12V2C12 1.63181 11.7015 1.33333 11.3333 1.33333C10.9651 1.33333 10.6667 1.63181 10.6667 2V2.66667H5.33333V2C5.33333 1.63181 5.03486 1.33333 4.66667 1.33333C4.29848 1.33333 4 1.63181 4 2V2.66667H3.33333C2.59695 2.66667 2 3.26362 2 4V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4C14 3.26362 13.403 2.66667 12.6667 2.66667ZM12.6667 13.3333H3.33333V7.33333H12.6667V13.3333ZM12.6667 6H3.33333V4H12.6667V6Z",fill:"currentColor"})})},{})}),be?"text"===me?n("input",{ref:Je,type:"text",value:Rt,readOnly:!0,placeholder:Y,disabled:F,onClick:function(e){e.stopPropagation(),F||pt()},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:F?"#98A2B3":rt.startDate||rt.endDate?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:F?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}}):e("div",{style:{display:"flex",alignItems:"center",flex:1,gap:"8px",minWidth:0},children:[n("input",{ref:Xe,type:"text",value:kt,readOnly:!0,placeholder:S,disabled:F,onClick:function(e){if(e.stopPropagation(),!F)if(Ae(!0),at){if(!rt.startDate&&!rt.endDate){var t=new Date;Ne({year:t.getFullYear(),month:t.getMonth()})}}else pt()},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:F?"#98A2B3":rt.startDate?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:F?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}}),n("span",{style:{color:F?"#98A2B3":"#78716C",fontSize:"16px",flexShrink:0},children:$}),n("input",{ref:Ze,type:"text",value:St,readOnly:!0,placeholder:E,disabled:F,onClick:function(e){if(e.stopPropagation(),!F)if(Ae(!1),at){if(!rt.startDate&&!rt.endDate){var t=new Date;Ne({year:t.getFullYear(),month:t.getMonth()})}}else pt()},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:F?"#98A2B3":rt.endDate?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:F?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}})]}):n("input",{ref:Je,type:"text",value:Yt,readOnly:!0,placeholder:Y,disabled:F,onClick:function(e){e.stopPropagation(),F||pt()},style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:"16px",lineHeight:"24px",fontWeight:400,color:F?"#98A2B3":nt?"#1C1917":"#79716B",fontFamily:"DM Sans, sans-serif",minWidth:0,cursor:F?"not-allowed":"pointer",WebkitAppearance:"none",appearance:"none"}}),Ct&&n("div",{style:{position:"absolute",right:"10px",display:"flex",alignItems:"center",gap:"4px"},children:n(function(){return n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:ct,style:{cursor:"pointer",flexShrink:0,color:"#78716C"},children:n("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},{})})]}),at&&Ke&&u(n("div",{ref:qe,className:"aha-date-picker-dropdown ".concat(J),style:c({position:"absolute",top:"".concat(Ke.top,"px"),left:"".concat(Ke.left,"px"),zIndex:1050,backgroundColor:"#FFFFFF",borderRadius:"8px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",border:"1px solid #E7E5E4",padding:"0",opacity:0,transform:"top"===(Ke.placement||"bottom")?"translateY(8px)":"translateY(-8px)",animation:"top"===(Ke.placement||"bottom")?"dropdownFadeInTop 0.2s ease-out forwards":"dropdownFadeIn 0.2s ease-out forwards",display:"flex",flexDirection:"column"},X),children:e("div",{style:{display:"flex",flex:1,minHeight:0,flexDirection:be&&ht&&1===ne?"column":"row"},children:[be&&ht&&2===ne&&n("div",{style:{width:"140px",borderRight:"1px solid #E7E5E4",padding:"12px 0",backgroundColor:"#FFFFFF",borderTopLeftRadius:"8px",borderBottomLeftRadius:ae?"0":"8px"},children:ft.map(function(e,t){var r=We?m(e.range.startDate,We.startDate)&&m(e.range.endDate,We.endDate):m(e.range.startDate,rt.startDate)&&m(e.range.endDate,rt.endDate);return n("div",{onClick:function(){return xt(e.range)},style:{padding:"8px 16px",cursor:"pointer",fontSize:"14px",fontFamily:"DM Sans, sans-serif",color:r?ve:"#1C1917",backgroundColor:r?"#FAFAF9":"transparent",fontWeight:r?500:400,transition:"all 0.2s"},onMouseEnter:function(e){r||(e.currentTarget.style.backgroundColor="#F5F5F4")},onMouseLeave:function(e){r||(e.currentTarget.style.backgroundColor="transparent")},children:e.label},t)})}),e("div",{children:[n("div",{style:{flex:1,padding:"16px",display:"flex",flexDirection:2===ne?"row":"column",gap:2===ne?"24px":"0"},children:(dt=function(t,r,a,o,i){return void 0===i&&(i=0),e("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",alignItems:"center",justifyContent:2===ne&&be?"center":"space-between",marginBottom:"16px",position:"relative"},children:[!(2===ne&&be&&1===i)&&n("button",{type:"button",onClick:a,style:{display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",border:"none",background:"transparent",cursor:"pointer",borderRadius:"4px",color:"#78716C",transition:"all 0.2s",position:2===ne&&be?"absolute":"relative",left:2===ne&&be?0:void 0},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#FAFAF9"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="transparent"},children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:n("path",{d:"M10 12L6 8L10 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),e("div",{style:{fontSize:"16px",fontWeight:500,color:"#1C1917",fontFamily:"DM Sans, sans-serif"},children:[h[t.month]," ",t.year]}),!(2===ne&&be&&0===i)&&n("button",{type:"button",onClick:o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",border:"none",background:"transparent",cursor:"pointer",borderRadius:"4px",color:"#78716C",transition:"all 0.2s",position:2===ne&&be?"absolute":"relative",right:2===ne&&be?0:void 0},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#FAFAF9"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="transparent"},children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:n("path",{d:"M6 4L10 8L6 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),be&&pe&&1===ne&&0===i&&(l=ae&&We?We:rt,d=l.startDate?x(l.startDate,"MMM D, YYYY"):fe,s=l.endDate?x(l.endDate,"MMM D, YYYY"):xe,e("div",{className:"flex items-center gap-2",style:{fontSize:"14px",marginBottom:"16px"},children:[n("div",{className:"flex-1 text-center border border-[#D7D3D0] rounded-md px-2 py-[6px] ".concat(l.startDate?"text-[#44403C]":"text-[#79716B]"),children:d}),n("div",{children:$}),n("div",{className:"flex-1 text-center border border-[#D7D3D0] rounded-md px-2 py-[6px] ".concat(l.endDate?"text-[#44403C]":"text-[#79716B]"),children:s})]})),be&&ht&&1===ne&&n("div",{style:{width:"252px",display:"flex",flexWrap:"wrap",paddingBottom:"16px"},children:ft.map(function(e,t){var r=We?m(e.range.startDate,We.startDate)&&m(e.range.endDate,We.endDate):m(e.range.startDate,rt.startDate)&&m(e.range.endDate,rt.endDate);return n("button",{type:"button",onClick:function(){return xt(e.range)},style:{padding:"4px 8px",cursor:"pointer",fontSize:"14px",fontFamily:"DM Sans, sans-serif",color:r?ve:"#1C1917",backgroundColor:r?"#FAFAF9":"transparent",border:"none",fontWeight:r?500:400,transition:"all 0.2s",borderRadius:"4px"},children:e.label},t)})}),n("div",{style:{width:"252px",display:"grid",gridTemplateColumns:"repeat(7, 1fr)",marginBottom:"8px"},children:Et.map(function(e){return n("div",{style:{width:"36px",textAlign:"center",fontSize:"12px",fontWeight:500,color:"#78716C",fontFamily:"DM Sans, sans-serif",padding:"4px"},children:e},e)})}),n("div",{style:{width:"252px",display:"grid",gridTemplateColumns:"repeat(7, 1fr)",rowGap:"4px",columnGap:"0px"},children:function(){for(var a,o,i=(a=t.year,o=t.month,new Date(a,o,1).getDay()),l=(0===i?7:i)-1,d=[],s=0;s<l;s++)d.push(n("div",{},"empty-".concat(s)));return r.forEach(function(r,a){if(r){var o=l+a,i=r.getMonth()===t.month,s=m(r,new Date),u=!y(r,K,Q);if(be){var c=ae&&We?We:rt,p=m(r,c.startDate),g=m(r,c.endDate),f=function(e,t,n){if(!t||!n)return!1;var r=e.getTime(),a=t.getTime(),o=n.getTime();return r>=a&&r<=o}(r,c.startDate,c.endDate),h=o%7==0,x=o%7==6,v=p,b=g,F={display:"flex",alignItems:"center",justifyContent:"center",width:"36px",height:"36px",border:"none",cursor:u?"not-allowed":"pointer",fontSize:"14px",fontFamily:"DM Sans, sans-serif",transition:"all 0.2s",opacity:u?.4:1,position:"relative",padding:0,margin:0};if(v||b)F.background=ve,F.borderRadius="50%",F.color="#FFFFFF",F.fontWeight=500;else if(f){F.background="#F5F5F4",F.color=i?u?"#D7D3D0":"#1C1917":"#78716C",F.fontWeight=400;var w=1===r.getDate(),M=D(t.year,t.month),C=r.getDate()===M,Y=h||w,k=x||C;Y&&k?F.borderRadius="18px":Y?(F.borderTopLeftRadius="18px",F.borderBottomLeftRadius="18px",F.borderTopRightRadius="0",F.borderBottomRightRadius="0"):k?(F.borderTopRightRadius="18px",F.borderBottomRightRadius="18px",F.borderTopLeftRadius="0",F.borderBottomLeftRadius="0"):F.borderRadius="0"}else F.background="transparent",F.borderRadius="50%",F.color=i?u?"#D7D3D0":"#1C1917":"#78716C",F.fontWeight=400;d.push(e("button",{type:"button",disabled:u,onClick:function(){return ut(r)},style:F,onMouseEnter:function(e){u||v||b||(e.currentTarget.style.backgroundColor=f?"#E7E5E4":"#FAFAF9")},onMouseLeave:function(e){v||b||(e.currentTarget.style.backgroundColor=f?"#F5F5F4":"transparent")},children:[r.getDate(),s&&n("div",{style:{position:"absolute",bottom:"3px",left:"50%",transform:"translateX(-50%)",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:v||b?"#FFFFFF":ve}})]},"date-".concat(a)))}else{var S=m(r,nt);d.push(e("button",{type:"button",disabled:u,onClick:function(){return st(r)},style:{display:"flex",alignItems:"center",justifyContent:"center",width:"36px",height:"36px",border:"none",background:S?ve:"transparent",cursor:u?"not-allowed":"pointer",borderRadius:"4px",fontSize:"14px",fontWeight:S?500:400,color:S?"#FFFFFF":i?u?"#D7D3D0":"#1C1917":"#78716C",fontFamily:"DM Sans, sans-serif",transition:"all 0.2s",opacity:u?.4:1,position:"relative",padding:0,margin:0},onMouseEnter:function(e){u||S||(e.currentTarget.style.backgroundColor="#FAFAF9")},onMouseLeave:function(e){S||(e.currentTarget.style.backgroundColor="transparent")},children:[r.getDate(),s&&!S&&n("div",{style:{position:"absolute",bottom:"2px",left:"50%",transform:"translateX(-50%)",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:ve}})]},"date-".concat(a)))}}}),d}()})]},i);var l,d,s},e(t,{children:[dt(Ve,vt,Dt,mt,0),2===ne&&be&&je&&bt&&dt(je,bt,Ft,wt,1)]}))}),be&&pe&&2===ne&&!ae&&(ot=rt,it=ot.startDate?x(ot.startDate,"MMM D, YYYY"):fe,lt=ot.endDate?x(ot.endDate,"MMM D, YYYY"):xe,n("div",{className:"flex items-center gap-2",style:{padding:"12px 16px",borderTop:"1px solid #E7E5E4",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"},children:e("div",{className:"w-[260px] flex items-center gap-2",style:{fontSize:"14px"},children:[n("div",{className:"flex-1 text-center border border-[#D7D3D0] rounded-md px-2 py-[6px] ".concat(ot.startDate?"text-[#44403C]":"text-[#79716B]"),children:it}),n("div",{children:$}),n("div",{className:"flex-1 text-center border border-[#D7D3D0] rounded-md px-2 py-[6px] ".concat(ot.endDate?"text-[#44403C]":"text-[#79716B]"),children:lt})]})})),be&&ae&&e("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",padding:"12px 16px",borderTop:"1px solid #E7E5E4",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"},children:[pe&&2===ne&&function(){var t=We||rt,r=t.startDate?x(t.startDate,"MMM D, YYYY"):fe,a=t.endDate?x(t.endDate,"MMM D, YYYY"):xe;return e("div",{className:"w-[260px] flex items-center gap-2",style:{fontSize:"14px"},children:[n("div",{className:"flex-1 text-center border border-[#D7D3D0] rounded-md px-2 py-[6px] ".concat(t.startDate?"text-[#44403C]":"text-[#79716B]"),children:r}),n("div",{children:$}),n("div",{className:"flex-1 text-center border border-[#D7D3D0] rounded-md px-2 py-[6px] ".concat(t.endDate?"text-[#44403C]":"text-[#79716B]"),children:a})]})}(),e("div",{className:"".concat(2===ne?"":"w-full"),style:{display:"flex",gap:"8px",flexShrink:0,marginLeft:"auto"},children:[n("button",{type:"button",onClick:function(){ze(null),null==ue||ue(),tt||Ee(!1),null==N||N(!1)},style:{flex:1,padding:"8px 16px",border:"1px solid #E7E5E4",borderRadius:"8px",background:"#FFFFFF",color:"#1C1917",fontSize:"14px",fontWeight:500,fontFamily:"DM Sans, sans-serif",cursor:"pointer",transition:"all 0.2s"},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#FAFAF9"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="#FFFFFF"},children:de}),n("button",{type:"button",onClick:function(){var e;We&&(et||ke(We),"range"===v&&"onChange"in r&&(null===(e=r.onChange)||void 0===e||e.call(r,We)),null==se||se(We),tt||Ee(!1),null==N||N(!1),ze(null))},disabled:!We||!We.startDate||!We.endDate,style:{flex:1,padding:"8px 16px",border:"none",borderRadius:"8px",background:We&&We.startDate&&We.endDate?ve:"#D7D3D0",color:"#FFFFFF",fontSize:"14px",fontWeight:500,fontFamily:"DM Sans, sans-serif",cursor:We&&We.startDate&&We.endDate?"pointer":"not-allowed",transition:"all 0.2s"},onMouseEnter:function(e){We&&We.startDate&&We.endDate&&(e.currentTarget.style.backgroundColor="#FD843A")},onMouseLeave:function(e){We&&We.startDate&&We.endDate&&(e.currentTarget.style.backgroundColor=ve)},children:ie})]})]})]})]})}),document.body)]})};v.displayName="DatePicker";export{v as default};
|
|
2
2
|
//# sourceMappingURL=DatePicker.esm.js.map
|