@tipp/ui 2.1.12 → 2.1.14

package/dist/molecules/index.js

@@ -1,10 +1,10 @@
 import "../chunk-KSS4FSJI.js";
 import {
   DatePickerButton
-} from "../chunk-J5WASNFY.js";
+} from "../chunk-NXOZFGHZ.js";
 import {
   DatePicker
-} from "../chunk-I24MOOUK.js";
+} from "../chunk-WVFAYLXD.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
@@ -49,6 +49,9 @@ import {
 } from "../chunk-3H5JZH44.js";
 import "../chunk-WDUSQ6HR.js";
 import "../chunk-AI7EZKUN.js";
+import {
+  Stepper
+} from "../chunk-JYWMHBRR.js";
 import {
   TagSelector
 } from "../chunk-WK7R5OB3.js";
@@ -60,6 +63,9 @@ import "../chunk-NWJSLIQ3.js";
 import "../chunk-BXX3B3E4.js";
 import "../chunk-ZM763HMC.js";
 import "../chunk-2BPFXK4L.js";
+import {
+  DotNavigation
+} from "../chunk-IJOOKMKQ.js";
 import {
   DownloadCard
 } from "../chunk-MLMYWZZN.js";
@@ -79,12 +85,6 @@ import {
 import {
   RadioButtonCard
 } from "../chunk-SLXXCM56.js";
-import {
-  Stepper
-} from "../chunk-JYWMHBRR.js";
-import {
-  DotNavigation
-} from "../chunk-IJOOKMKQ.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-QD5ZSFPG.js";
 import "../chunk-YJ7ZFOYL.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.1.12",
+  "version": "2.1.14",
   "private": false,
   "type": "module",
   "exports": {
@@ -65,7 +65,7 @@
     "dompurify": "^3.2.6",
     "formik": "^2.4.6",
     "react": "^19.0 || ^19.0.0-rc",
-    "react-datepicker": "^7.0",
+    "react-datepicker": "^8.0",
     "react-dom": "^19.0 || ^19.0.0-rc",
     "yup": "^1.4.0"
   },

package/src/molecules/date-picker/index.tsx

@@ -2,6 +2,7 @@ import type { ElementRef } from 'react';
 import React, { forwardRef } from 'react';
 import type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
 import ReactDatePicker from 'react-datepicker';
+import { ko } from 'date-fns/locale';
 import { IconButton } from '../../atoms/icon-button';
 import { Flex } from '../../atoms/flex';
 import { ChevronLeftIcon, ChevronRightIcon } from '../../icon';
@@ -19,14 +20,16 @@ export const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(
     return (
       <Flex p="0" width="100%">
         <ReactDatePicker
-          dateFormat="YYYY/MM/dd"
+          dateFormat="yyyy/MM/dd h:mm aa"
+          locale={ko}
           nextMonthButtonLabel="다음 달"
-          placeholderText="YYYY/mm/dd"
+          placeholderText="YYYY/MM/DD hh:mm AM/PM"
           popperProps={{ strategy: 'fixed' }}
           previousMonthButtonLabel="이전 달"
           ref={ref}
           renderCustomHeader={renderCustomHeader}
           showPopperArrow={false}
+          timeFormat="h:mm aa"
           timeIntervals={10}
           {...rest}
           calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}