@tipp/ui 2.1.29 → 2.1.31

package/dist/molecules/index.js

@@ -40,10 +40,10 @@ import {
 } from "../chunk-TKD7AJ2T.js";
 import {
   DatePickerButton
-} from "../chunk-I7K33YML.js";
+} from "../chunk-IPF2UOFH.js";
 import {
   DatePicker
-} from "../chunk-LGYRKI7E.js";
+} from "../chunk-GWJMQBPR.js";
 import {
   ExpandTable,
   createColumnHelper

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.1.29",
+  "version": "2.1.31",
   "private": false,
   "type": "module",
   "exports": {
@@ -56,8 +56,8 @@
     "ts-jest": "^29.2.2",
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
-    "@tipp/typescript-config": "1.0.1",
-    "@tipp/eslint-config": "1.1.2"
+    "@tipp/eslint-config": "1.1.2",
+    "@tipp/typescript-config": "1.0.1"
   },
   "peerDependencies": {
     "@types/react": "*",

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

@@ -52,6 +52,9 @@ export const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(
       <Flex p="0" width="100%">
         <ReactDatePicker
           dateFormat="yyyy/MM/dd h:mm aa"
+          formatWeekDay={(nameOfDay) => {
+            return nameOfDay[0];
+          }}
           locale={ko}
           nextMonthButtonLabel="다음 달"
           placeholderText="YYYY/MM/DD hh:mm AM/PM"
@@ -60,9 +63,9 @@ export const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(
           ref={ref}
           renderCustomHeader={renderCustomHeader}
           showPopperArrow={false}
+          timeCaption="시간"
           timeFormat="h:mm aa"
           timeIntervals={10}
-          timeCaption="시간"
           {...rest}
           calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}
           wrapperClassName={`tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ''}`}
@@ -91,10 +94,9 @@ function DropdownSelector({
   selectedValue,
   suffix,
 }: DropdownSelectorProps): React.JSX.Element {
-
   const scrollContainerRef = useRef<HTMLDivElement>(null);
   useEffect(() => {
-    if (isOpen) { 
+    if (isOpen) {
       queueMicrotask(() => {
         const item = scrollContainerRef.current?.querySelector(
           `[data-year-month-dropdown-tiem="${selectedValue}"]`
@@ -105,7 +107,6 @@ function DropdownSelector({
       });
     }
   }, [isOpen]);
- 
 
   return (
     <Popover.Root onOpenChange={onOpenChange} open={isOpen} modal>
@@ -140,9 +141,9 @@ function DropdownSelector({
                 }}
                 variant="transparent"
               >
-                <Typo weight= {item === selectedValue ? 'bold' : undefined}>
-                {item}
-                {suffix}
+                <Typo weight={item === selectedValue ? 'bold' : undefined}>
+                  {item}
+                  {suffix}
                 </Typo>
               </Button>
             ))}