diff --git a/README.md b/README.md index ed5d358..430ca9a 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ function App() { ## Links -- [Storybook](https://64ae1170f3ddc89ef85a4950-tzfioaatrn.chromatic.com) +- [Storybook](https://64ae1170f3ddc89ef85a4950-ekibdwacuy.chromatic.com) - [Figma](https://www.figma.com/file/rJUqeL7LUnJjCPQNmQ3BZc/design-system?type=design&node-id=1%3A2854&mode=design&t=nVD5D8xFhO9Dkg6g-1) ## Contributors diff --git a/package-lock.json b/package-lock.json index 048aca4..9b52500 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "hang-log-design-system", - "version": "1.2.1", + "version": "1.2.2", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "hang-log-design-system", - "version": "1.2.1", + "version": "1.2.2", "license": "MIT", "dependencies": { "@emotion/react": "^11.11.1", diff --git a/package.json b/package.json index 94d281e..19fb305 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hang-log-design-system", - "version": "1.2.1", + "version": "1.2.2", "description": "행록 디자인 시스템", "homepage": "https://github.com/hang-log-design-system/design-system", "main": "dist/index.js", diff --git a/src/utils/date.ts b/src/utils/date.ts index fab4c8c..e8c8402 100644 --- a/src/utils/date.ts +++ b/src/utils/date.ts @@ -74,9 +74,9 @@ const isDayOutOfRange = ( dateString: string, maxDateRange?: number ) => { - if (!dateRange?.start || dateRange?.end || !maxDateRange) return false; + if (!dateRange?.startDate || dateRange?.endDate || !maxDateRange) return false; - const startDate = toDate(dateRange?.start); // Date 타입 + const startDate = toDate(dateRange?.startDate); // Date 타입 const currentDate = toDate(dateString); // Date 타입 const diffMilliseconds = currentDate.getTime() - startDate.getTime(); @@ -108,11 +108,13 @@ export const getDayInfo = ({ const isDate = index >= yearMonthData.firstDay && yearMonthData.lastDate >= date; const isToday = todayDateString === dateString; const isSelected = - selectedDate === date || dateRange?.start === dateString || dateRange?.end === dateString; + selectedDate === date || + dateRange?.startDate === dateString || + dateRange?.endDate === dateString; const isInRange = - !!dateRange?.start && - !!dateRange?.end && - isDayWithinRange?.(dateString, dateRange.start, dateRange.end); + !!dateRange?.startDate && + !!dateRange?.endDate && + isDayWithinRange?.(dateString, dateRange.startDate, dateRange.endDate); const isRestricted = (isFutureDaysRestricted && isDayInFuture(dateString, todayDateString)) || (hasRangeRestriction && isDayOutOfRange(dateRange, dateString, maxDateRange));