https://naemo.ai/_next/static/chunks/6710.1bbd22419ece4146.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6710],{26710:function(e,t,n){n.d(t,{h:function(){return u}});var r=n(57437),a=n(2265),l=n(54887),i=n(92451),o=n(10407),s=n(93448);let c=e=>{let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return"".concat(t,"-").concat(n,"-").concat(r)},d=e=>{let t=new Date(e);return"".concat(t.getMonth()+1,"월 ").concat(t.getDate(),"일")},u=e=>{var t,n,u;let{value:m,onChange:h,endDate:g,onEndDateChange:x,className:f,overlay:w=!1}=e,[v,b]=(0,a.useState)(!1),[p,k]=(0,a.useState)(new Date(m)),[E,j]=(0,a.useState)(!!g),[z,N]=(0,a.useState)(!1),[y,F]=(0,a.useState)(!1),[M,D]=(0,a.useState)(null),C=(0,a.useRef)(null),A=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=e=>{var t;let n=e.target;null!==(t=A.current)&&void 0!==t&&t.contains(n)||!C.current||C.current.contains(n)||b(!1)};return document.addEventListener("mouseup",e),document.addEventListener("touchend",e),()=>{document.removeEventListener("mouseup",e),document.removeEventListener("touchend",e)}},[]),(0,a.useEffect)(()=>{j(!!g)},[g]),(0,a.useEffect)(()=>{var e;if(!v){F(!1),D(null);return}let t=()=>{let e=A.current,t=C.current;if(!e||!t)return;let n=t.getBoundingClientRect(),r=e.offsetWidth,a=e.offsetHeight,l=getComputedStyle(document.documentElement),i=parseFloat(l.getPropertyValue("--vv-offset-top"))||0,o=i+(parseFloat(l.getPropertyValue("--app-height"))||window.innerHeight),s=n.bottom+8;if(s+a>o-8){let e=n.top-8-a;s=e>=i+8?e:Math.max(i+8,o-8-a)}D({left:Math.min(Math.max(8,n.left+n.width/2-r/2),Math.max(8,window.innerWidth-r-8)),top:s})},n=()=>{let e=A.current;if(!e)return;let t=function(e){let t=e.parentElement;for(;t;){let e=getComputedStyle(t).overflowY;if(("auto"===e||"scroll"===e)&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null}(e);if(!t){e.scrollIntoView({block:"nearest",behavior:"smooth"});return}let n=e.getBoundingClientRect().bottom-t.getBoundingClientRect().bottom+8;if(n<=0)return;let r=t.scrollHeight-t.clientHeight-t.scrollTop;r>0&&t.scrollBy({top:Math.min(n,r),behavior:"smooth"}),r<n&&F(!0)},r=0,a=requestAnimationFrame(()=>{r=requestAnimationFrame(w?t:n)});return w?(window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),null===(e=window.visualViewport)||void 0===e||e.addEventListener("resize",t),()=>{var e;cancelAnimationFrame(a),cancelAnimationFrame(r),window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t),null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",t)}):()=>{cancelAnimationFrame(a),cancelAnimationFrame(r)}},[v,w]);let S=new Date(p.getFullYear(),p.getMonth()+1,0).getDate(),Y=new Date(p.getFullYear(),p.getMonth(),1).getDay(),L=Array.from({length:S},(e,t)=>t+1),H=Array.from({length:Y},(e,t)=>null),R=e=>{let t=new Date(p);t.setMonth(t.getMonth()+e),k(t)},V=e=>{let t=c(new Date(p.getFullYear(),p.getMonth(),e));E&&x?z?(t<m?(x(m),h(t)):x(t),N(!1),b(!1)):(h(t),x(void 0),N(!0)):(h(t),b(!1))},B=e=>{let t=new Date;return p.getFullYear()===t.getFullYear()&&p.getMonth()===t.getMonth()&&e===t.getDate()},_=e=>{if(!E||!g)return!1;let t=c(new Date(p.getFullYear(),p.getMonth(),e));return t>m&&t<g},P=e=>c(new Date(p.getFullYear(),p.getMonth(),e))===m,q=e=>!!g&&c(new Date(p.getFullYear(),p.getMonth(),e))===g,W=g?"".concat(d(m)," ~ ").concat(d(g)):d(m);return(0,r.jsxs)("div",{ref:C,className:"relative w-full",children:[(0,r.jsx)("button",{type:"button",onClick:()=>b(!v),className:(0,s.cn)("calendar-picker-trigger w-full text-sm text-center bg-transparent rounded-lg text-zinc-900 dark:text-white hover:bg-zinc-100 dark:hover:bg-white/5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus:bg-zinc-100 dark:focus:bg-white/5",f||"px-2 py-2"),title:g?"".concat(m," ~ ").concat(g):m,children:W}),v&&(u=(0,r.jsxs)("div",{ref:A,className:(0,s.cn)("bg-white dark:bg-[#1C1C1E] border border-zinc-200 dark:border-white/10 rounded-2xl shadow-2xl p-4 w-[280px] max-w-[calc(100vw-32px)] animate-in fade-in duration-200 calendar-picker-popup",w?"fixed z-[300] slide-in-from-top-2":(0,s.cn)("absolute left-1/2 -translate-x-1/2 z-50",y?"bottom-full mb-2 slide-in-from-bottom-2":"top-full mt-2 slide-in-from-top-2")),style:w?{left:null!==(t=null==M?void 0:M.left)&&void 0!==t?t:0,top:null!==(n=null==M?void 0:M.top)&&void 0!==n?n:0,visibility:M?"visible":"hidden"}:void 0,children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsx)("button",{"aria-label":"이전 달",onClick:()=>R(-1),className:"p-1.5 hover:bg-zinc-100 dark:hover:bg-white/10 rounded-lg transition-colors",children:(0,r.jsx)(i.Z,{size:16,className:"text-zinc-500 dark:text-[#8E8E93]"})}),(0,r.jsxs)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-white",children:[p.getFullYear(),"년 ",p.getMonth()+1,"월"]}),(0,r.jsx)("button",{"aria-label":"다음 달",onClick:()=>R(1),className:"p-1.5 hover:bg-zinc-100 dark:hover:bg-white/10 rounded-lg transition-colors",children:(0,r.jsx)(o.Z,{size:16,className:"text-zinc-500 dark:text-[#8E8E93]"})})]}),E&&x&&(0,r.jsx)("div",{className:"text-center text-xs text-[#8E8E93] mb-2",children:z?"종료일을 선택하세요":"시작일을 선택하세요"}),(0,r.jsx)("div",{className:"grid grid-cols-7 gap-1 text-center text-[11px] text-zinc-400 dark:text-[#8E8E93] mb-2 font-medium",children:["일","월","화","수","목","금","토"].map(e=>(0,r.jsx)("div",{children:e},e))}),(0,r.jsxs)("div",{className:"grid grid-cols-7 gap-1",children:[H.map((e,t)=>(0,r.jsx)("div",{className:"w-8 h-8"},"b-".concat(t))),L.map(e=>{let t=P(e),n=q(e),a=_(e);return(0,r.jsx)("button",{onClick:()=>V(e),className:(0,s.cn)("w-8 h-8 rounded-lg text-xs font-medium transition flex items-center justify-center",t||n||a||B(e)?"":"calendar-date-normal text-zinc-600 dark:text-white/70 hover:bg-zinc-100 dark:hover:bg-white/10"),children:!B(e)||t||n||a?t||n?(0,r.jsx)("span",{className:"calendar-date-selected w-7 h-7 flex items-center justify-center rounded-md text-xs shadow-sm",children:e}):a?(0,r.jsx)("span",{className:"calendar-date-inrange w-7 h-7 flex items-center justify-center rounded-md text-xs",children:e}):e:(0,r.jsx)("span",{className:"calendar-date-today w-6 h-6 flex items-center justify-center rounded-full text-xs",children:e})},e)})]}),x&&(0,r.jsxs)("div",{className:"mt-4 pt-3 border-t border-zinc-200 dark:border-white/10 flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs text-zinc-500 dark:text-[#8E8E93]",children:"종료일 설정"}),(0,r.jsx)("button",{type:"button",role:"switch","aria-checked":E,"aria-label":"종료일 설정",onClick:()=>{let e=!E;

1j(e),!e&&x?(x(void 0),N(!1)):e&&N(!g)},className:(0,s.cn)("relative w-11 h-6 rounded-full transition-colors shrink-0 calendar-picker-toggle",E?"bg-[#007AFF] dark:bg-[#2883DE]":"bg-zinc-300 dark:bg-[#3A3A3C] dark:hover:bg-[#48484A]"),children:(0,r.jsx)("span",{className:(0,s.cn)("absolute top-0.5 left-0.5 w-5 h-5 rounded-full bg-white transition-transform duration-200 shadow-sm",E?"translate-x-5":"translate-x-0")})})]})]}),w&&"undefined"!=typeof document?(0,l.createPortal)(u,document.body):u)]})}}}]);