@wishket/design-system 2.1.5 → 2.2.1

package/dist/Components/Inputs/Calendar/Calendar.d.ts

@@ -14,6 +14,9 @@ import { CalendarProps } from './Calendar.types';
  * @param {boolean} [props.isError] - 에러 상태 표시 여부
  * @param {string} [props.className] - 컨테이너에 머지될 클래스 (예: 부모 너비에 맞추기 위한 `w-full`)
  * @param {string} [props.triggerClassName] - 트리거(TextFieldContainer)에 머지될 클래스
+ * @param {string} [props.dropdownClassName] - dropdown popup 영역에 머지될 클래스 (예: 모바일 풀너비 `w-full`)
+ * @param {string} [props.minDate] - 선택 가능한 최소 날짜 (YYYY-MM-DD). 이전 날짜 셀은 disabled 처리
+ * @param {string} [props.maxDate] - 선택 가능한 최대 날짜 (YYYY-MM-DD). 이후 날짜 셀은 disabled 처리
  *
  * @example
  * ```tsx
@@ -42,7 +45,13 @@ import { CalendarProps } from './Calendar.types';
  *   triggerClassName="w-full"
  *   selected="2024-03-21"
  * />
+ *
+ * // 과거 날짜 선택 disable (오늘 이후만 선택 가능)
+ * <Calendar
+ *   minDate="2026-05-04"
+ *   placeholder="시작일"
+ * />
  * ```
  */
-declare const Calendar: ({ defaultDate, selected, onChange, disabled, placeholder, isError, className, triggerClassName, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ defaultDate, selected, onChange, disabled, placeholder, isError, className, triggerClassName, dropdownClassName, minDate, maxDate, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 export { Calendar };

package/dist/Components/Inputs/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{twMerge as s}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{TextFieldContainer as l}from"../TextFieldContainer/TextFieldContainer.js";import{SelectHeader as d,WeekHeader as c,DateBox as m}from"./Calendar.parts.js";import{generateDate as p,today as y,getKoreanTimeString as g,getMonthDate as h,isSameDate as x}from"./Calendar.utils.js";
+"use client";import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{twMerge as s}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as n}from"../../Base/Typography/Typography.js";import{Box as o}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{TextFieldContainer as l}from"../TextFieldContainer/TextFieldContainer.js";import{SelectHeader as d,WeekHeader as m,DateBox as c}from"./Calendar.parts.js";import{generateDate as p,today as y,getKoreanTimeString as g,getMonthDate as x,isSameDate as h,isDateOutOfRange as u}from"./Calendar.utils.js";
 /**
  * 날짜를 선택할 수 있는 캘린더 컴포넌트입니다.
  *
@@ -14,6 +14,9 @@
  * @param {boolean} [props.isError] - 에러 상태 표시 여부
  * @param {string} [props.className] - 컨테이너에 머지될 클래스 (예: 부모 너비에 맞추기 위한 `w-full`)
  * @param {string} [props.triggerClassName] - 트리거(TextFieldContainer)에 머지될 클래스
+ * @param {string} [props.dropdownClassName] - dropdown popup 영역에 머지될 클래스 (예: 모바일 풀너비 `w-full`)
+ * @param {string} [props.minDate] - 선택 가능한 최소 날짜 (YYYY-MM-DD). 이전 날짜 셀은 disabled 처리
+ * @param {string} [props.maxDate] - 선택 가능한 최대 날짜 (YYYY-MM-DD). 이후 날짜 셀은 disabled 처리
  *
  * @example
  * ```tsx
@@ -42,13 +45,19 @@
  *   triggerClassName="w-full"
  *   selected="2024-03-21"
  * />
+ *
+ * // 과거 날짜 선택 disable (오늘 이후만 선택 가능)
+ * <Calendar
+ *   minDate="2026-05-04"
+ *   placeholder="시작일"
+ * />
  * ```
- */const u=({defaultDate:u,selected:f,onChange:w,disabled:j,placeholder:D,isError:b,className:C,triggerClassName:N})=>{const[$,B]=t(!1),v=()=>{j||B((e=>!e))},A=u?p(u):y,[F,I]=t(f?p(f):A),S=f?p(f):A,{year:T,month:L,date:k}=g(S),{dateList:z}=h(F.year,F.month),E=[...Array.from({length:z[0].day},(()=>null)),...z],_=e=>{if(f&&x(e,S))return;const a=`${e.year}-${e.month}-${e.date}`;null==w||w(a),B(!1)};return r((()=>{!$&&f&&I(p(f));
+ */const f=({defaultDate:f,selected:w,onChange:D,disabled:b,placeholder:j,isError:C,className:N,triggerClassName:$,dropdownClassName:B,minDate:v,maxDate:A})=>{const[F,I]=t(!1),S=()=>{b||I((e=>!e))},T=f?p(f):y,[L,k]=t(w?p(w):T),z=w?p(w):T,{year:E,month:_,date:q}=g(z),{dateList:G}=x(L.year,L.month),H=[...Array.from({length:G[0].day},(()=>null)),...G],J=e=>{if(w&&h(e,z))return;if(u(e,v,A))return;const a=`${e.year}-${e.month}-${e.date}`;null==D||D(a),I(!1)};return r((()=>{!F&&w&&k(p(w));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[$]),/*#__PURE__*/e(n,{className:s("relative h-fit w-fit select-none",C),"data-testid":"design-system-calendar--container",children:[
-/*#__PURE__*/a(n,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:$,isError:b,isDisabled:j,testId:"design-system-calendar--trigger",onClick:v,className:N,children:[
-/*#__PURE__*/a(i,{name:"medium_calendar",className:j||!f?"text-w-gray-300":"text-w-gray-400"}),
-/*#__PURE__*/a(o,{variant:"body16",className:s("text-w-gray-600 min-w-[178px]",!f&&"text-w-gray-300",j&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${T} ${L} ${k}`:D})]})}),$&&/*#__PURE__*/a("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:v}),$&&/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
-/*#__PURE__*/a(d,{visibleDate:F,onChange:e=>{I(e)}}),
-/*#__PURE__*/a(c,{}),
-/*#__PURE__*/a(n,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:E.map(((e,t)=>{const r=!(!e||!f)&&x(e,S);return e?/*#__PURE__*/a(m,{date:e,selected:r,onChange:_},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/a(m,{disabled:!0},t)}))})]})]})};export{u as Calendar};
+}),[F]),/*#__PURE__*/e(o,{className:s("relative h-fit w-fit select-none",N),"data-testid":"design-system-calendar--container",children:[
+/*#__PURE__*/a(o,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:F,isError:C,isDisabled:b,testId:"design-system-calendar--trigger",onClick:S,className:$,children:[
+/*#__PURE__*/a(i,{name:"medium_calendar",className:b||!w?"text-w-gray-300":"text-w-gray-400"}),
+/*#__PURE__*/a(n,{variant:"body16",className:s("text-w-gray-600 min-w-[178px]",!w&&"text-w-gray-300",b&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:w?`${E} ${_} ${q}`:j})]})}),F&&/*#__PURE__*/a("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:S}),F&&/*#__PURE__*/e(o,{"data-testid":"design-system-calendar--content",className:s("border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",B),children:[
+/*#__PURE__*/a(d,{visibleDate:L,onChange:e=>{k(e)}}),
+/*#__PURE__*/a(m,{}),
+/*#__PURE__*/a(o,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:H.map(((e,t)=>{const r=!(!e||!w)&&h(e,z);return e?/*#__PURE__*/a(c,{date:e,selected:r,disabled:u(e,v,A),onChange:J},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/a(c,{disabled:!0},t)}))})]})]})};export{f as Calendar};

package/dist/Components/Inputs/Calendar/Calendar.parts.js

@@ -4,4 +4,4 @@ return e(l,{className:"flex h-[50px] w-full gap-4",children:[
 /*#__PURE__*/t(l,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==o||o({year:a.year-1,month:12,date:1}):null==o||o({year:a.year,month:a.month-1,date:1})},children:/*#__PURE__*/t(n,{name:"large_arrow_left",className:"text-gray-600"})}),
 /*#__PURE__*/e(r,{variant:"subTitle18",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
 /*#__PURE__*/t(l,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{m?null==o||o({year:a.year+1,month:1,date:1}):null==o||o({year:a.year,month:a.month+1,date:1})},children:/*#__PURE__*/t(n,{name:"large_arrow_right",className:"text-gray-600"})})]})},c=({selected:e,date:n,disabled:s=!1,onChange:o})=>{const i=1===String(null==n?void 0:n.date).length?`0${null==n?void 0:n.date}`:null==n?void 0:n.date;/*#__PURE__*/
-return t(l,{className:a("bg-w-white flex size-[42px] cursor-pointer items-center justify-center rounded-full p-2 text-center",!s&&!e&&"hover:bg-primary-10",e&&"bg-primary",s&&"cursor-default"),onClick:()=>{s||null==o||o(n)},children:/*#__PURE__*/t(r,{variant:"body16",className:a("text-w-gray-900",e&&"text-w-white",s&&"text-w-gray-300"),children:i})})};export{c as DateBox,m as SelectHeader,i as WeekHeader};
+return t(l,{className:a("bg-w-white flex aspect-square w-full max-w-[42px] cursor-pointer items-center justify-center rounded-full p-2 text-center",!s&&!e&&"hover:bg-primary-10",e&&"bg-primary",s&&"cursor-default"),onClick:()=>{s||null==o||o(n)},children:/*#__PURE__*/t(r,{variant:"body16",className:a("text-w-gray-900",e&&"text-w-white",s&&"text-w-gray-300"),children:i})})};export{c as DateBox,m as SelectHeader,i as WeekHeader};

package/dist/Components/Inputs/Calendar/Calendar.types.d.ts

@@ -7,6 +7,9 @@ export interface CalendarProps {
     isError?: boolean;
     className?: string;
     triggerClassName?: string;
+    dropdownClassName?: string;
+    minDate?: string;
+    maxDate?: string;
 }
 export interface DateType {
     year: number;

package/dist/Components/Inputs/Calendar/Calendar.utils.d.ts

@@ -2,6 +2,7 @@ import { DateType } from './Calendar.types';
 export declare const today: DateType;
 export declare const generateDate: (data: string) => DateType;
 export declare const isSameDate: (referencePoint: string | DateType, target: DateType) => boolean | undefined;
+export declare const isDateOutOfRange: (date: DateType, minDate?: string, maxDate?: string) => boolean;
 export declare const getMonthDate: (year: number, month: number) => {
     lastDate: number;
     firstDay: number;

package/dist/Components/Inputs/Calendar/Calendar.utils.js

@@ -1 +1 @@
-import{dayMap as e}from"./Calendar.constants.js";const t={year:(new Date).getFullYear(),month:(new Date).getMonth()+1,date:(new Date).getDate(),day:(new Date).getDay()},a=e=>{const[t,a,r]=null==e?void 0:e.split("-"),n=new Date(Number(t),Number(a)-1,Number(r)).getDay();return{year:Number(t),month:Number(a),date:Number(r),day:n}},r=(e,t)=>{if("string"==typeof e){const[a,r,n]=e.split("-");return new Date(Number(a),Number(r)-1,Number(n)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()}if("object"==typeof e)return new Date(e.year,Number(e.month)-1,Number(e.date)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()},n=(e,t)=>{const a=new Date(e,t,0).getDate();return{lastDate:a,firstDay:new Date(e,t-1,1).getDay(),lastDay:new Date(e,t-1,a).getDay(),dateList:new Array(a).fill(null).map(((a,r)=>({year:e,month:t,date:r+1,day:new Date(e,t-1,r+1).getDay()})))}},m=t=>{const{year:a,month:r,date:n}=t,m=r.toString().padStart(2,"0"),o=null==n?void 0:n.toString().padStart(2,"0"),i=new Date(`${a}-${m}-${o}`),u=new Intl.DateTimeFormat("ko-KR",{timeZone:"Asia/Seoul",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}).format(i),[D,y,d,g,b]=u.replace(/\./g,"").split(" "),l=new Date(Number(D),Number(y)-1,Number(d)).getDay();return{year:`${D}년`,month:`${y}월`,date:`${d}일`,time:`${g} ${b}`,day:e.get(l)}};export{a as generateDate,m as getKoreanTimeString,n as getMonthDate,r as isSameDate,t as today};
+import{dayMap as e}from"./Calendar.constants.js";const t={year:(new Date).getFullYear(),month:(new Date).getMonth()+1,date:(new Date).getDate(),day:(new Date).getDay()},a=e=>{const[t,a,r]=null==e?void 0:e.split("-"),n=new Date(Number(t),Number(a)-1,Number(r)).getDay();return{year:Number(t),month:Number(a),date:Number(r),day:n}},r=(e,t)=>{if("string"==typeof e){const[a,r,n]=e.split("-");return new Date(Number(a),Number(r)-1,Number(n)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()}if("object"==typeof e)return new Date(e.year,Number(e.month)-1,Number(e.date)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()},n=(e,t,a)=>{if(!t&&!a)return!1;if(void 0===e.date)return!1;const r=new Date(e.year,e.month-1,e.date).getTime();if(t){const[e,a,n]=t.split("-").map(Number);if(r<new Date(e,a-1,n).getTime())return!0}if(a){const[e,t,n]=a.split("-").map(Number);if(r>new Date(e,t-1,n).getTime())return!0}return!1},m=(e,t)=>{const a=new Date(e,t,0).getDate();return{lastDate:a,firstDay:new Date(e,t-1,1).getDay(),lastDay:new Date(e,t-1,a).getDay(),dateList:new Array(a).fill(null).map(((a,r)=>({year:e,month:t,date:r+1,day:new Date(e,t-1,r+1).getDay()})))}},i=t=>{const{year:a,month:r,date:n}=t,m=r.toString().padStart(2,"0"),i=null==n?void 0:n.toString().padStart(2,"0"),u=new Date(`${a}-${m}-${i}`),o=new Intl.DateTimeFormat("ko-KR",{timeZone:"Asia/Seoul",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}).format(u),[D,d,g,y,s]=o.replace(/\./g,"").split(" "),b=new Date(Number(D),Number(d)-1,Number(g)).getDay();return{year:`${D}년`,month:`${d}월`,date:`${g}일`,time:`${y} ${s}`,day:e.get(b)}};export{a as generateDate,i as getKoreanTimeString,m as getMonthDate,n as isDateOutOfRange,r as isSameDate,t as today};

package/dist/cjs/Components/Inputs/Calendar/Calendar.js

@@ -1,9 +1,9 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");exports.Calendar=({defaultDate:o,selected:c,onChange:x,disabled:g,placeholder:m,isError:u,className:y,triggerClassName:p})=>{const[h,j]=a.useState(!1),D=()=>{g||j((e=>!e))},w=o?d.generateDate(o):d.today,[q,B]=a.useState(c?d.generateDate(c):w),f=c?d.generateDate(c):w,{year:C,month:S,date:b}=d.getKoreanTimeString(f),{dateList:v}=d.getMonthDate(q.year,q.month),N=[...Array.from({length:v[0].day},(()=>null)),...v],$=e=>{if(c&&d.isSameDate(e,f))return;const a=`${e.year}-${e.month}-${e.date}`;null==x||x(a),j(!1)};return a.useEffect((()=>{!h&&c&&B(d.generateDate(c));
+"use client";"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");exports.Calendar=({defaultDate:o,selected:c,onChange:g,disabled:x,placeholder:m,isError:u,className:y,triggerClassName:p,dropdownClassName:D,minDate:h,maxDate:j})=>{const[w,f]=a.useState(!1),q=()=>{x||f((e=>!e))},B=o?d.generateDate(o):d.today,[C,b]=a.useState(c?d.generateDate(c):B),N=c?d.generateDate(c):B,{year:S,month:v,date:$}=d.getKoreanTimeString(N),{dateList:T}=d.getMonthDate(C.year,C.month),F=[...Array.from({length:T[0].day},(()=>null)),...T],I=e=>{if(c&&d.isSameDate(e,N))return;if(d.isDateOutOfRange(e,h,j))return;const a=`${e.year}-${e.month}-${e.date}`;null==g||g(a),f(!1)};return a.useEffect((()=>{!w&&c&&b(d.generateDate(c));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[h]),/*#__PURE__*/e.jsxs(s.Box,{className:t.twMerge("relative h-fit w-fit select-none",y),"data-testid":"design-system-calendar--container",children:[
-/*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:h,isError:u,isDisabled:g,testId:"design-system-calendar--trigger",onClick:D,className:p,children:[
-/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_calendar",className:g||!c?"text-w-gray-300":"text-w-gray-400"}),
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("text-w-gray-600 min-w-[178px]",!c&&"text-w-gray-300",g&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${C} ${S} ${b}`:m})]})}),h&&/*#__PURE__*/e.jsx("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:D}),h&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
-/*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:q,onChange:e=>{B(e)}}),
+}),[w]),/*#__PURE__*/e.jsxs(s.Box,{className:t.twMerge("relative h-fit w-fit select-none",y),"data-testid":"design-system-calendar--container",children:[
+/*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:w,isError:u,isDisabled:x,testId:"design-system-calendar--trigger",onClick:q,className:p,children:[
+/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_calendar",className:x||!c?"text-w-gray-300":"text-w-gray-400"}),
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("text-w-gray-600 min-w-[178px]",!c&&"text-w-gray-300",x&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${S} ${v} ${$}`:m})]})}),w&&/*#__PURE__*/e.jsx("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:q}),w&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:t.twMerge("border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",D),children:[
+/*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:C,onChange:e=>{b(e)}}),
 /*#__PURE__*/e.jsx(l.WeekHeader,{}),
-/*#__PURE__*/e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:N.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,f);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,onChange:$},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};
+/*#__PURE__*/e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:F.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,N);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,disabled:d.isDateOutOfRange(a,h,j),onChange:I},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};

package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js

@@ -1,7 +1,7 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var n=require("./Calendar.utils.js"),l=require("./Calendar.constants.js");exports.DateBox=({selected:s,date:n,disabled:l=!1,onChange:i})=>{const o=1===String(null==n?void 0:n.date).length?`0${null==n?void 0:n.date}`:null==n?void 0:n.date;/*#__PURE__*/
-return e.jsx(t.Box,{className:r.twMerge("bg-w-white flex size-[42px] cursor-pointer items-center justify-center rounded-full p-2 text-center",!l&&!s&&"hover:bg-primary-10",s&&"bg-primary",l&&"cursor-default"),onClick:()=>{l||null==i||i(n)},children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:r.twMerge("text-w-gray-900",s&&"text-w-white",l&&"text-w-gray-300"),children:o})})},exports.SelectHeader=({visibleDate:r,onChange:l})=>{const i=1===(null==r?void 0:r.month),o=12===(null==r?void 0:r.month),{year:c,month:d}=r&&n.getKoreanTimeString(r);/*#__PURE__*/
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var l=require("./Calendar.utils.js"),n=require("./Calendar.constants.js");exports.DateBox=({selected:s,date:l,disabled:n=!1,onChange:o})=>{const i=1===String(null==l?void 0:l.date).length?`0${null==l?void 0:l.date}`:null==l?void 0:l.date;/*#__PURE__*/
+return e.jsx(t.Box,{className:a.twMerge("bg-w-white flex aspect-square w-full max-w-[42px] cursor-pointer items-center justify-center rounded-full p-2 text-center",!n&&!s&&"hover:bg-primary-10",s&&"bg-primary",n&&"cursor-default"),onClick:()=>{n||null==o||o(l)},children:/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:a.twMerge("text-w-gray-900",s&&"text-w-white",n&&"text-w-gray-300"),children:i})})},exports.SelectHeader=({visibleDate:a,onChange:n})=>{const o=1===(null==a?void 0:a.month),i=12===(null==a?void 0:a.month),{year:c,month:d}=a&&l.getKoreanTimeString(a);/*#__PURE__*/
 return e.jsxs(t.Box,{className:"flex h-[50px] w-full gap-4",children:[
-/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==l||l({year:r.year-1,month:12,date:1}):null==l||l({year:r.year,month:r.month-1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_left",className:"text-gray-600"})}),
-/*#__PURE__*/e.jsxs(a.Typography,{variant:"subTitle18",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
-/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{o?null==l||l({year:r.year+1,month:1,date:1}):null==l||l({year:r.year,month:r.month+1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_right",className:"text-gray-600"})})]})},exports.WeekHeader=()=>{const r=Array.from(l.dayMap.values());/*#__PURE__*/
-return e.jsx(t.Box,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:r.map((r=>/*#__PURE__*/e.jsx(t.Box,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body13",className:"text-w-gray-500 leading-normal",children:r})},r)))})};
+/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{o?null==n||n({year:a.year-1,month:12,date:1}):null==n||n({year:a.year,month:a.month-1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_left",className:"text-gray-600"})}),
+/*#__PURE__*/e.jsxs(r.Typography,{variant:"subTitle18",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
+/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==n||n({year:a.year+1,month:1,date:1}):null==n||n({year:a.year,month:a.month+1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_right",className:"text-gray-600"})})]})},exports.WeekHeader=()=>{const a=Array.from(n.dayMap.values());/*#__PURE__*/
+return e.jsx(t.Box,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:a.map((a=>/*#__PURE__*/e.jsx(t.Box,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e.jsx(r.Typography,{variant:"body13",className:"text-w-gray-500 leading-normal",children:a})},a)))})};

package/dist/cjs/Components/Inputs/Calendar/Calendar.utils.js

@@ -1 +1 @@
-"use strict";var e=require("./Calendar.constants.js");const t={year:(new Date).getFullYear(),month:(new Date).getMonth()+1,date:(new Date).getDate(),day:(new Date).getDay()};exports.generateDate=e=>{const[t,a,r]=null==e?void 0:e.split("-"),n=new Date(Number(t),Number(a)-1,Number(r)).getDay();return{year:Number(t),month:Number(a),date:Number(r),day:n}},exports.getKoreanTimeString=t=>{const{year:a,month:r,date:n}=t,m=r.toString().padStart(2,"0"),o=null==n?void 0:n.toString().padStart(2,"0"),i=new Date(`${a}-${m}-${o}`),u=new Intl.DateTimeFormat("ko-KR",{timeZone:"Asia/Seoul",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}).format(i),[D,g,y,d,s]=u.replace(/\./g,"").split(" "),b=new Date(Number(D),Number(g)-1,Number(y)).getDay();return{year:`${D}년`,month:`${g}월`,date:`${y}일`,time:`${d} ${s}`,day:e.dayMap.get(b)}},exports.getMonthDate=(e,t)=>{const a=new Date(e,t,0).getDate();return{lastDate:a,firstDay:new Date(e,t-1,1).getDay(),lastDay:new Date(e,t-1,a).getDay(),dateList:new Array(a).fill(null).map(((a,r)=>({year:e,month:t,date:r+1,day:new Date(e,t-1,r+1).getDay()})))}},exports.isSameDate=(e,t)=>{if("string"==typeof e){const[a,r,n]=e.split("-");return new Date(Number(a),Number(r)-1,Number(n)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()}if("object"==typeof e)return new Date(e.year,Number(e.month)-1,Number(e.date)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()},exports.today=t;
+"use strict";var e=require("./Calendar.constants.js");const t={year:(new Date).getFullYear(),month:(new Date).getMonth()+1,date:(new Date).getDate(),day:(new Date).getDay()};exports.generateDate=e=>{const[t,a,r]=null==e?void 0:e.split("-"),n=new Date(Number(t),Number(a)-1,Number(r)).getDay();return{year:Number(t),month:Number(a),date:Number(r),day:n}},exports.getKoreanTimeString=t=>{const{year:a,month:r,date:n}=t,i=r.toString().padStart(2,"0"),m=null==n?void 0:n.toString().padStart(2,"0"),o=new Date(`${a}-${i}-${m}`),u=new Intl.DateTimeFormat("ko-KR",{timeZone:"Asia/Seoul",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}).format(o),[D,s,g,d,y]=u.replace(/\./g,"").split(" "),b=new Date(Number(D),Number(s)-1,Number(g)).getDay();return{year:`${D}년`,month:`${s}월`,date:`${g}일`,time:`${d} ${y}`,day:e.dayMap.get(b)}},exports.getMonthDate=(e,t)=>{const a=new Date(e,t,0).getDate();return{lastDate:a,firstDay:new Date(e,t-1,1).getDay(),lastDay:new Date(e,t-1,a).getDay(),dateList:new Array(a).fill(null).map(((a,r)=>({year:e,month:t,date:r+1,day:new Date(e,t-1,r+1).getDay()})))}},exports.isDateOutOfRange=(e,t,a)=>{if(!t&&!a)return!1;if(void 0===e.date)return!1;const r=new Date(e.year,e.month-1,e.date).getTime();if(t){const[e,a,n]=t.split("-").map(Number);if(r<new Date(e,a-1,n).getTime())return!0}if(a){const[e,t,n]=a.split("-").map(Number);if(r>new Date(e,t-1,n).getTime())return!0}return!1},exports.isSameDate=(e,t)=>{if("string"==typeof e){const[a,r,n]=e.split("-");return new Date(Number(a),Number(r)-1,Number(n)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()}if("object"==typeof e)return new Date(e.year,Number(e.month)-1,Number(e.date)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()},exports.today=t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "2.1.5",
+  "version": "2.2.1",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",