@croquiscom/pds 12.3.0 → 12.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @croquiscom/pds
2
2
 
3
+ ## 12.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 7b7c6d4: DateRangePicker 컴포넌트 displayTimeFormat prop 추가
8
+
9
+ ## 12.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 4babf04: MessageManager type 오류 수정
14
+
3
15
  ## 12.3.0
4
16
 
5
17
  ### Minor Changes
@@ -1,6 +1,6 @@
1
1
  import { DateRange } from 'react-day-picker';
2
2
  import { Duration } from 'date-fns';
3
- import { DatePickerBaseProps } from './DatePicker';
3
+ import { DatePickerBaseProps, DisplayTimeFormat } from './DatePicker';
4
4
  import { TimePickerProps, DisabledTimes } from '../time-picker';
5
5
  export type DatePresetItem = {
6
6
  id: number;
@@ -72,6 +72,13 @@ export interface DateRangePickerProps extends Omit<DatePickerBaseProps, 'disable
72
72
  */
73
73
  autoCloseable?: boolean;
74
74
  disabled?: boolean | [boolean, boolean];
75
+ /**
76
+ * 타임 노출이 필요한 경우 포멧을 지정할 수 있습니다.
77
+ * - 'hourMinute'일 경우 yyyy.MM.dd HH:mm
78
+ * - 'hourMinuteSecond' 일 경우 yyyy.MM.dd HH:mm:ss
79
+ * - showTimePicker 속성이 true일 경우 displayTimeFormat은 'hourMinuteSecond'로 기본 적용됩니다.
80
+ */
81
+ displayTimeFormat?: DisplayTimeFormat;
75
82
  /**
76
83
  * 달력 하단 TimePicker를 노출합니다. onChange value에 시간 정보를 포함하여 전달합니다.
77
84
  * numberOfMonths는 1로 고정됩니다.
@@ -88,4 +95,4 @@ export interface DateRangePickerProps extends Omit<DatePickerBaseProps, 'disable
88
95
  */
89
96
  disabledNowButton?: boolean;
90
97
  }
91
- export declare const DateRangePicker: ({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, showTimePicker, disabledNowButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, timePickerProps, onOpen, onClose, onChange, }: DateRangePickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
98
+ export declare const DateRangePicker: ({ width, error, disabled, className, displayTimeFormat, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, showTimePicker, disabledNowButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, timePickerProps, onOpen, onClose, onChange, }: DateRangePickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -4,3 +4,5 @@ declare const meta: Meta<typeof DateRangePicker>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof DateRangePicker>;
6
6
  export declare const BottomSheetPicker: Story;
7
+ export declare const DateRangeHourMinuteSecondTimePicker: Story;
8
+ export declare const DateRangeTimeHourMinutePicker: Story;
@@ -33,7 +33,6 @@ export interface MessageContainerProps {
33
33
  * @default false
34
34
  */
35
35
  use_inline?: boolean;
36
- type: MessageContainerType;
37
36
  }
38
37
  type MessageContainerType = 'toast' | 'notification';
39
38
  type MessageComponentTypes = ToastComponentProps | NotificationComponentProps;