@croquiscom/pds 6.0.0 → 6.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 6.1.0
+
+### Minor Changes
+
+- 505381f: DateRangePicker 내 TimePicker option 추가
+
+## 6.0.1
+
+### Patch Changes
+
+- e2307c7: 데이트피커 프리셋 클릭시 브라우저 창 닫힘 이슈 수정
+
 ## 6.0.0
 
 ### Major Changes

package/dist/components/date-picker/DateRangePicker.d.ts

@@ -2,6 +2,7 @@
 import { DateRange } from 'react-day-picker';
 import { Duration } from 'date-fns';
 import { DatePickerBaseProps } from './DatePicker';
+import { TimePickerProps } from '../time-picker';
 export type DatePresetItem = {
     id: number;
     label: string;
@@ -59,5 +60,20 @@ export interface DateRangePickerProps extends Omit<DatePickerBaseProps, 'disable
      */
     autoCloseable?: boolean;
     disabled?: boolean | [boolean, boolean];
+    /**
+     * 달력 하단 TimePicker를 노출합니다. onChange value에 시간 정보를 포함하여 전달합니다.
+     * numberOfMonths는 1로 고정됩니다.
+     * @default false
+     */
+    showTimePicker?: boolean;
+    /**
+     * [TimePickerProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-timepicker--base)를 적용할 수 있습니다.
+     */
+    timePickerProps?: Omit<TimePickerProps, 'value' | 'fill' | 'onChange'>;
+    /**
+     * TimePicker 사용시 NowButton 사용 유무
+     * @default false
+     */
+    showNowButton?: boolean;
 }
-export declare const DateRangePicker: ({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, showTimePicker, showNowButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, timePickerProps, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;

package/dist/components/date-picker/DateRangePicker.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DateRangePicker } from './DateRangePicker';
-declare const _default: ComponentMeta<({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, showTimePicker, showNowButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, timePickerProps, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: ComponentStory<typeof DateRangePicker>;
@@ -18,3 +18,5 @@ export declare const WithRadioGroupDatePreset: any;
 export declare const WithAllDatePreset: any;
 export declare const BottomSheetPicker: any;
 export declare const UnusedAutoCloseable: any;
+export declare const ShowTimePicker: any;
+export declare const BottomSheetPickerWithTimePicker: any;

package/dist/components/date-picker/utils.d.ts

@@ -5,3 +5,9 @@
  */
 export declare function checkInputValidation(value: any, dateFormat?: string, strongCheck?: boolean): boolean;
 export declare function convertStringToDate(value: any): Date;
+export declare const convertDateToDateWithTime: (date: Date, time?: Date | null, value?: {
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+    milliseconds?: number;
+}) => Date;